带有Google Pretty print的XHTML java代码段

我正在寻找将JavaSE代码片段插入我的XHTML文档的选项。我找到了Google的“Google code prettify”，但找不到任何最适合显示带有行号的代码段的模板。有没有人有过在java源代码中使用Google code prettify的经验，或者我可以尝试其他插件

编辑：我更新了我的xhtml，所以它现在看起来像这样。然后，我更新了prettify.css源代码，以包含以下注释中提供的代码

<link href="prettyprint\google-code-prettify\src\prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="prettyprint\google-code-prettify\src\prettify.js"></script>

---

在

标记中插入以下代码

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

编辑：

这是我的CSS

.pln{color:#000000}
.str{color:#DD1144}
.kwd{颜色：#000000；字体重量：粗体}
.com{color:#999988；字体样式：斜体}
.typ{颜色：#445588；字体大小：粗体}
.lit{color:#008080}
.pun、.opn、.clo{color:#000000}
.tag{color:#08080}
.atn{color:#7F0055}
.atv{颜色：#008008}
.dec，.var{color:#2A00FF}
.fun{color:#FF0000}
li.L0，li.L1，li.L2，li.L3，li.L4，li.L5，li.L6，li.L7，li.L8，li.L9{颜色：#999888；}
li.L0，li.L2，li.L4，li.L6，li.L8{背景：#f5；}

它在我的页面上呈现为这样

---

希望这能有所帮助。

代码正确突出显示，但居中显示，只有一个行号（5）。我需要使用自定义css表进行进一步修改吗？Shijima我已经发布了我的css。确保更改颜色以匹配您的页面样式。它正越来越接近我需要的颜色。我没有为run_pretify.js脚本指向https，而是下载了源代码并编辑了pretify.css文件。现在数字已经出来了，但代码仍然居中，没有正确缩进。请参见上面的编辑，了解我在xhtml中的声明方式。是否需要对原始的prettify.css文件进行一些额外的更改，或者您是否也需要对.js文件中的某些内容进行更改？让它正常工作吧！在玩了一会儿之后，我能够向您提供的css中添加一行代码，我在我的原始帖子中添加了这个片段。

<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>

<pre class="prettyprint lang-java linenums">