首页 > 代码库 > 博客园使用sublime text风格的代码高亮样式
博客园使用sublime text风格的代码高亮样式
博客园默认显示代码的风格有点丑，于是就想着能不能使用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风格的代码高亮样式
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。