如何在 html 页面中以适当的格式显示 CPP、Java 或任何其他编程语言代码？ [关闭]

Posted 2023-03-21

【中文标题】如何在 html 页面中以适当的格式显示 CPP、Java 或任何其他编程语言代码？ [关闭]

【英文标题】：How to display CPP, Java or any other programming language codes in proper format in html page? [closed]

【发布时间】：2021-11-28 05:53:30

【问题描述】：

我想在Sample here的博客中以适当的格式编写代码

如何实现？有没有我需要安装的插件？

【问题讨论】：

您可以使用<code>标签，但它不会添加行号或图像中的任何内容，您需要创建自定义组件并在任何您想要的地方使用它

【参考方案1】：

您可以使用来自 Google 的称为代码修饰器的“插件”。首先将以下脚本导入您的网站：

<script src="https://cdn.jsdelivr.net/gh/google/code-prettify@master/loader/run_prettify.js"></script>

导入后，您可以将希望的代码写入带有“prettyprint”类的 pre 标记中。它应该是这样的：

<pre class="prettyprint">
   //Your custom code
</pre>