2024年2月24日 星期六

如何讓 Blogger 文章裡的程式碼有 Syntax highlighting

到這個網站 https://highlightjs.org/。

copy cdnjs 的幾行程式碼文字

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/styles/default.min.css"></link>

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/highlight.min.js"></script>


<!-- and it's easy to individually load additional languages -->

<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/languages/go.min.js"></script>


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

把以上幾行文字放在 blogger 主題 html 的 <head> 下方即可。

張貼者： 於

如何在 Google Blogger 的文章中顯示 LaTeX 數學式

在 html 原始碼的 <head> 下方，加上這 2 行：

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>

<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

之後寫文章時，用以下的格式寫數學式。

寫在行間的數學式：
This is an inline equation: \(x^2 + y^2 = z^2\)

寫在行與行之間的數學式：
This is a display equation: \[x^2 + y^2 = z^2\]

補充：
LaTeX 碼的產生，可以用這個網站


張貼者： 於
訂閱： 文章 (Atom)