Loading

设置漂亮的博客园主题

在逛博客园的时候发现了一款特别漂亮的主题,效果图如下,找了好久终于找到了设置的方法

效果预览

博客首页样式

博客首页样式

博客详情样式

博客详情样式

侧边栏样式

不得不夸赞一下作者精湛的技术,这里为了快速上手这套皮肤我就挑肥拣瘦的快速过一遍教程,有意者也可以通过作者的文档进行设置,地址在结尾给出

后台基本调整

1. 修改博客的默认皮肤,所有样式都是基于该皮肤进行设置的

2. 基本的设置

3. 选项页面的调整

开始设置样式

1.页面定制 CSS 代码 中 ( 注意禁用默认样式 ) 添加以下地址中的css代码:

https://github.com/BNDong/Cnblogs-Theme-SimpleMemory/blob/master/src/style/base.min.css

2.博客侧边栏公告中加入以下内容:

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.3',        // 版本
        blogUser      : "博客首页的昵称",   // 用户名
        blogAvatar    : "头像的URL地址",  // 用户头像
        blogStartDate : "2020-01-01",    // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>

大功告成

接下来访问自己的博客页面就可以看到效果了!申请JS权限出乎意料的快,我这边申请1分钟左右就给过了

如果未达到目标的效果可能有哪些地方出了遗漏,可以看作者文档进行设置

原作者地址:https://www.cnblogs.com/bndong/p/9132439.html

帮助文档地址:https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/

posted @ 2021-01-10 19:05  Java小学生丶  阅读(162)  评论(4)    收藏  举报