2020年7月21日星期二

为Blogger增加代码高亮

Google Blogger不支持Markdown,也不支持直接食用代码段的形式,还好有前人已经做过。




在主题背景中切换为“修改HTML”模式:

增加代码行:
<link href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/github.min.css" rel="stylesheet"></link>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();


两种方法,分别取自于不同教程


1. 修改主题HTML:


注意:必须放在</html>标签上方,否则会报错,这是基础的前端知识。

2.  布局中增加HTML小工具,不填标题,粘贴此代码行。

可以在第一行中github.min.css中更改自己所需换的代码样式,一个GitHub。

使用


在博文撰写页面,使用<code><pre>所需代码</code></pre>即可。

参考链接



使用 highlight.js 高亮博文中的代码

没有评论:

发表评论

为Blogger增加代码高亮

Google Blogger不支持Markdown,也不支持直接食用代码段的形式,还好有前人已经做过。