25-網頁設定‎ > ‎

在部落格上呈現程式碼

我們可以新增一個 CSS/HTML 到 blogspot 的自訂框架上(HTML/JAVASCRIPT),並貼上下列這行:

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

接著,我們將程式碼以 pre 包覆,方式如下:

<pre class="prettyprint">
#include <stdio.h>
int main(int argc, char* argv[])
{
     printf
("Welcome to AppleZu.\n");
     
return 0;
}
</pre>

這裡就是上面的效果呈現:

#include <stdio.h>
int main(int argc, char* argv[])
{
  printf("Welcome to AppleZu.\n");
  return 0;
}

Reference
http://www.ewdna.com/2012/02/google-code-prettify.html
http://google-code-prettify.googlecode.com/svn/trunk/README.html
Comments