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

极客小俊

已于 2023-09-24 12:54:58 修改

阅读量2.2k

点赞数 2

分类专栏：【web开发必备(IDE)工具使用教程&推荐】文章标签：插件美化插件博客园插件前端插件 javascript 博客美化教程安装教程

于 2020-09-02 19:20:32 首次发布

本文链接：https://blog.csdn.net/windowsxp2018/article/details/108362919

版权

【web开发必备(IDE)工具使用教程&推荐】专栏收录该内容

10 篇文章 3 订阅

订阅专栏

🚀 个人主页 极客小俊
✍🏻 作者简介：web开发者、设计师、技术分享博主
🐋 希望大家多多支持一下, 我们一起进步！😄
🏅 如果文章对你有帮助的话，欢迎评论 💬点赞👍🏻 收藏 📂加关注

前言

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

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

设置页面：

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

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

选项

选项页面：

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

控件显示设置/公告 #86

获取需要使用的版本

进入主题仓库：GitHub

切换版本：

install_05

博客设置

设置博客皮肤

博客皮肤：SimpleMemory

install_02

设置页面定制CSS代码

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

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

install_03

禁用模板默认CSS

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

设置博客侧边栏公告

推荐版本 >= v1.1.2，建议使用最新版本：

在侧边栏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/Cnblogs-Theme-SimpleMemory@v1.3.2/src/script/simpleMemory.min.js"></script>