SimpleMemory博客园皮肤

1. 声明

这个主题是一位大佬做的。

大佬博客园地址:https://github.com/BNDong/Cnblogs-Theme-SimpleMemory。

大佬Github地址:https://www.cnblogs.com/BNDong。

2. 安装

  1. 申请JS权限

    SimpleMemory博客园皮肤

  2. 博客皮肤选择SimpleMemory

    SimpleMemory博客园皮肤

  3. 在GitHub上下载源码

    SimpleMemory博客园皮肤

  4. 设置页面定制CSS代码,同时禁用模板默认CSS

    /dist/simpleMemory.css 拷贝此文件代码至页面定制CSS代码文本框处。

    SimpleMemory博客园皮肤

  5. 设置博客侧边栏

    输入一下代码:

    <script type="text/javascript">
        window.cnblogsConfig = {
          info: {
            name: 'userName', // 用户名
            startDate: '2021-01-01', // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
            avatar: 'http://xxxx.png', // 用户头像
          },
        }
    </script>
    <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v2.1.0/dist/simpleMemory.js" defer></script>
    

    更多更详细的设置可见https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v2/#/Docs/Customization/config?id=%e7%a4%ba%e4%be%8b%e9%85%8d%e7%bd%ae。

  6. 设置页脚HTML代码

    <!--代码复制-->
    <script src="https://cdn.bootcss.com/clipboard.js/2.0.4/clipboard.min.js"></script>
    <!--主题-->
    <script src="https://blog-static.cnblogs.com/files/gshang/gshang.bilibili.big.2020.02.27.4.js" ></script>
    <!--scrollTo-->
    <script src="https://cdn.bootcss.com/jquery-scrollTo/2.1.2/jquery.scrollTo.js"></script>
    <!--owo表情-->
    <script src="https://blog-static.cnblogs.com/files/gshang/gshang.owo.2020.01.05.1.js"></script>
    <link rel="stylesheet" href="https://blog-static.cnblogs.com/files/gshang/gshang.OwO.3.css" />
    <!-- import Vue.js -->
    <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script>
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.css">
    <!-- 引入组件库 -->
    <script src="https://blog-static.cnblogs.com/files/gshang/notiflix-2.0.0.min.js"></script>
    
  7. 勾选公告

    SimpleMemory博客园皮肤

  8. 成功

    SimpleMemory博客园皮肤

上一篇:微服务身份认证,授权


下一篇:【音乐分享下载】周杰伦 歌曲 全集 全专辑下载