Post source code on WordPress

https://en.support.wordpress.com/code/posting-source-code/
這篇很明確的講解如何要把source code貼在Wordpress上,只要加上以下的tag
[ code language="css"]
your code
[ /code]

""內就輸入你程式碼格式(css,cpp,java,html....)在上方的聯結都可以查詢。

當初以為這功能是wordpress內建的,直接打上tags可以使用了,沒想到還要掛上一個plugin才能使用...這plugin就是:

SyntaxHighlighter Evolved

在Wordpress的Plugins內搜尋SyntaxHighlighter Evolved,

未命名

就是他囉,按下install後,就可以開始使用了。

int a = 2;
printf("a = %d\n", a);
double b = 1.23;
printf("b = %f\n", b);
char c = "Hello World!!!";
printf("c = %s\n", c); 

注意 [ code language=”css”]和[/code]內,除了code與language之間有空格外,其他地方都不能有空格喔。


Configuration Parameters

  • autolinks(true/false) :: default true。使所有 URL 都可以被點擊的。
  • collapse(true/false) :: default false。如果是 true 的話 post code 將會被縮成一行,適合用於大型的 code post 。
  • [ code language ="cpp" collapse="true"]

    int a = 2;
    printf("a = %d\n", a);
    double b = 1.23;
    printf("b = %f\n", b);
    char c = "Hello World!!!";
    printf("c = %s\n", c); 
  • firstline(number) :: default 1。決定你 post code 左邊的行號。
  • [ code language ="cpp" firstline="23"]

    int a = 2;
    printf("a = %d\n", a);
    double b = 1.23;
    printf("b = %f\n", b);
    char c = "Hello World!!!";
    printf("c = %s\n", c); 
  • gutter(true/false) :: default true。左側的行號是否不被隱藏。
  • [ code language ="cpp" gutter="false"]

    int a = 2;
    printf("a = %d\n", a);
    double b = 1.23;
    printf("b = %f\n", b);
    char c = "Hello World!!!";
    printf("c = %s\n", c); 
  • highlight(list of numbers) :: 列出想被凸顯的行。
  • [ code language ="cpp" highlight="2,4,6"]

    int a = 2;
    printf("a = %d\n", a);
    double b = 1.23;
    printf("b = %f\n", b);
    char c = "Hello World!!!";
    printf("c = %s\n", c); 
  • htmlscript(true/false) :: default false。當混合使用程式語言時( ex. HTML mixed with PHP),決定是否凸顯 HTML/XML。
  • light(true/false) :: default false。決定行號與工具列是否被隱藏。
  • padlinenumbers(true/false/integer) :: default false。決定秀出的行號是否補零對齊;或者可以指定行號秀出來的位數,如果設定 "4",則行號會顯示 0001、0002...
  • [ code language ="cpp" padlinenumbers="4"]

    int a = 2;
    printf("a = %d\n", a);
    double b = 1.23;
    printf("b = %f\n", b);
    char c = "Hello World!!!";
    printf("c = %s\n", c); 
  • title(string) :: 設定 post code 的標題名稱,通常可以與 collapse 一起使用。
  • [ code language ="cpp" collapse="true" title="SourceCode"]

    int a = 2;
    printf("a = %d\n", a);
    double b = 1.23;
    printf("b = %f\n", b);
    char c = "Hello World!!!";
    printf("c = %s\n", c); 

    reference : https://en.support.wordpress.com/code/posting-source-code/

     

    Leave a Reply

    Your email address will not be published. Required fields are marked *