美文网首页
在简书上使用Markdown编辑文章

在简书上使用Markdown编辑文章

作者: 所幸时光未苍凉 | 来源:发表于2019-05-29 15:10 被阅读0次

    用简书已经很久了,只是之前一直很忙,没时间写文章,再加上自己也很懒,所以都不知道怎么用Markdown编辑,后来上网查了一下资料,发现Markdown编辑器挺好用的,写的文章的格式比较清晰,对于程序员来讲真的是必备工具啊。
    最近抽空总结了一下比较常用的编辑模式,如下:

    Markdown语法编辑和使用

    1.标题

    Markdown语法:

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

    效果如下:

    一级标题

    二级标题

    三级标题

    四级标题

    一共有六级

    2.字体
    • 粗体
    **这是粗体**
    __这是粗体__
    

    效果如下:
    这是粗体
    这是粗体

    • 斜体
     *这是斜体*
    _这是斜体_
    

    效果如下:
    这是斜体
    这是斜体

    3.列表
    • 无序列表
    * 列表一
    * 列表二
    * 列表三
    

    效果如下:

    • 列表一
    • 列表二
    • 列表三
    • 有序列表
    1. 列表一
    2. 列表二
    3. 列表三
    

    效果如下:

    1. 列表一
    2. 列表二
    3. 列表三
    4.外链接
    [百度](https://www.baidu.com)
    

    效果如下:
    百度

    5.文字引用
    > 野火烧不尽,春风吹又生。
    

    效果如下:

    野火烧不尽,春风吹又生。

    6.删除引用
    ~~删除这些~~
    

    效果如下:
    删除这些

    7.分隔线
    ***
    
    *****
    
    - - -
    

    效果如下:




    8.行内代码块

    使用 `代码` 表示行内代码块。

    使用 `html` 表示行内代码块。
    

    效果如下:
    使用 html 表示行内代码块。

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

    效果如下:

     function fancyAlert(arg) {
          if(arg) {
           $.facebox({div:'#foo'})
          }
     } 
    
    10.注脚
    使用 MarkDown[^1]可以提高书写效率,直接转换成 HTML[^2]
    
    [^1]:MarkDown是一种纯文本标记语言
    
    [^2]:HTML超文本标记语言
    

    效果如下:
    使用 MarkDown[1]可以提高书写效率,直接转换成 HTML[2]

    11.任务列表
    - [ ] 支持以 PDF 格式导出文稿
    - [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
    - [x] 新增 Todo 列表功能
    - [x] 修复 LaTex 公式渲染问题
    - [x] 新增 LaTex 公式编号功能
    

    效果如下:

    • [ ]支持以 PDF 格式导出文稿
    • [ ] 改进 Cmd 渲染算法,使用局部渲染技术提高渲染效率
    • [x] 新增 Todo 列表功能
    • [x] 修复 LaTex 公式渲染问题
    • [x] 新增 LaTex 公式编号功能
    12.图片
    ![我的头像](http://zh.mweb.im/asset/img/set-up-git.gif)
    

    效果如下:
    [图片上传失败...(image-591d60-1559113815785)]

    13. 表格
    | 项目        | 价格   |  数量  |
    | --------   | -----:  | :----:  |
    | 计算机     | \$1600 |   5     |
    | 手机        |   \$12   |   12   |
    | 管线        |    \$1    |  234  |
    

    效果如下:

    项目 价格 数量
    计算机 $1600 5
    手机 $12 12
    管线 $1 234
    14. 流程图
    ```flow
    st=>start: Start
    op=>operation: Your Operation
    cond=>condition: Yes or No?
    e=>end
    
    st->op->cond
    cond(yes)->e
    cond(no)->op```
    

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

    st=>start: Start
    op=>operation: Your Operation
    cond=>condition: Yes or No?
    e=>end
    
    st->op->cond
    cond(yes)->e
    cond(no)->op
    

    结尾

    更多Markdown语法原文链接


    1. MarkDown是一种纯文本标记语言

    2. HTML超文本标记语言

    相关文章

      网友评论

          本文标题:在简书上使用Markdown编辑文章

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