Just a Computer Graphics Studio & My Life

剛才發現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. 你好請問我的程式碼不知道為什麼
    < 會變成<
    & 會變成&
    是我哪邊設定錯誤嗎?

    按讚數

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

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

    按讚數

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

    Liked by 1 person

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

    Liked by 1 person

發表留言

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s

標籤雲

%d 位部落客按了讚: