zoukankan      html  css  js  c++  java
  • 博客主题

    博客主题

    无意中看到别人的主题是那么的好看,炸一看自己的主题好丑,所以就找了下,在这里记录下来。

    1. 下载githup源码,传送门

      git clone https://github.com/BNDong/Cnblogs-Theme-SimpleMemory.git
      
    2. 登录博客园进入设置页面,

    3. 设置页面定制CSS代码。

      • 在克隆下来的项目中根据路径找到base.min.css,路径:/src/style/base.min.css
      • 拷贝此文件代码至页面定制CSS代码文本框处。
      • 选中页面定制CSS代码文本框下面的禁用模板默认CSS。
    4. 在侧边栏HTML代码中设置以下代码:

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

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

    5. 我的设置html设置:

      <script type="text/javascript">
          window.cnblogsConfig = {
              GhVersions    : 'v1.3.3', // 版本
              blogUser      : "棉花糖", // 用户名
              blogAvatar    : "https://pic.cnblogs.com/face/1943640/20200220233654.png", // 用户头像
              blogStartDate : "2020-02-15", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
             essaySuffix: {
                   aboutHtml: "千里之行始于足下",
             },
             essayCodeHighlightingType: "highlightjs",
             essayCodeHighlighting: "an-old-hope",
             codeLineNumber: true,
             homeTopAnimation: {
                   color   : 'random',
             },
             essayTopImg: [
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_2101021010123572c8d948621b095a21f1c965fa514c.jpeg",
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_210102102759QQ图片20170615224034.jpg",
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_210102101045223c544afd087a6b995ac9bff1796173.jpeg",
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_2101021042236c7f4475ac8380235d898d3e316aacd6.jpg"
          ],
          homeTopImg: [
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_210102103036qw.jpg",
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_210102103211582930f5da76f77b187c0df7.jpg",
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_2101021034485841e26e9a1aa37b1d8b0d91.jpg",
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_210102103619580b100d94e5cc414f7a5bd5.jpg",
            "https://images.cnblogs.com/cnblogs_com/ywnh/1651535/o_2101021042565c0689edaefaac39a434f34716f392aa.jpg"
          ],
          }
      </script>
      <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.3.3/src/script/simpleMemory.min.js" defer></script>
      
    6. 1.0版本说明文档https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.0/#/

    7. 主题开发者:传送门

  • 相关阅读:
    ArcGIS API中FindTask中文搜索无效,服务器编码问题URIEncoding="utf-8"
    ArcGIS10.1 api for Flex开发用于ArcGIS 9.3时QueryTask 'Error #2032'错误的解决方案
    Arcgis API For IOS扩展AGSDynamicLayer新旧版API对比
    谈FME批量自动化数据转换方法
    浅谈城市规划在移动GIS方面的应用发展
    JS-JQuery(JSONP)调用WebService跨域若干技术点
    CAD规划成果入库GIS_SDE转换之分析
    Web前台直接加载GIS格式数据分析
    [转] 基于ArcGISServer实现活动地图标注
    程序员如何利用空闲时间挣零花钱
  • 原文地址:https://www.cnblogs.com/ywnh/p/14224067.html
Copyright © 2011-2022 走看看