部落格園使用sublime text風格的代碼高亮樣式

標籤：style   blog   http   color   io   os   使用   ar   for   

　　部落格園預設顯示代碼的風格有點醜，於是就想著能不能使用sublime text3的代碼高亮，因為本人使用sublime text3編輯C, js, php, html等時，代碼高亮的顏色都是本人比較喜歡的。於是就搜到了大神 【劉哇勇】 的部落格，按照大神的部落格，確實是能設定成功了。

　　不過設定完成以後，感覺代碼的字型和行間距有些不美觀。既然都到這一步了，咱們就自己動手，豐衣足食。於是本人首先在div.highlight裡設定{font-family:consolas, courier new; line-height: 18px;}時，代碼的行間距變了，但是字型沒變，然後在div.hightlight的子節點pre裡設定{font-family:consolas, courier new; line-height: 18px;}，儲存後，查看原始碼發現pre裡沒有剛才設定的屬性。

 

#include "stdio.h"#include "math.h"#include "string.h"#include "stdlib.h"// font-family:consolas, courier new; line-height: 18px;int main(int argc, char const *argv[]){int data[35], _i, n, sum, s1, s2;while(scanf("%d", &n), n){sum = 0;for(_i=0; _i<n; _i++){scanf("%d", &data[_i]);sum += data[_i];}s1 = 0, s2 = sum;for(_i=0; _i<n; _i++){s1 += data[_i];s2 -= data[_i];if(s1 == s2){break;}}if(_i>=n){printf("No equal partitioning.\n");}else{printf("Sam stops at position %d and Ella stops at position %d.\n", _i+1, _i+2);}}return 0;}

 

　　鬱悶，難道我剛才沒有儲存麼，再設定一邊，(⊙o⊙)…，在TinyMCE編輯器裡倒是看到了CSS的效果，可是儲存之後，查看文章的時候，還是沒有效果！得，折騰一會兒之後，我得出的方案是：

　　當要粘貼代碼時，先儲存之前寫的文章，在“選項”中將編輯器修改為純文字編輯器，把高亮的程式碼片段粘貼進去，然後在pre標籤裡添加上自己設定的屬性，成功。不過這裡有一個問題：不能把編輯器再設定回預設的，否則剛才添加的就是失效。為什麼TinyMCE編輯器會去掉pre裡的屬性呢？

　　好吧，我的方法確實比較麻煩！^_^

 

#include "stdio.h"#include "math.h"#include "string.h"#include "stdlib.h"// font-family:consolas, courier new; line-height: 18px;int main(int argc, char const *argv[]){int data[35], _i, n, sum, s1, s2;while(scanf("%d", &n), n){sum = 0;for(_i=0; _i<n; _i++){scanf("%d", &data[_i]);sum += data[_i];}s1 = 0, s2 = sum;for(_i=0; _i<n; _i++){s1 += data[_i];s2 -= data[_i];if(s1 == s2){break;}}if(_i>=n){printf("No equal partitioning.\n");}else{printf("Sam stops at position %d and Ella stops at position %d.\n", _i+1, _i+2);}}return 0;}

當然，如果要設定行號的話，可以在匯出高亮代碼之前，進行外掛程式的配置

也不知道這樣的文章可不可以上首頁！^_^

部落格園使用sublime text風格的代碼高亮樣式