美文网首页
马克飞象自定义代码段风格

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

作者: 友友果果 | 来源:发表于2016-03-03 19:17 被阅读2316次

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

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

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

在这里选择你喜欢的代码样式
代码样式
这里我选择的是xcode, 还有其他多种风格 可以任意选择

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

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

然后打开马克飞象--->账号--->设置--->自定义渲染css将你拷贝的内容复制进去!
css.png
然后就可以看到修改后代码高亮的效果了
屏幕快照 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;

相关文章

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

    马克飞象自定义代码段风格 个人比较喜欢用马克飞象书写博客和笔记, 但是不喜欢那种黑底的代码段风格, 整理出来了修改...

  • 马克飞象「Markdown」自定义CSS渲染

    马克飞象自定义CSS

  • 马克飞象如何自定义代码高亮风格

    前言 马克飞象是专门为印象笔记打造的离线markdown编辑器,但是系统默认的代码高亮风格只有两种(Dark、Li...

  • 欢迎使用马克飞象

    # 欢迎使用马克飞象 @(示例笔记本)[马克飞象|帮助|Markdown] **马克飞象** 是一款专为印象笔记(...

  • TEST

    # 欢迎使用马克飞象@(示例笔记本)[马克飞象|帮助|Markdown]**马克飞象**是一款专为印象笔记(Eve...

  • 无标题文章.md

    # 欢迎使用马克飞象@(示例笔记本)[马克飞象|帮助|Markdown]**马克飞象**是一款专为印象笔记(Eve...

  • Makedown

    #欢迎使用马克飞象@(示例笔记本)[马克飞象|帮助|Markdown]**马克飞象**是一款专为印象笔记(Ever...

  • 马克飞象帮助文档

    欢迎使用马克飞象 @(工具使用)[马克飞象, 帮助, MarkDown] 马克飞象是一款专为印象笔记(Everno...

  • 欢迎使用马克飞象 @(示例笔记本)[马克飞象|帮助|Markdown] 马克飞象是一款专为印象笔记(Evernot...

  • 马克飞象

    欢迎使用马克飞象 @(示例笔记本)[马克飞象|帮助|Markdown] 马克飞象是一款专为印象笔记(Evernot...

网友评论

      本文标题:马克飞象自定义代码段风格

      本文链接:https://www.haomeiwen.com/subject/rtcokttx.html