• 博客样式存档二 (目前样式)


    本文将使用博客园自带的SimpleMemory样式与GitHub上的开源项目https://github.com/BNDong/Cnblogs-Theme-SimpleMemory来搭建目前使用的这个博客样式。

    1.页面定制CSS代码

    2.博客侧边栏公告

    • 网站图标图片是自己扣的一张阿夸(虽然已经高糊化),删除该行可恢复默认设置
    • 图片URL可以换成自己喜欢的图,可以把图传到图床上,我太懒了就直接传到博客园自带的相册里了
    • <script type="text/javascript">
          window.cnblogsConfig = {
      		GhVersions    : 'v1.2.6', // 版本
              blogUser      : "localhost-ha", // 用户名
              blogAvatar    : "https://images.cnblogs.com/cnblogs_com/localhost-ha/1663333/o_200307065904local.png", // 头像
              blogStartDate : "2019-10-22", // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
      		//网站图标图片Url:阿夸赛高!!!(超大声
              webpageIcon: "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_200307064032aqua.png", 
      		//字体图标库扩展Css的Url
      		fontIconExtend: "//at.alicdn.com/t/font_543384_ezv3l7gd9r7.css", 
      		//菜单个人信息背景图片设置
      		menuUserInfoBgImg: 'https://files.dbnuo.com/wallpaper/menu_bg.gif', 
      		//主页banner图片Url,推荐尺寸>= 1920*1080,每次刷新随机设置一张
      		homeTopImg    : [
                  "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_200307020448v2-22a97d6de20055eabe3b1ff7ba25f634_r.jpg",
                  "https://images.cnblogs.com/cnblogs_com/localhost-ha/1574941/o_v2-1a4746ed1ea37205de50e5ed282dc16a_r.jpg"
              ], 
      		//主页 banner 上的标语获取源
      		homeBannerTextType: "one", 
      		//文章页banner图片Url,推荐尺寸>= 1920*600
              essayTopImg: [
                  "https://files.dbnuo.com/wallpaper/wallhaven-j82g35.webp",
                  "https://files.dbnuo.com/wallpaper/wallhaven-2e37y9.webp",
                  "https://files.dbnuo.com/wallpaper/wallhaven-lqddel.webp"
              ], 
      		//文章后缀配置
              essaySuffix: {
      	    aboutHtml: "可能又在摸鱼",
                  copyrightHtml: '转载请注明出处', //版权声明,不配置使用默认
                  supportHtml  : '如果看到我摸鱼请赶我去学习', 
              },
      		//使用prettify插件渲染代码高亮
              essayCodeHighlightingType: "prettify", 
              essayCodeHighlighting: "prettify", //prettify 代码高亮主题:prettify、desert、sunburst、obsidian、doxy
              //页脚样式
      		footerStyle: 2,
              //页脚标语
              bottomText: {
                  left : "好好学习",
                  right: "天天向上",
              }
          }
      </script>
      <script src="https://cdn.jsdelivr.net/gh/BNDong/Cnblogs-Theme-SimpleMemory@v1.2.6/src/script/simpleMemory.min.js"></script>
      
      <!-- 是鼠标特效哒 -->
      <script src="https://blog-static.cnblogs.com/files/e-cat/cursor-effects.js"></script>
      

    3.结束

    • 改改用户名还有里面的一些URL就可以直接用了,还是建议可以去看看官方文档啥的
  • 相关阅读:
    【从0开始Tornado网站】主页登录和显示的最新文章
    2014阿里巴巴网上笔试题-文章3大标题-公共最长的字符串长度
    取消改变基本数据——应用备忘录模式
    Hibernate进化史-------Hibernate概要
    xcode 快捷键
    Android多画面幻灯片:ViewPager基础上,利用与PagerTabStrip出生缺陷(源代码)
    uva 11991
    创建与删除索引
    HDU1203_I NEED A OFFER!【01背包】
    Java面试宝典2013版(超长版)
  • 原文地址:https://www.cnblogs.com/localhost-ha/p/12434481.html
Copyright © 2020-2023  润新知