使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text ...
博客园 默认编辑器设置为Markdowm 是使用heightlight.js进行代码块高亮的。 因此可以通过下载heightlight.js官网的主题css修改博客园中的代码块高亮颜色。 修改方法: 进入heightlight.js官网, 点击demo页面预览, 查看主题效果 在下载页面选择需要的语言并下载 打开下载的文件, 博客园原本就用的heightlight.js,只需要使用style文件夹 ...
2020-11-01 21:21 1 560 推荐指数:
使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text ...
一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器 ...
对于博客园单调的主题,简直不要太单调,但是这根本就不回影响我们程序员,既然不喜欢,呢就改改改 这是我度娘的一篇博客园主题修改的ccs代码, 更改的方法如下:将其复制到管理->设置->页面定制css代码框中,然后做出相应的修改,点击保存即可。 我博客主题的css代码修改 ...
目前使用的是Simple Bule主题修改得到,无需“禁用模板默认CSS”主要实现了下面几个功能,欢迎收藏和点评: 页面定制CSS代码,进行样式修饰,可供参考与自行修改,修改背景色、阅读界面颜色、评论框样式等等,修饰页面中的p标签和h系列标签 博客侧边栏公告,添加了一个头像,点击头像 ...
页面主题为ThinkInside, 页面css可以修改为 页面css 页面效果图如下: ...
Nice,博客园的CSS 花了一天终于弄完了。 暑假 + 开学前半个月 学了CSS,本来想学Web安全的,结果其他很多东西学了很多,Web安全没太学(汗) 原来的模板是 SimpleMemory 直接把默认CSS禁用了,不然一堆冲突 CSS还有很多要学的,还有很多待完善的 自己感觉非常好 ...
前言 原文链接 园子里有人问到了这个问题,所以写篇博客简单介绍下。 博客园代码高亮使用的插件是 highlight.js,本来想替换成我 个人网站 使用的 prism.js,但是比较坑爹的是,解析过程在服务端已经完成了,为什么这么说呢?因为我禁用浏览器JS重新刷新页面时,pre> ...
在博客园写博客之前 并没有想到要手打代码和缩进 因为没有插入代码的功能啊 手写出来确实不怎么雅观 可是再看一下人家的博客 代码区域好明显 就跟插入了一个IDE似的 带着这个疑问各种百度 从最开始的以为加入一些字符就可以 然后各种文章都说要用插件 而且每篇文章说的插件 ...