如何在博文中添加代码片段？

Question

大家好，我偶尔会在博客上写文章，但今天我遇到了一个与代码片段相关的问题。我想在博客中添加 html 和 JavaScript 代码，但没有找到任何有用的东西来完成此任务然后我使用从 Visual Studio 复制代码，然后直接粘贴到博客，但有时代码会被破坏，我想向我的读者提供清晰的代码。

我在谷歌上搜索了很多，最后我找到了 hilite 网站，但这个网站无法正常工作，因为它不会将“

<

”和“

>

”等特殊字符更改为“

&lt

”。我使用 hilite 然后复制代码并粘贴到我的博客文章中，然后将执行此代码的功能，而不是向帖子显示代码所以这里的任何人都知道如何执行此任务。

提前致谢！

Answer 1

首先，这是互联网上评价最高的问题，因为如您所知，博客上没有可用的插件和工具来完成此任务，但同时，当我们将其与 WordPress 进行比较时，有大量的插件可用于完成此任务。

所以，说到如何在博客文章中添加代码片段，那么你的答案就是使用来自Highlightjs的第三方语法突出显示库。

Highlightjs 是一个语法高亮库，它使用 JavaScript 和 CSS 代码来高亮博客中的代码块。此外，该平台支持 95 种样式和 189 种语言，但该数据不是静态的，可能该数据会更改为新数据，但从撰写本文开始，这些是当前数据，如果您想了解有关样式和语言的更多信息，请单击 this 。

将此库用于您的布局 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>

Answer 3

先生/女士您好

亲爱的服装，您是否急需贷款-融资/贷款给可能涉及的人。我的名字是玛丽亚夫人。我的职业是贷款人，我向那些在银行获得贷款方面遇到问题的人提供贷款。 您是商人还是商人？您是否陷入财务困境，或者您需要圣诞贷款来创办自己的企业吗？您是否需要贷款来偿还债务、偿还账单或开展一项不错的生意？您是否信用评分较低，很难从当地银行或其他金融机构获得资本贷款？您是否因任何原因需要贷款或资金，例如给我们发电子邮件：[email protected] 和 WhatsApp：[phone]

a) 个人贷款、业务扩张、 b) 创业、教育、 c) 债务合并， d) 硬通货贷款

借款人信息 你们的名字：........ 性别：............. 贵国：………… 状态............ 城市................ 您的职业：........ 您的婚姻状况...................... 电话号码：………… 月收入：........ 贷款金额：........ 贷款期限：........................