博客園界面代碼風格(代碼樣式)自定義設置


 使用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代碼框里面

1571383119480

5.大功告成

提示:以上操作都是基於HBuilder編輯器

 

 

本文章來自 hign的博客,轉載請保留原文了鏈接: https://www.cnblogs.com/hign/p/12002719.html
作者: hign
本博客文章大多為原創或者偽原創,轉載請關注博主,原創文章並且留下鏈接。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM