国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

Ghost配置2——添加代碼高亮

Faremax / 2037人閱讀

摘要:使用的初體驗,主題外觀都很滿意,除了代碼段的顯示效果。用加高亮做關鍵字,能搜出一大堆的代碼高亮方案。因為有了新的功能代碼注入。加入目前第三方高亮模塊,主要以和為主,二者沒有太大的區別。讓高亮生效加入后,并沒有讓高亮效果馬上生效。

使用Ghost的初體驗,主題外觀都很滿意,除了代碼段的顯示效果。

沒有代碼高亮,這效果怎么說呢?就像是使用了文本編輯器在寫代碼,說不上離經叛道,但就是從心底覺得一個字:土。

用Ghost加高亮做關鍵字,能搜出一大堆的代碼高亮方案。不過在Ghost版本2.0以后,再去修改代碼來載入js和css文件已經沒有必要。因為Ghost有了新的功能:代碼注入(Code Injection)。

對于Ghost的所有頁面,都使用了default.hbt作為了基礎模板文件。在模板的header和body末尾,都可以注入用戶自定義的代碼。

加入highlight.js

目前第三方高亮模塊,主要以highlight.js和prism.js為主,二者沒有太大的區別。我選擇了應用更廣泛的highlight.js。

highlight.js主要有兩部分組成,一部分是引用的CSS文件,一部分是JS文件。進入Ghost管理后臺,點擊code injection菜單,分別將二者寫入即可。

在Blog Header中,填入:

在Blog Footer中,填入:

 

注意,我這里選擇了monokai的高亮風格,也可以根據實際需要,選擇自己的樣式風格。具體樣式,可以參考這里。

讓高亮生效

加入highlight.js后,并沒有讓高亮效果馬上生效。Ghost的編輯器在輸入代碼段之前,需要輸入三個`符號,然后自動彈出一個代碼段輸入的卡片。而highlight例子中,需要輸入三個`并指定語言名稱才會有高亮效果。如:

#```html  // 這里實際沒有#

    ...

問題是,用現在的編輯器在我輸三個`的時候就會自動彈出代碼段輸入卡片,根本不給我寫語言名稱的機會吶。

被這個問題困擾了半天,突然一想:編輯器不是自帶插入markdown片段的功能嗎?于是試了一試,問題便迎刃而解了。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/98494.html

相關文章

  • Ghost配置3——添加評論系統

    摘要:目前知名的第三方系統大概有暢言搜狐出品,目前國內用戶量第一來比力另一家國產第三方評論系統推薦使用的評論系統,經常被墻根據網絡上的反饋,第一想法是使用暢言。畢竟是搜狐出品,品質和功能都是可以保證的。 用上Ghost發表第一篇文章以后,突然意識到一個問題,這貨沒有評論系統? 看了下官網的說明,他們把主要精力都放在了博客系統的基礎功能上,對于周邊功能可以通過引入第三方功能來實現。例如代碼的高...

    魏憲會 評論0 收藏0
  • Ghost配置1——刪除社交Link

    摘要:取消尾部的找到主題目錄下的找到和對應的行,直接刪除或者用注釋包裹起來如果想把改掉,直接修改文言最近更新這一步做完以后,網站尾部的社交也會消失。取消詳情頁浮動頭部的在詳情頁往下滑瀏覽內容時,會出現一個浮動頭部,頭部中同樣有社交標志。 搭建個人博客,我找了很多開源的產品。從重型的WordPress到一些輕量級的產品如solo,都挨個試了個遍。要么就是功能過重,要么功能單一,要么界面丑陋。 ...

    import. 評論0 收藏0

發表評論

0條評論

Faremax

|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<