作者yuxio (征服世界中)
看板Blog
标题[分享] 用 google-code-prettify 在网页中嵌入代码
时间Sun Aug 7 09:44:16 2011
最近要把网志加入显示程式代码的功能，
原本想要使用 SyntaxHighlighter，
不过在找资料的过程中发现了 google-code-prettify
最後改采用 google-code-prettify 作为网页显示程式码的外挂
看了一下版上文章跟都没有 google-code-prettify 的介绍
这边跟大家分享一下自己的使用方式
网志版：
http://goo.gl/UWL1r
简单来说就是
1. 上网下载 google-code-prettify 的档案，连结在
http://code.google.com/p/google-code-prettify/
并放在免费空间（我放在 Dropbox）
2. 在网志的范本中加入下面红色标出的部分
要把连结里的 my.url.to 替换成自己放 prettify 档案的空间
<head>
<-- 中略 -->
<-- 1. 在 /head 标签前加入下面两行 -->
<link href="http://my.url.to/prettify.css" rel="stylesheet" type="text/css"/>
<script src="http://my.url.to/prettify.js" type="text/javascript">
</head>
<-- 2. 在 body 标签内加入 onload 设定 -->
<body
onload='prettyPrint()'>
</body>
3. 要使用时请把代码用 pre 标签包住，并加上 class="prettyprint"
<pre
class="prettyprint">
// 这里放程式代码
std::iostream << "Hello World";
</pre>
--
[程式设计杂笔]
“编程少Code，安用之？” －－ 史记．晋世家：30
http://coder.aqualuna.me
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 112.104.53.35