关于本博客样式

2022-03-20 17:36:30 阅读：145 来源： 互联网

说明

本博客的样式来自开源项目
https://github.com/BNDong/Cnblogs-Theme-SimpleMemory
其使用文档如下
https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2
文档还是很清晰的，本文将样式设置的过程做详细说明，一些问题以为是bug其实是没有理解到位。

准备

访问开源项目下载最新版本

截止本博客发布前，最新版本为V2.1.0

下载Source code

由于GitHub访问不稳定，这里提供百度网盘下载
链接: https://pan.baidu.com/s/1csyYPuwJcjGU1SIDOMg5Sw?pwd=37d4
提取码: 37d4

解压后目录如下

开通博客园博客

开通博客就不说了呗，有手就行

打开博客后台管理页面

https://i.cnblogs.com/settings
如下

开通js执行权限

点击申请js权限

填写申请理由

博客园管理员你好，请帮我开通js权限，我要美化博客，谢谢您的帮助。
（文采好的请自由发挥，快的话1个小时，慢的话需要1天）

侧边栏组件勾选公告

博客管理-》选项-》侧边栏控件-》勾选“公告”-》保存
开通了js执行权限，还需要勾选公告才能执行js代码

配置

设置博客皮肤SimpleMemory

设置代码高亮

不要勾选显示行号！

设置页面定制CSS代码

勾选禁用模版默认CSS

拷贝自己的CSS

将准备阶段里下载得zip包解压后找到Cnblogs-Theme-SimpleMemory-2.1.0\dist\simpleMemory.css，将css文件里的内容全部拷贝粘贴到代码框里

配置博客侧边栏公告

<script type="text/javascript">
    window.cnblogsConfig = {
      info: {
        name: 'iminifly', // 用户名
        startDate: '2017-11-02', // 入园时间，年-月-日。入园时间查看方法：鼠标停留园龄时间上，会显示入园时间
        avatar: 'https://pic.cnblogs.com/avatar/1271234/20171102182052.png', // 用户头像
        blogIcon: 'https://blog-static.cnblogs.com/files/blogs/742048/logo.ico',
      }
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer></script>

里边需要修改自己的用户名入园时间，头像图标

点击保存

整个样式改造基本完成

编写博客

添加新随笔

自行添加内容

点击发布

访问自己的博客查看效果

注意

博客园的博客首页只展示随笔，不展示文章。我在设置完成后，发展首页没有内容，以为是样式没生效，最后发现是这个原因。

标签：入园,样式,博客,js,勾选,关于,https,com
来源： https://www.cnblogs.com/iminifly/p/16030629.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9