我无法让谷歌代码更漂亮地工作。此示例正在使用提供的远程文件工作：
<html>
<head>
<title>Google Code Prettify testing</title>
<script data-brackets-id='140' src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js?autoload=true&skin=sunburst&lang=css" defer="defer">
</script>
</head>
<body>
<h1>Google Code Prettify testing</h1>
<pre class="prettyprint" style="font-size: 12pt;">
<script type="text/javascript">
// This is a comment
var myString = "Hello, World!";
var myInt = 42;
function helloWorld(world) {
for (var myInt; --myInt >= 0;) {
alert(myString);
}
}
</script>
<style>
p { color: pink }
b { color: blue }
u { color: "umber" }
</style>
</pre>
</body>
</html>
结果：
这是从漂亮的远程主机。请注意，
<script>中的某些项仅用于样式和行为。以下工作也很好：<html>
<head>
<title>Prettify Default Test</title>
<script src="https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js"></script>
</head>
它只是以默认的外观和行为进行渲染（注意，这是一个不同的浏览器）
但是，当我在本地下载和保存文件时，我会写下：
<html>
<head>
<title>Google Code Prettify testing</title>
<link href="google-code-prettify/src/prettify.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="google-code-prettify/js-modules/run_prettify.js"></script>
</head>
<body onload="prettyPrint()">
<h1>Google Code Prettify testing</h1>
<pre class="prettyprint" style="font-size: 12pt;">
<script type="text/javascript">
// This is a comment
var myString = "Hello, World!";
var myInt = 42;
function helloWorld(world) {
for (var myInt; --i >= 0;) {
alert('Hello ' + String(world));
}
}
</script>
<style>
p { color: pink }
b { color: blue }
u { color: "umber" }
</style>
</pre>
</body>
</html>
接下来，所有格式都不会保留：
这是文件夹结构的快照。我已经确认它在代码中是准确引用的…
美化.css
运行prettify.js
你能为它为什么这样做提供什么建议吗？
最佳答案
格式化不起作用的原因是“run-prettify.js文件引用了错误的路径。您的所有prettify文件都存储在google code prettify/src/中，而您试图链接到不存在的文件夹，例如JS模块。
我已经在本地测试了这一点，使用您提供的具有相同文件夹结构的确切源代码来复制您的环境，并在只呈现黑色字体的格式中得出了相同的结果。一旦我把它改成“google code prettify/src/”，它就工作得很好。
同样，要解决此问题，请将路径从以下位置更改为：
<script type="text/javascript" src="google-code-prettify/js-modules/run_prettify.js"></script>
到
<script type="text/javascript" src="google-code-prettify/src/run_prettify.js"></script>
您可能遇到的另一个问题是，某些浏览器（特别是浏览器）可能会阻止某些内容在您的浏览器中显示。如果您所在的网络强制阻止某些内容在显示被阻止的内容之前显示或提示您请求权限，则可能需要选择“显示被阻止的内容”或类似的选项，然后才能显示您希望的内容。
希望这有帮助！
编辑：这对你来说是不必要的-但是可能会帮助其他有类似情况的社区成员-但是我想我也会参考“入门”部分，该部分涉及到为你自己的JS和CSS文件提供服务的要求以及如何启动和运行。
https://code.google.com/p/google-code-prettif/wiki/GettingStarted#Serving_your_own_JS_&_CSS