網頁

2011年2月21日 星期一

如何在部落格加入程式碼高亮度語法辨識

相信很多寫部落格的同好,遇到要發佈關於程式碼的部份都會很頭大,原因是語法格式要做一些小修改才能正確的顯示在部落格上。遇到比較好的部落格網站會提供某些標籤供使用,但是如果能夠像在程式編輯器裡面寫程式時,不但可以顯示各語法間的高亮度辨識,也有行碼可看,這樣不是更好嗎?

請看下面程式碼,寫程式時不就是這個樣子的編輯視窗嗎?

static uint8_t buffer[60];
static uint8_t screen_mem[8];

const prog_uint8_t dot_00[] = {
0xEF, 0x96, 0xEF, 0xCB, 0xAD, 0xEF, 0x86, 0x8F};

// definition method 1
// typedef char PROGMEM prog_char;
const prog_char message_00[] = " THIS IS MADE BY a-lu. ";
const prog_char message_01[] = " WHAT'S UP MAN! ";

// msg_00_0 save in SRAM
const prog_char* msg_00_0[] = {
 message_00,
 message_01
};

不僅僅是 C 語言而已,只要是現今大部分常用的語法,大多可以正常的辨識並使用不同顏色與高亮度顯示出來,並且可以配合網頁或是部落格而有不同的佈景主題可以選用,只要會使用下面的技巧就可達到這個目的。

如果你想學習如何在部落格中使用這種技巧的話,那就繼續往下看吧!