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

wenzi0_0發表於2014-09-18

　　By wenzi FROM cnblogs

　　本文地址：http://www.cnblogs.com/xumengxuan/p/3980376.html

　　部落格園預設顯示程式碼的風格有點醜，於是就想著能不能使用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;
}

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

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

相關文章