如何在博主帖子中添加代碼片段？

Question

大家好，我偶爾會在博客上寫文章，但今天我遇到了一個與代碼片段相關的問題。 我想在博主中添加 html 和 JavaScript 代碼，但找不到任何有用的東西來完成這項任務然后我使用了從 Visual Studio 復制代碼，然后直接粘貼到博主，但有時代碼會被破壞，我想向我的讀者提供清晰的代碼。

我在谷歌上搜索了很多，最后我找到了 hilite 網站，但這個網站不起作用，因為它不會改變特殊字符，如“ < ”和“ > ”到“ &lt ”。 我使用 hilite 然后復制代碼並粘貼到我的博主帖子中，然后將執行此代碼的功能而不是向帖子顯示代碼所以這里的任何人都知道如何執行此任務。

提前致謝！

Answer 1

首先，這是互聯網上評分最高的問題，因為如您所知，博主上沒有可用的插件和工具來執行此任務，但同時，當我們將這件事與 WordPress 進行比較時，有大量插件可用於完成此任務。

所以來到主要觀點如何在博客文章中添加代碼片段，那么你的答案就是使用來自 Highlightjs 的第三方語法高亮庫。

Highlightjs 是一個語法高亮庫，它使用 JavaScript 和 CSS 代碼來高亮博客中的代碼塊。 此外，該平台支持 95 種樣式和 189 種語言，但此數據不是靜態的，可能此數據已更改為新數據，但從撰寫本文開始，這些是當前數據，如果您想了解有關樣式和語言的更多信息，請單擊此。

將此庫用於您的布局 html：—

 <!-- below is used to highlight code in blogger--> <link href='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/styles/github.min.css' rel='stylesheet'/> <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/highlight.min.js'/> <script src='//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.6/languages/r.min.js'/> <script>hljs.initHighlightingOnLoad();</script>

現在，根據您的需要，在您想要代碼片段的任何地方在您的博主中使用 pre 標簽。使用下面的標簽將博主發布到您想要代碼框的位置。

 <pre><code class="html"> /* Paste your code here */ </code></pre>

如果您想要示例的逐步解決方案，請按照此博主帖子進行操作。 gforgeekspot

希望這可以幫助！ 干杯

Answer 2

我當時也有同樣的問題，解決方法很簡單。

<script> /*<![CDATA[*/
    Your javascript code
/*]]>*/ </script>