该如何升级Nginx到的稳定版本?
google-code-prettify用于轻松地在网页上漂亮地突出显示程序代码,使页面上的代码在视觉上更漂亮,这对网站所有者来说很重要。
有两种方法来启用google-code-prettify,下面简要介绍一下步骤。
先来看看方法一的步骤:
(1) 从https://code.google.com/p/google-code-prettify/downloads/list中下载或者从http://www.colafile.com/file/145953 中打包下载pretty.css以及pretty.js,并保存到本地服务器的相应目录中来引用
(2) 引用pretty.css以及pretty.js,然后在网页中引用,引用方法为
<link href=”你保存的目录/prettify.css” rel=”external nofollow” type=”text/css” rel=”stylesheet” />
<script type=”text/javascript” src=”你保存的目录/prettify.js”></script>
(3) <body>标签改为<body onload=”prettyPrint()”>
(4) 将源代码用标签
<pree class=”prettyprint”>这是你的代码</pre>
包含起来,例如
<pre class=”prettyprint”>
#include “x.h”
main(){
print(“hello world!”);
}
</pre>
相应的显示效果为:
以下是方法二的步骤:
(1) 到网址 https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js 中或者从http://www.colafile.com/file/145957 下载run_prettify.js文件
(2) 引用run_prettify.js文件,方法为
<script src=”https://google-code-prettify.googlecode.com/svn/loader/run_prettify.js”></script>
或者
<script src=”你保存的目录/run_prettify.js”></script>
(3) 将源代码用标签
<pre class=”prettyprint”>这是你的代码</pre>
包含起来,例如
<pre class=”prettyprint”>
#include “x.h”
main(){
print(“hello world!”);
}
</pre>
相应的显示效果为:
个人觉得,方法二相对更简单一些
如果你有更高的使用要求,可以到https://code.google.com/p/google-code-prettify/wiki/GettingStarted这个网页中看更高级的使用方法
文章来源网络,作者:运维,如若转载,请注明出处:https://shuyeidc.com/wp/115325.html<