剛才發現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
Comments on: "[WordPress] 在WordPress上放程式碼" (17)
太感謝了~~
讚Liked by 2 people
有幫助到你,真好o(^▽^)o
讚讚
你好請問我的程式碼不知道為什麼
< 會變成<
& 會變成&
是我哪邊設定錯誤嗎?
讚讚
會變成 & ; lt ;
讚讚
你先切換到HTML貼上程式碼,應該就不會有問題了。 😉
讚讚
我切換到html打完程式碼後,切回來繼續編輯後,按恢復還是一樣會變成amp;…
讚讚
因為我目前是將您的語法貼在文章HTML
但是都沒有成功
希望可以針對文章貼上GTM的tag
是否能夠請教您
讚讚
請問GTM是?
讚讚
希望可以放上google tag manager的 tag
是否有辦法呢?
讚讚
那是種程式碼嗎?我想Wordpress是不支援GTM的
讚讚
原來如此!!了解了!!非常感謝您!!!
讚讚
不好意思,請問我使用的是wordpress.com
我該如何在網站上貼code?
讚Liked by 1 person
我這篇教學就是囉^_^
讚讚
請問是貼在哪裡呢 不好意思
讚讚
[ sourcecode language="cpp"]
your code here
[ /sourcecode]
記得把兩個「sourcecode」前的「空格」移除,預覽就能呈現程式碼有顏色標示的樣子囉~
讚讚
[…] https://cg2010studio.wordpress.com/2011/04/01/posting-source-code-on-wordpress/ […]
讚讚
[…] [WordPress] 在WordPress上放程式碼« 逍遙文工作室 […]
讚Liked by 1 person