马克飞象自定义代码段风格

马克飞象自定义代码段风格

个人比较喜欢用马克飞象书写博客和笔记, 但是不喜欢那种黑底的代码段风格, 整理出来了修改代码段风格的方法便于以后查阅。

https://highlightjs.org/static/demo/

在这里选择你喜欢的代码样式
马克飞象自定义代码段风格_第1张图片
代码样式
这里我选择的是xcode, 还有其他多种风格 可以任意选择

https://github.com/isagalaev/highlight.js/tree/master/src/styles

然后再这里找到你所选风格的css风格, 点击进去拷贝出css内容

马克飞象自定义代码段风格_第2张图片
马克飞象自定义代码段风格_第3张图片
然后打开马克飞象--->账号--->设置--->自定义渲染css将你拷贝的内容复制进去!
马克飞象自定义代码段风格_第4张图片
css.png
然后就可以看到修改后代码高亮的效果了
马克飞象自定义代码段风格_第5张图片
屏幕快照 2016-03-03 下午6.56.38.png

在代码前加上“ ``` + 语言”, 就可以让你的呈现代码高亮 例如 ```ObjectiveC

p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #c32275}p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #78492a}p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo}p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px 'PingFang SC'; color: #1d9421}p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #3d1d81}p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #1d9421}p.p7 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Menlo; color: #0d9ce3}span.s1 {font-variant-ligatures: no-common-ligatures}span.s2 {font-variant-ligatures: no-common-ligatures; color: #000000}span.s3 {font-variant-ligatures: no-common-ligatures; color: #0d9ce3}span.s4 {font-variant-ligatures: no-common-ligatures; color: #c32275}span.s5 {font-variant-ligatures: no-common-ligatures; color: #703daa}span.s6 {font-variant-ligatures: no-common-ligatures; color: #6122ae}span.s7 {font-variant-ligatures: no-common-ligatures; color: #3d1d81}span.s8 {font: 13.0px Menlo; font-variant-ligatures: no-common-ligatures; color: #000000}span.s9 {font: 13.0px Menlo; font-variant-ligatures: no-common-ligatures}span.s10 {font-variant-ligatures: no-common-ligatures; color: #0435ff}span.s11 {font-variant-ligatures: no-common-ligatures; color: #78492a}

lse {
            viewType = type == k_VIEW_TYPE_HEADER ? k_VIEW_TYPE_HEADER : k_VIEW_TYPE_FOOTER;
        }
        self.backgroundColor = [UIColor clearColor];
        //初始化加载指示器(菊花圈)
        float indicatorViewX = (frame.size.width-20)/2;
        indicatorView = [[UIActivityIndicatorView alloc] initWithFrame:CGRectMake(indicatorViewX, (k_STATE_VIEW_HEIGHT - 20) / 2, 20, 20)];
        indicatorView.activityIndicatorViewStyle = UIActivityIndicatorViewStyleGray;
        //indicatorView.hidesWhenStopped = YES;
        indicatorView.alpha = 0;

你可能感兴趣的:(马克飞象自定义代码段风格)