美文网首页
Mac下简书中写代码块没有效果解决方法 Markdown

Mac下简书中写代码块没有效果解决方法 Markdown

作者: 爱吃土的丽贝卡 | 来源:发表于2019-12-10 13:45 被阅读0次

    记住写文章前,简书的编辑器就必须是markdown模式, 如果是写文章写到一半才切换是没有效果的。(前提记住!)
    (Mac下简书中写代码块没有效果的原因,遇到的坑)

    简书是支持Markdown编辑模式的。

    开启方式:设置->默认编辑器->Markdown编辑器

    Markdown语法参考

    1. 标题

    标题的文字前面加#来表示
    一个#是一级标题,二个#是二级标题,以此类推。但只支持六级标题。

    示例:

    ###### 六级标题
    
    注:标准语法一般在#后跟个空格再写文字,简书不加空格也行。
    

    效果:

    六级标题

    2. 字体

    • 斜体
      要倾斜的文字左右分别用一个*号包起来
    • 加粗
      要加粗的文字左右分别用两个*号包起来
    • 斜体加粗
      要倾斜和加粗的文字左右分别用三个*号包起来
    • 删除线
      要加删除线的文字左右分别用两个~~号包起来

    示例:

    *斜体*
    **加粗**
    ***斜体加粗***
    ~~删除线~~
    

    效果:
    斜体
    加粗
    斜体加粗
    删除线

    3. 分割线

    在一行用3个以上的 * - _来建立一条分割线,行内除了空格不能有其他东西。
    一行连用三个或者三个以上的星号,减号,或者下划线,就可以表示分割线。
    以下三种种写法都可以,效果一样,看个人心情使用。
    示例:

    ***
    *****
    ---
    ___
    

    效果:





    4. 引用

    在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>
    n个...
    貌似可以一直加下去,但没神马卵用

    示例:

    > 引用段落
    >> 引用段落
    >>>>引用小段落
    

    效果:

    引用段落

    引用段落

    引用小段落

    5. 超链接

    语法:

    文字链接:[标题](链接地址 "链接title")
    网址链接: <链接网址>
    
    其中,
    []里写链接文字
    ()里写链接地址, ()中的""中可以为链接指定title属性,title属性可加可不加。
    title属性的效果是鼠标悬停在链接上会出现指定的 title文字,
    链接地址与title前有一个空
    

    示例:

    网址链接: <http://www.baidu.com>
    [百度](http://www.baidu.com "点击进入百度title")
    [简书](http://jianshu.com)
    

    网址链接: http://www.baidu.com
    百度
    简书

    6. 图片

    语法:(简书编辑器也可以直接把电脑本地的图片拖进来,自动生成图片链接。)

    ![图片alt](图片地址 "图片title")
    
    其中,
    图片alt:图片下面的文字。相当于对图片内容的解释。
    图片title:图片标题,当鼠标移到图片上时显示的内容。title可加可不加
    

    示例:

    ![故宫年夜饭.jpeg](https://img.haomeiwen.com/i10035458/c6e57c2c8e12a66e.jpeg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240 "图片title")
    

    效果:


    故宫年夜饭.jpeg

    7. 列表

    任务列表,更加具有条理性。

    • 无序列表

    语法:无序列表用-,+,*任何一种都可以。注意:- + * 跟内容之间都要有一个空格
    示例:

    * 项目一
    * 项目二
    项目2.1
    项目2.2
    * 项目三
    - 项目四
    + 项目五
    

    效果:

    • 项目一
    • 项目二
      项目2.1
      项目2.2
    • 项目三
    • 项目四
    • 项目五
    • 有序列表

    语法:数字加点。注意:序号跟内容之间要有空格
    示例:

    1. 列表内容
    2. 列表内容
    3. 列表内容
    

    效果:

    1. 列表内容
    2. 列表内容
    3. 列表内容
    • 列表嵌套

    上一级和下一级之间敲三个空格即可(目前没搞懂)

    • 一级无序列表内容

      • 一级无序列表内容
      • 一级无序列表内容
      • 一级无序列表内容
    • 二级无序列表内容

      • 二级无序列表内容
      • 二级无序列表内容
      • 二级无序列表内容

    8. 代码块

    【18.6.10更新: <pre></pre> 简书不再支持】
    语法:利用三个`(键盘左上角Tab键上方的键),把代码块包裹起来

    (```)
    代码块。加括号只为了书写,实际中去掉两边小括号。
    (```)
    
    或者,
    <pre>
    代码块
    </pre>
    

    示例效果:

    代码块
    

    9. 行内代码

    程序猿引用代码,或者是文章中有一些关键性的名词啊,或者为了突出醒目。

    示例:

    `printf()方法`
    

    示例效果:
    printf()方法

    10. 表格

    语法:

    表头|表头|表头
    ----|:----:|---:
    内容|内容|内容
    内容|内容|内容
    
    第二行分割表头和内容。
    - 有一个就行,为了对齐,多加了几个
    文字默认居左
    -两边加:表示文字居中
    -右边加:表示文字居右
    
    注:原生的语法两边都要用 | 包起来。此处省略
    

    示例:

    表头|表头|表头
    ----|:----:|---:
    内容(默认左对齐)|内容(居中对齐)|内容(右对齐)
    内容|内容|内容
    

    效果:

    表头 表头 表头
    内容(默认左对齐) 内容(居中对齐) 内容(右对齐)
    内容 内容 内容

    11. 流程图

    ```flow
    st=>start: 开始
    op=>operation: My Operation
    cond=>condition: Yes or No?
    e=>end
    st->op->cond
    cond(yes)->e
    cond(no)->op
    &```
    

    效果如下:
    简书不支持流程图,所以截了个图


    流程图.png

    12. 其他字体颜色等

    大家最为关注的应该是如何更改 <big>字体颜色</big> 吧。
    <font face="黑体"> 我是黑体字</font>
    <font color=gray size=10>color=gray</font>
    <font color=#0099ff size=3 face="黑体">color=#0099ff size=72 face="黑体"</font>
    改字体型号、改字体颜色...
    But ! 这多么正确的写法,在简书的Markdown是无效的哦......

    同样的在简书的Markdown文本编辑器中, TOC , 注释和阅读更多, MathJax, 顺序图或流程图,任务列表(Task lists)也是没有效果的哦...

    后续想解锁更多markdown的语法,可前往以下网站进行了解:

    (本文只是针对网上资料,自己整理存档的~)

    相关文章

      网友评论

          本文标题:Mac下简书中写代码块没有效果解决方法 Markdown

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