highlight.js 幫程式碼上色

效果圖如下

 	
  	
    override fun onMessageReceived(msg: RemoteMessage) {
        super.onMessageReceived(msg)
        Log.e(TAG, msg.from ?: "")
        //透過for loop將msg夾帶的資料輸出
        for(entry in msg.data.entries)
            Log.e("message","${entry.key}/${entry.value}")
  	
  

網站：https://highlightjs.org/

1.安裝：要先在範本中編輯程式碼

然後在<title>後加入

  
  <link href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.0/styles/default.min.css" rel="stylesheet"></link>
  <script src="//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.1.0/highlight.min.js">
  </script><script>hljs.initHighlightingOnLoad();</script>
  
  

其中第一行是樣式

可以在https://highlightjs.org/static/demo/中找到適合自己網頁的顏色

然後把第一行的default改成你要的名字就可以了

https://github.com/highlightjs/highlight.js/tree/master/src/styles

這裡可以找到樣板名稱·使用時要記得在.css前加上.min

2.使用：在發表文章時使用HTML編輯

然侯在其中插入<pre><code class="html">程式碼</code></pre>

其中的html 需改成你使用的程式語言,如java ,c++等等