博客园使用sublime text风格的代码高亮样式
本文地址: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;
}
当然,如果要设置行号的话,可以在导出高亮代码之前,进行插件的配置
也不知道这样的文章可不可以上首页!^_^