Just My Life & My Work

剛才發現WordPress的好物!
就是有支援在文章中貼程式碼的功能。
WordPress為了防止使用者誤用有潛在危險的程式碼,
刻意不直接提供貼上程式碼的功能,
但對於從事資訊事業的人來說,
時常會寫程式又為了以後使用方便,
總是希望有個備忘欄可以存放程式碼,
以至於這樣子的功能有存在的必要。

它所支援的程式碼格式有C++Java等等,
其他程式語言可以在Posting Source Code這裡查詢。
現在我就來試驗一下它給的功能好到怎樣的地步~

[ sourcecode language="cpp"]
your code here
[ /sourcecode]

以上就是貼上程式碼的方法,
只要將雙引號“cpp"中改成你想用的程式語言代號即可。
還有其它的參數可設定,
比如特定行要亮標(highlight)
同樣可以到該介紹頁面找尋喔~

/*
(C) OOMusou 2008 http://oomusou.cnblogs.com
Filename    : map_code_line.cpp
Compiler    : Visual C++ 9.0 / Visual Studio 2008
Description : Demo how to add line number for code
Release     : 07/18/2008 1.0
*/
#include <iostream>
#include <fstream>
#include <string>
#include <map>
#include <algorithm>

using namespace std;

ifstream infile("map_code_line.cpp");
ofstream outfile("map_code_line_r.cpp");

struct print_map {
 void operator() (pair<int, string> p) {
 cout    << p.first << " " << p.second << endl;
 outfile << p.first << " " << p.second << endl;
 }
};

int main() {
 map<int, string> lines;

 string line;
 int line_num = 1;
 while(getline(infile, line))
 lines[line_num++] = line;

 infile.close();

 for_each(lines.begin(), lines.end(), print_map());
 outfile.close();
}

以上效果看起來不錯吧!
程式欄為右上方又有瀏覽、複製、列印功能,
讓需要原始碼的遊客能夠方便擷取使用:D

參考:Posting Source Code

Comments on: "[WordPress] 在WordPress上放程式碼" (17)

  1. 太感謝了~~

    Liked by 2 people

  2. 你好請問我的程式碼不知道為什麼
    < 會變成<
    & 會變成&
    是我哪邊設定錯誤嗎?

  3. 因為我目前是將您的語法貼在文章HTML
    但是都沒有成功

    希望可以針對文章貼上GTM的tag
    是否能夠請教您

  4. 不好意思,請問我使用的是wordpress.com
    我該如何在網站上貼code?

    Liked by 1 person

  5. […] [WordPress] 在WordPress上放程式碼« 逍遙文工作室 […]

    Liked by 1 person

隨意留個言吧:)~

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

標籤雲