自己的官方模板越看越不顺眼了,于是果断寻求方法进行美化,看了不少博客园的博客,发现一些博客非常惊艳,这些基本都属于自己定制的,于是开始自定义美化起来。 一:开通JS权限 进入管理>设置>勾选下面的JS权限,然后填写一下开通的理由等待管理员进行审核 ...
先简单展示下效果吧: 首先需要导入js代码,在侧边栏公告处将以下代码复制进入: View Code 还需要一些css,在页面定制css代码处将以下css样式复制进入 View Code ...
2019-03-25 15:53 2 471 推荐指数:
自己的官方模板越看越不顺眼了,于是果断寻求方法进行美化,看了不少博客园的博客,发现一些博客非常惊艳,这些基本都属于自己定制的,于是开始自定义美化起来。 一:开通JS权限 进入管理>设置>勾选下面的JS权限,然后填写一下开通的理由等待管理员进行审核 ...
使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text ...
写在前面 本文中提到的部分设置需要 JS 权限,因此进行相关更改的时候,请确保有 JS 权限。 关于以下内容,是本人在自定义博客园的时候一点总结。这里有一个小技巧,善用浏览器的检查功能,我使用的是 Chrome,右键即可,这样就可查看自己心仪的博客是如何进行更改美化的。 代码高亮 以下给出 ...
博客园标题 点开“管理”,“设置” 在”页面定制CSS代码“中输入一下代码 代码高亮 参考链接 点开“管理”,“设置” 在”页面定制CSS代码“中输入一下代码 目录设置 参考链接 在”页脚HTML代码“中添加 设置版权信息 参考链接 在"页脚Html代码"中添加 ...
主题 在经过仔细挑选后,我选中了Silence这款主题,主题的优点和用法GitHub上写得很清楚了我就不赘述了,这里主要讲一下如何申请博客园的js权限和一些补充说明。 安装 开始前请确认拥有一个已经开通博客的博客园账号。 在博客园首页右上角点击我的博客 然后点击管理 ...
前言 博客园虽然可定制度高,但是在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯 CSS 实现,不需要 JS 权限。 关于博客园的插入代码 本章节只针对博客园的 TinyMce ...
看别人的博客总是花里胡哨,早已羡慕不已,花了点时间整理了下自己博客园的背景 参考原博主链接:https://www.cnblogs.com/Penn000/p/6947472.html,https://www.cnblogs.com/Tangent-1231/p/10393759.html ...
最近有几个博客园的朋友们私信问我怎么设置代码颜色字体的,干脆整理一下。 博客园写博客的TinyMCE编辑器下添加代码有两种方式,我平时用的是第二种,就是代码背景是一行灰一行白的,行号和代码之间有一条绿色竖线的这种。 首先,字体大小我选择16px ...