微信文章實現代碼高亮

最近在自學計算機學科相關基礎課程，一個人學習是無聊的，所以想着把自己的學習過程記錄在個人的微信公衆號裏。以前看到其他公衆號裏展示代碼的樣式很酷，一個框框裏的代碼要是上下左右像素溢出後還能上下左右滑動，裏面的代碼也能高亮。今天自己嘗試在微信文章編輯器裏試着寫代碼，結果發現編輯器本身沒提供代碼展示的相關功能，也不支持markdown，所以就有了疑問：人家那麼炫酷的代碼展示是怎麼弄出來的？百度了大半天，大部分是推薦使用哪些哪些在線微信排版編輯器，那些在線排版編輯器進去一看，其網頁本身就排版得令人眼花繚亂，好強的一股大媽審美風。雖然有幾個程序員氣質的回答推薦了幾個專業的工具，但是使用起來還是不舒服，距離感很強。在這個過程中，領悟到了微信展示代碼高亮的本質：由支持CSS樣式的非微信編輯器得到HTML性質的“內容”，然後（帶格式地）複製到微信編輯器裏即可展示出樣式。因爲一直用CSDN編輯器寫文章，故嘗試了複製CSDN編輯器裏的“內容”到微信編輯器，結果還算成功。具體方法：CSDN文章編輯模式下，使用markdown寫文章，比如寫了一段代碼塊，預覽區已展示出渲染的結果（語法高亮）；然後點擊“小眼睛”進入“預覽模式”，在此模式下將代碼塊選中後（最好附帶選中代碼塊前後至少各一行文字）右擊複製到微信編輯器，即實現了高亮展示（微信編輯器做了自適應，比如橫向尺寸溢出則隱藏並展示橫滾條）。複製後代碼塊裏的代碼可能出現串行等不一致的行格式現象，此時只要稍微手動調整即可。
總結起來，這就是一個前端問題，知識不夠，只能時間來湊。瞎百度，瞎領悟，瞎試，要是有這方面足夠好的問答社區就好了，那種有黑客精神的社區。
下面貼一貼在微信（像Apple一樣封閉生態的）文章編輯器裏成功實現代碼高亮的截圖：