码迷,mamicode.com
首页 > 其他好文 > 详细

博客园界面代码风格(代码样式)自定义设置

时间:2019-12-07 18:13:33      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:链接   post   img   span   gpo   博客   builder   html   www   

 使用highliht的样式自定义自己的代码样式

 

  1.在highlight.js demo选一个你自己喜欢的代码风格

  我用的是vscode编辑器,因此我比较喜欢 Atelier Heath Light 这款风格

技术图片

 2.在highlight.js demo下载你喜欢的风格

技术图片

 3.修改风格样式将 .h1js  (注意有个空格)替换成 ‘.cnblogs-markdown .hljs‘, .hljs- 替换成‘.cnblogs-markdown .hljs-‘ 我的编辑器操作做如下,选择全部替换,目的是添加一个css限制范围,提高此风格的优先级,来覆盖默认的样式

替换前:

技术图片

技术图片

替换后:

技术图片

 技术图片

4.把替换好的样式赋值到页面自定义css代码框里面

技术图片

5.大功告成

提示:以上操作都是基于HBuilder编辑器

 

 

本文章来自hign的博客,转载请保留原文了链接:https://www.cnblogs.com/hign/p/12002719.html

博客园界面代码风格(代码样式)自定义设置

标签:链接   post   img   span   gpo   博客   builder   html   www   

原文地址:https://www.cnblogs.com/hign/p/12002719.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!