美文网首页技术笔记
简书使用Markdown编辑器

简书使用Markdown编辑器

作者: cain07 | 来源:发表于2020-06-21 16:06 被阅读0次

    Markdown 语法和使用说明

    ## 标题

    Markdown 语法:

    
    # 第一级标题 `<h1>` 
    
    ## 第二级标题 `<h2>` 
    
    ###### 第六级标题 `<h6>` 
    
    

    效果如下:

    # 第一级标题****<h1>

    ## 第二级标题****<h2>

    第六级标题 <h6>

    ## 强调

    Markdown 语法:

    
    *这些文字会生成`<em>`*
    
    _这些文字会生成`<u>`_
    
    **这些文字会生成`<strong>`**
    
    __这些文字会生成`<strong>`__
    
    

    效果如下:

    这些文字会生成<em>

    _这些文字会生成<u>_

    ********这些文字会生成****<strong>****

    ********这些文字会生成****<strong>****

    ## 换行

    四个及以上空格加回车。

    如果不想打这么多空格,只要回车就为换行,请勾选:Preferences - Themes - Translate newlines to <br> tags

    ## 列表

    无序列表

    Markdown 语法:

    
    * 项目一 无序列表 `* + 空格键`
    
    * 项目二
    
    * 项目二的子项目一 无序列表 `TAB + * + 空格键`
    
    * 项目二的子项目二
    
    

    效果如下:

    • 项目一 无序列表 * + 空格键

    • 项目二

    • 项目二的子项目一 无序列表 TAB + * + 空格键

    • 项目二的子项目二

    有序列表

    Markdown 语法:

    
    1\. 项目一 有序列表 `数字 + . + 空格键`
    
    2\. 项目二 
    
    3\. 项目三
    
    1\. 项目三的子项目一 有序列表 `TAB + 数字 + . + 空格键`
    
    2\. 项目三的子项目二
    
    

    效果如下:

    1. 项目一 有序列表 数字 + . + 空格键

    2. 项目二

    3. 项目三

    4. 项目三的子项目一 有序列表 TAB + 数字 + . + 空格键

    5. 项目三的子项目二

    任务列表(Task lists)

    Markdown 语法:

    
    - [ ] 任务一 未做任务 `- + 空格 + [ ]`
    
    - [x] 任务二 已做任务 `- + 空格 + [x]`
    
    

    效果如下:

    • [ ] 任务一 未做任务 - + 空格 + [ ]

    • [x] 任务二 已做任务 - + 空格 + [x]

    图片

    Markdown 语法:

    ![GitHub set up](http://zh.mweb.im/asset/img/set-up-git.gif)
    格式: ![Alt Text](url)
    
    

    Control + Shift + I 可插入Markdown语法。
    如果是 MWeb 的文档库中的文档,还可以用拖放图片、CMD + V 粘贴、CMD + Option + I 导入这三种方式来增加图片。
    效果如下:

    image

    ## 区块引用

    Markdown 语法:

    
    某某说:
    
    > 第一行引用
    
    > 第二行费用文字
    
    

    CMD + Shift + B 可插入Markdown语法。

    效果如下:

    某某说:

    第一行引用

    第二行费用文字

    ## 行内代码

    Markdown 语法:

    
    像这样即可:`<addr>` `code`
    
    

    CMD + K 可插入Markdown语法。

    效果如下:

    像这样即可:<addr> code

    ## 多行或者一段代码

    Markdown 语法:

     ```js
     function fancyAlert(arg) {
          if(arg) {
           $.facebox({div:'#foo'})
          }
     } ```
    
    

    CMD + Shift + K 可插入Markdown语法。

    效果如下:

    function fancyAlert(arg) {
         if(arg) {
         $.facebox({div:'#foo'})
         }
    }
    
    

    ## 顺序图或流程图

    Markdown 语法:

    
     张三->李四: 嘿,小四儿, 写博客了没?
    
    Note right of 李四: 李四愣了一下,说:
    
     李四-->张三: 忙得吐血,哪有时间写。
    
    
    
    st=>start: 开始
    
    e=>end: 结束
    
    op=>operation: 我的操作
    
    cond=>condition: 确认?
    
    st->op->cond
    
    cond(yes)->e
    
    cond(no)->op
    
    

    效果如下( Preferences - Themes - Enable sequence & flow chart 才会看到效果 ):

    
    张三->李四: 嘿,小四儿, 写博客了没?
    
    Note right of 李四: 李四愣了一下,说:
    
    李四-->张三: 忙得吐血,哪有时间写。
    
    
    
    st=>start: 开始
    
    e=>end: 结束
    
    op=>operation: 我的操作
    
    cond=>condition: 确认?
    
    st->op->cond
    
    cond(yes)->e
    
    cond(no)->op
    
    

    更多请参考:http://bramp.github.io/js-sequence-diagrams/, http://adrai.github.io/flowchart.js/

    ## 表格

    Markdown 语法:

    
    表头|表头|表头
    ---|:--:|---:
    内容|内容|内容
    内容|内容|内容
    
    

    效果如下:

    表头 表头 表头
    内容 内容 内容
    内容 内容 内容

    ## 删除线

    Markdown 语法:

    加删除线像这样用:

    ~~删除这些~~
    
    

    效果如下:

    加删除线像这样用: 删除这些

    ## 分隔线

    以下三种方式都可以生成分隔线:

    ***
    
    *****
    
    - - -
    
    

    效果如下:




    ## MathJax

    Markdown 语法:

    
    块级公式:
    
    $$  x = \dfrac{-b \pm \sqrt{b^2 - 4ac}}{2a} $$
    
    \\[ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
    
    1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
    
    {1+\frac{e^{-8\pi}} {1+\ldots} } } } \\]
    
    行内公式: $\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$
    
    

    效果如下(Preferences - Themes - Enable MathJax 才会看到效果):

    块级公式:
    [图片上传失败...(image-e6675f-1592726705741)]

    [ \frac{1}{\Bigl(\sqrt{\phi \sqrt{5}}-\phi\Bigr) e^{\frac25 \pi}} =
    1+\frac{e^{-2\pi}} {1+\frac{e^{-4\pi}} {1+\frac{e^{-6\pi}}
    {1+\frac{e^{-8\pi}} {1+\ldots} } } } ]

    行内公式: [图片上传失败...(image-67e770-1592726705741)]

    ## 脚注(****Footnote****)

    Markdown 语法:

    
    这是一个脚注:[^sample_footnote]
    
    

    效果如下:

    这是一个脚注:[1]

    ## 注释和阅读更多

    Actions->Insert Read More Comment 或者 Command + .

    ********注******** 阅读更多的功能只用在生成网站或博客时,插入时注意要后空一行。

    ## TOC

    Markdown 语法:

    
    [TOC]
    
    

    效果如下:

    [TOC]

    相关文章

      网友评论

        本文标题:简书使用Markdown编辑器

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