欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

SimpleMemory主题美化自己的博客园 安装配置

程序员文章站 2022-03-20 08:22:59
...

Author:3# 一个专注于web技术的80后
软件开发要知其然知其所以然
aaa@qq.com 极客小俊,CSDN官方首发,`3#原创
企业博客: ???? 极客小俊GeekerJun ????
博客园URL: ???? cnblogs.com/GeekerJun ????

前言

这个SimpleMemory主题非常好,可以用来美化博客园的界面,并且支持响应,尺寸分别为:(1200px,∞px),(960px,1200px],(720px,960px],(0px,720px]

下载地址:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory

设置页面:

SimpleMemory主题美化自己的博客园 安装配置

本主题当前页面所涉及的配置有:

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

选项

选项页面:

SimpleMemory主题美化自己的博客园 安装配置

本主题当前页面所涉及的配置有:

  • 控件显示设置/公告 #86

获取需要使用的版本

进入主题仓库:GitHub

切换版本:

SimpleMemory主题美化自己的博客园 安装配置

博客设置

设置博客皮肤

博客皮肤:SimpleMemory

SimpleMemory主题美化自己的博客园 安装配置

设置页面定制CSS代码

CSS代码位置:/src/style/base.min.css 拷贝此文件代码至页面定制CSS代码文本框处。

/src/style/base.min.css 的修改参考 /src/style/base.css。博客设置请使用压缩版本,直接使用 /src/style/base.css 会字符超限!

SimpleMemory主题美化自己的博客园 安装配置

禁用模板默认CSS

选中页面定制CSS代码文本框下面的禁用模板默认CSS。

设置博客侧边栏公告

推荐版本 >= v1.1.2,建议使用最新版本:SimpleMemory主题美化自己的博客园 安装配置

在侧边栏HTML代码中设置以下代码:

<script type="text/javascript">
    window.cnblogsConfig = {
        GhVersions    : 'v1.3.2', // 版本
        blogUser      : "userName", // 用户名
        blogAvatar    : "https://xxxx.png", // 用户头像
        blogStartDate : "2016-11-17", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
    }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/aaa@qq.com/src/script/simpleMemory.min.js"></script>

注意:引入的文件 simpleMemory.min.js 版本需要与配置 window.cnblogsConfig.GhVersions 一致!

详细配置参考相关文档

SimpleMemory主题美化自己的博客园 安装配置

开启公告控件

博客设置 --> 控件显示设置 --> 勾选公告

配置完成保存即可成功应用博皮!

完成效果

SimpleMemory主题美化自己的博客园 安装配置

SimpleMemory主题美化自己的博客园 安装配置

SimpleMemory主题美化自己的博客园 安装配置

如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!
听说 ???? 点赞 ???? 的人运气不会太差,每一天都会元气满满哦 嘿嘿!!! ❤️ ❤️ ❤️
大家的支持就是我坚持下去的动力。点赞后不要忘了???? 关注 ????我哦!
更多精彩内容请前往
极客小俊GeekerJun 的博客

SimpleMemory主题美化自己的博客园 安装配置


如果以上内容有任何错误或者不准确的地方,欢迎在下面 ???? 留个言指出、或者你有更好的想法,欢迎一起交流学习~~~