生活稿什麼
  • 中華職棒
    • 中華職棒官方
    • 樂天桃猿
    • 中信兄弟
    • 富邦悍將
    • 統一獅
    • 味全龍
  • 網路電視
    • 棒球baseball
    • 籃球basketball
    • 賽車Racing
    • 網球tennis
    • 足球football
    • 電子競技Gaming
  • 吃喝玩樂
    • 美食
    • 開箱評測
    • 棒球
    • 運動健身
  • 電腦手機軟體
    • 免費軟體
      • Google Chrome
    • 社群軟體
      • LINE
      • Facebook
      • Instagram
    • WordPress
    • 電腦維修
    • 程式語言
  • 動漫電玩
    • 模型玩具
    • 手機遊戲
    • 日本動漫
No Result
View All Result
生活稿什麼
No Result
View All Result

WordPress程式碼高亮外掛 – Prism Syntax Highlighter

2018-09-05 - Updated on 2020-12-20
Reading Time: 2 mins read

小編所撰寫Blog主題當中有許多是以資訊與程式相關的文章,因此為了提升讀者的閱讀品質只要是與程式碼相關的文章皆會使用這套 WordPress程式碼高亮外掛 《Prism Syntax Highlighter》,這套外掛除了可以讓程式碼顯示高亮之外也有顯示行數功能,可以讓讀者們很清楚的知道自己目前閱讀到那行,這套外掛經過自己使用過覺得很實用,因此將《Prism Syntax Highlighter》 推薦給各位有使用WordPress架站的部落客們使用。

  安裝與使用教學  

Prism Syntax Highlighter官網

https://prismjs.com/

 

第一步驟:下載與安裝程式(程式安裝連結如下)。

Prism Syntax Highlighter

 

第二步驟:建立一篇文章並切換到編輯頁面,此外掛會在功能列建立按鈕。

WordPress程式碼高亮外掛

 

第三步驟:點擊功能列按鈕開啟設定視窗,在Language項目中選擇你所要撰寫的語言。

WordPress程式碼高亮外掛

 

第四步驟:將程式碼貼於Paste Code區域中,並點擊右下角確定。

 

第五步驟:點擊確認送出後就會在文章中看到顯示程式碼區域(此時還未顯示高亮)。
WordPress程式碼高亮外掛

 

第六步驟:將文章發表後就會看到顯示高亮的程式碼與顯示的行數了。

WordPress程式碼高亮外掛

Tags: Prism Syntax HighlighterWordpresswordpress HighlighterWordpress pluginWordpress 外掛wordpress 推薦外掛Wordpress 插件wordpress 教學wordpress 熱門外掛Wordpress 程式碼wordpress 編輯器Wordpress推薦
  • 中華職棒
    • 中華職棒官方
    • 樂天桃猿
    • 中信兄弟
    • 富邦悍將
    • 統一獅
    • 味全龍
  • 網路電視
    • 棒球baseball
    • 籃球basketball
    • 賽車Racing
    • 網球tennis
    • 足球football
    • 電子競技Gaming
  • 吃喝玩樂
    • 美食
    • 開箱評測
    • 棒球
    • 運動健身
  • 電腦手機軟體
    • 免費軟體
      • Google Chrome
    • 社群軟體
      • LINE
      • Facebook
      • Instagram
    • WordPress
    • 電腦維修
    • 程式語言
  • 動漫電玩
    • 模型玩具
    • 手機遊戲
    • 日本動漫

© 2021 生活稿什麼