如何定制化博客园的个人主题风格?

2026-04-28 12:420阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计1189个文字,预计阅读时间需要5分钟。

如何定制化博客园的个人主题风格?

自定义自由主题,cnblogs主题,SimpleMemory主题+自由主题代码GitHub地址+https://github.com/yushixin-1024/Cnblogs-Theme-SimpleMemory,该项目Fork自https://github.com/BNDong/Cnblogs-Theme-SimpleMemory,根据自定义进行修改。

自定义自由互联主题,cnblogs主题,SimpleMemory主题 自由互联主题代码GitHub地址

github.com/yushixin-1024/Cnblogs-Theme-SimpleMemory

该项目Fork自github.com/BNDong/Cnblogs-Theme-SimpleMemory,根据自己的想法修改了部分细节,但是大体上没变。

另外,项目中左侧边栏中的“阅读排行”和“推荐排行”下拉菜单列表中最后会有多余的空的 li 标签,源码修改后需要重新编译生成dist目录

前置条件

因为Cnblogs-Theme-SimpleMemory有大量的js,css,html等静态文件,需要托管到文件服务器上,最好是国内的,GitHub就算了,时灵时不灵的

使用PicGo配置阿里云图床(项目中设置的背景图都托管在图床项目中)

关于项目修改源码后重新编译

编译前本地需要安装node.js,并且已经配置环境变量

打开项目后,根目录下有个README.md文件,有相关npm的操作命令说明。

阅读全文

本文共计1189个文字,预计阅读时间需要5分钟。

如何定制化博客园的个人主题风格?

自定义自由主题,cnblogs主题,SimpleMemory主题+自由主题代码GitHub地址+https://github.com/yushixin-1024/Cnblogs-Theme-SimpleMemory,该项目Fork自https://github.com/BNDong/Cnblogs-Theme-SimpleMemory,根据自定义进行修改。

自定义自由互联主题,cnblogs主题,SimpleMemory主题 自由互联主题代码GitHub地址

github.com/yushixin-1024/Cnblogs-Theme-SimpleMemory

该项目Fork自github.com/BNDong/Cnblogs-Theme-SimpleMemory,根据自己的想法修改了部分细节,但是大体上没变。

另外,项目中左侧边栏中的“阅读排行”和“推荐排行”下拉菜单列表中最后会有多余的空的 li 标签,源码修改后需要重新编译生成dist目录

前置条件

因为Cnblogs-Theme-SimpleMemory有大量的js,css,html等静态文件,需要托管到文件服务器上,最好是国内的,GitHub就算了,时灵时不灵的

使用PicGo配置阿里云图床(项目中设置的背景图都托管在图床项目中)

关于项目修改源码后重新编译

编译前本地需要安装node.js,并且已经配置环境变量

打开项目后,根目录下有个README.md文件,有相关npm的操作命令说明。

阅读全文