首页 > 其他分享 >博客园美化教程

博客园美化教程

时间:2022-10-29 19:33:25浏览次数:136  
标签:入园 教程 cnblogs 博客园 美化 https com CSS

开始

由于博客园的主题都是很久以前的,所以在现在看来不是非常好看。

因此需要我们自己去优化一下

教程

自定义 CSS

首先我们在博客后台将主题切换成 SimpleMemary,接着勾选在后台的页面定制 CSS 代码的地方,将文章结尾的 CSS 文件的代码粘贴进去,并勾选 禁用模板默认 CSS 这个按钮

禁用默认样式

image-20221029192600721

自定义 JS

在后台的博客侧边栏公告处填入下面的代码

<script type="text/javascript">
  window.cnblogsConfig = {
    GhVersions: 'v1.3.2', // 版本
    blogUser: 'xxx', // 用户名
    blogAvatar: 'https://xxx.jpg', // 用户头像
    blogStartDate: '2017-12-13', // 入园时间,年-月-日。入园时间查看方法:鼠标停留园龄时间上,会显示入园时间
  }
</script>
<script src="https://cdn.jsdelivr.net/gh/BNDong/[email protected]/src/script/simpleMemory.min.js"></script>

最终效果

img

img

参考文章

静态文件

css: https://blog-static.cnblogs.com/files/yecss/base.min.css?t=1667042362

js: https://blog-static.cnblogs.com/files/yecss/simpleMemory.min.js?t=1667042358

标签:入园,教程,cnblogs,博客园,美化,https,com,CSS
From: https://www.cnblogs.com/yecss/p/16839457.html

相关文章

  • 【JEECG】Vue3-03Pinia详细使用教程
    1、安装npminstallpinia或yarnaddpinia2、引用import{createApp}from'vue'importAppfrom'./App.vue'import{createPinia}from'pinia'constpinia=create......
  • 【JEECG】Vue3-02Vite详细使用教程
    1、概要介绍1.1什么是Vite​​https://cn.vitejs.dev/​​新型前端构建工具,主要由两部分组成:一个开发服务器,基于原生ES模块提供内建功能,如模块热更新(HMR)。一套构建......
  • Microsoft Office for Mac最新版本安装教程,亲测可用!!!
    办公必备的Office工具,它为需要使用Office工具的用户和企业设计,让他们可以利用功能强大的Outlook来处理电子邮件、日历和通讯录事宜。你所熟知和信赖的Office经过更新......
  • Python数据分析教程(三):实用代码
    Python数据分析教程专栏:数据分析-标签-孤飞-博客园(cnblogs.com)Python数据分析教程(一):Numpy-孤飞-博客园(cnblogs.com)Python数据分析教程(二):Pandas-孤飞-......
  • win7虚拟机搭建教程(小白向)
    win7虚拟机搭建教程(小白向)目录win7虚拟机搭建教程(小白向)1、前提准备2、安装win7虚拟机1、前提准备电脑上已经安装VMware,并且已经拥有win7镜像。(我的镜像有点问题,无法正......
  • 传世怎么开服?传奇世界单机架设教程
    ​​传奇世界单机架设大家好我是明杰,今天给大家做的教程是传世的单机架设,说起单机架设其实比较简单的,版本登陆器引擎工具就OK!现在主流引擎是AFT,登陆器有帝王,玛雅,风凰,彩虹等......
  • Entity Framework教程-日志管理(Logging)
    更新记录转载请注明出处:2022年10月29日发布。2022年10月22日从笔记迁移到博客。查看EFCore的日志在OnConfiguring方法中注册optionsBuilder.LogTo方法即可。pro......
  • robotframework自动化测试框架实战教程:库文档工具(Libdoc)
    Libdoc是RobotFramework内置的工具,用来为测试库和资源文件生成关键字的文档.文档分为HTML和XML格式,前者供人阅读,后者供RIDE和其它工具使用. 文档文件被指定为库/......
  • 自动发货发卡系统搭建教程
    如果有需要自建一个在线发货的小店铺网站,可以参考下面的教程前提为了简单一点,使用的宝塔面板,喜欢自己动手的,可以忽略宝塔面板的操作。数据库创建数据库,用户名密码等r......
  • (2022最新版)记录一下微信步数支付宝步数一件拉满教程
    本工具支持微信、支付宝、QQ,按照下面的图文教程,一步一步来,非常简单,几分钟搞定~第一步:下载zepp1、在手机的应用商店搜索下载App:zepp(这边已zepp为例子,下载Zepp......