博客主题美化

Posted hellocxz

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了博客主题美化相关的知识,希望对你有一定的参考价值。

1. 博客主题美化

cnblogs是一个老牌博客站点,是一个非常好的记录学习与生活的地方,但是主题看着着实有些年代感,所以找了一些博客主题美化下博客。

首先展示一下修改后的效果

主页效果

技术图片

侧边栏效果

技术图片

博客页面效果

技术图片

2. 需要修改的地方

注意:需要申请JS权限,一般申请后都能通过

  • 博客皮肤
  • 页面定制CSS
  • 禁用模板默认CSS
  • 博客侧边栏公告

技术图片

3. 修改方法

  1. 打开博客设置地址

  2. 修改主题为SimpleMemory

  3. 选中禁用模板CSS

  4. 复制页面定制CSS(请打开复制)到第一个框中

  5. 复制侧边栏公告代码到第二个框中

修改完成保存后打开博客就可以看到效果了。

参考主题:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
侧边栏配置:SimpleMemory配置说明

以上是关于博客主题美化的主要内容,如果未能解决你的问题,请参考以下文章

博客园细节美化,打磨

博客样式美化 一

博客园主题美化:Cnblogs-Theme-SimpleMemory

美化你的博客 | 来看这篇指导教程

VuePress博客美化之reco主题

博客园主题美化配置(Awescnb)