如何使用hightlight.js 幫程式碼加顏色，以及使用stackedit實作

如何使用hightlight.js 幫程式碼加顏色，以及使用stackedit實作

November 01, 2015

我一直很喜歡使用LogDown的程式碼功能，因為Google內建的程式碼色塊實在很醜。

後來發現了stackedit，但是也覺得能套用的原始色塊不好看。

所以最後終於找到兩者的解法。

首先
先到blogger的後台

點選範本

然後點選編輯HTML

然後加入這兩行

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/androidstudio.min.css"/>

<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/styles/androidstudio.min.css"/> <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.4.0/highlight.min.js"></script>

樣式連結

之後到StackEdit

把Templete範本替換成

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title><%= documentTitle %></title>

<link rel="stylesheet" href="/path/to/styles/default.css">

<script src="/path/to/highlight.pack.js"></script>

<script>hljs.initHighlightingOnLoad();</script>

</head>

<body><%= documentHTML %></body>

</html>

這樣就大功告成了

Comments