資訊專欄INFORMATION COLUMN
摘要：使用的初體驗(yàn)，主題外觀都很滿意，除了代碼段的顯示效果。用加高亮做關(guān)鍵字，能搜出一大堆的代碼高亮方案。因?yàn)橛辛诵碌墓δ艽a注入。加入目前第三方高亮模塊，主要以和為主，二者沒有太大的區(qū)別。讓高亮生效加入后，并沒有讓高亮效果馬上生效。
使用Ghost的初體驗(yàn)，主題外觀都很滿意，除了代碼段的顯示效果。
沒有代碼高亮，這效果怎么說呢？就像是使用了文本編輯器在寫代碼，說不上離經(jīng)叛道，但就是從心底覺得一個(gè)字：土。
用Ghost加高亮做關(guān)鍵字，能搜出一大堆的代碼高亮方案。不過在Ghost版本2.0以后，再去修改代碼來載入js和css文件已經(jīng)沒有必要。因?yàn)镚host有了新的功能：代碼注入（Code Injection）。
對于Ghost的所有頁面，都使用了default.hbt作為了基礎(chǔ)模板文件。在模板的header和body末尾，都可以注入用戶自定義的代碼。
加入highlight.js目前第三方高亮模塊，主要以highlight.js和prism.js為主，二者沒有太大的區(qū)別。我選擇了應(yīng)用更廣泛的highlight.js。
highlight.js主要有兩部分組成，一部分是引用的CSS文件，一部分是JS文件。進(jìn)入Ghost管理后臺，點(diǎn)擊code injection菜單，分別將二者寫入即可。
在Blog Header中，填入：
在Blog Footer中，填入：
注意，我這里選擇了monokai的高亮風(fēng)格，也可以根據(jù)實(shí)際需要，選擇自己的樣式風(fēng)格。具體樣式，可以參考這里。
讓高亮生效加入highlight.js后，并沒有讓高亮效果馬上生效。Ghost的編輯器在輸入代碼段之前，需要輸入三個(gè)`符號，然后自動(dòng)彈出一個(gè)代碼段輸入的卡片。而highlight例子中，需要輸入三個(gè)`并指定語言名稱才會(huì)有高亮效果。如：
#```html // 這里實(shí)際沒有#
...
問題是，用現(xiàn)在的編輯器在我輸三個(gè)`的時(shí)候就會(huì)自動(dòng)彈出代碼段輸入卡片，根本不給我寫語言名稱的機(jī)會(huì)吶。
被這個(gè)問題困擾了半天，突然一想：編輯器不是自帶插入markdown片段的功能嗎？于是試了一試，問題便迎刃而解了。
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/98494.html
摘要：目前知名的第三方系統(tǒng)大概有暢言搜狐出品，目前國內(nèi)用戶量第一來比力另一家國產(chǎn)第三方評論系統(tǒng)推薦使用的評論系統(tǒng)，經(jīng)常被墻根據(jù)網(wǎng)絡(luò)上的反饋，第一想法是使用暢言。畢竟是搜狐出品，品質(zhì)和功能都是可以保證的。 用上Ghost發(fā)表第一篇文章以后，突然意識到一個(gè)問題，這貨沒有評論系統(tǒng)？ 看了下官網(wǎng)的說明，他們把主要精力都放在了博客系統(tǒng)的基礎(chǔ)功能上，對于周邊功能可以通過引入第三方功能來實(shí)現(xiàn)。例如代碼的高...
摘要：取消尾部的找到主題目錄下的找到和對應(yīng)的行，直接刪除或者用注釋包裹起來如果想把改掉，直接修改文言最近更新這一步做完以后，網(wǎng)站尾部的社交也會(huì)消失。取消詳情頁浮動(dòng)頭部的在詳情頁往下滑瀏覽內(nèi)容時(shí)，會(huì)出現(xiàn)一個(gè)浮動(dòng)頭部，頭部中同樣有社交標(biāo)志。 搭建個(gè)人博客，我找了很多開源的產(chǎn)品。從重型的WordPress到一些輕量級的產(chǎn)品如solo，都挨個(gè)試了個(gè)遍。要么就是功能過重，要么功能單一，要么界面丑陋。 ...
閱讀 2897·2021-11-24 09:39
閱讀 2462·2019-08-30 15:53
閱讀 3035·2019-08-30 13:47
閱讀 1309·2019-08-30 12:50
閱讀 1487·2019-08-29 16:31
閱讀 2649·2019-08-29 13:14
閱讀 1566·2019-08-29 10:55
閱讀 800·2019-08-26 13:32
