使用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