非插件實現Typecho語法高亮

具體的方法是通過prism.js而不是PHP代碼來實現語法高亮。直接百度找到prism.js的官網,進入下載頁面。在下載頁面中選中你想要實現語法高亮的語言。

下載js文件(prism.js)和css文件(prism.css)

將下載的js和css文件上傳到Typecho的主題目錄,即“usr/themes/主題名”目錄下。

登陸進入Typecho的後臺,點擊“控制檯” -> “外觀” —> "編輯當前外觀"

編輯“header.php”,在"<heand></head>"標籤中插入如下代碼

<link rel="stylesheet" href="<?php $this->options->themeUrl('prism.css');?>"> <script src="<?php $this->options->themeUrl('prism.js');?>"></script>

之後,在使用Markdown寫文章時,只要在代碼塊標記`標記後面添加你的代碼的語言名,如php, javascript等,就可以實現代碼高亮展示。

 

 

 

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章