2014年4月9日 星期三

在部落格上呈現程式碼


我們可以新增一個 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

沒有留言:

張貼留言