zoukankan      html  css  js  c++  java
  • 博客样式存档二 (目前样式)

    本文将使用博客园自带的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就可以直接用了,还是建议可以去看看官方文档啥的
  • 相关阅读:
    女程序员这么少是因为怕秃头?如果你这样想,那就错了...
    使用简单的c#示例的坚实的架构原则
    第1部分设计模式FAQ(培训)
    为什么微软部分类和Java不?
    现实世界四部分类和部分方法的使用
    回到基础:n层ASP的异常管理设计指南。网络应用
    学习c#(第9天):理解c#中的事件(一种见解)
    EventBroker:同步和异步通知组件,松散耦合的事件处理
    潜水在OOP(第一天):多态和继承(早期绑定/编译时多态)
    学习c#(第8天):c#中的索引器(一种实用方法)
  • 原文地址:https://www.cnblogs.com/localhost-ha/p/12434481.html
Copyright © 2011-2022 走看看