美文网首页
简书Markdown 文本编辑写文章

简书Markdown 文本编辑写文章

作者: 馬里奥 | 来源:发表于2017-12-07 16:36 被阅读0次

    参考转自献给写作者的 Markdown 新手指南

    快捷键

    • 加粗 Ctrl + B
    • 斜体 Ctrl + I
    • 引用 Ctrl + Q
    • 插入链接 Ctrl + L
    • 插入代码 Ctrl + K
    • 插入图片 Ctrl + G
    • 提升标题 Ctrl + H
    • 有序列表 Ctrl + O
    • 无序列表 Ctrl + U
    • 横线 Ctrl + R
    • 撤销 Ctrl + Z
    • 重做 Ctrl + Y

    代码块

    代码块语法遵循标准markdown代码,例如:

    @requires_authorization
    def somefunc(param1='', param2=0):
        '''A docstring'''
        if param1 > param2: # interesting
            print 'Greater'
        return (param2 - param1 + 1) or None
    class SomeClass:
        pass
    >>> message = '''interpreter
    ... prompt'''
    

    脚注

    生成一个脚注[1].

    1.标题

    这是最为常用的格式,在平时常用的的文本编辑器中大多是这样实现的:输入文本、选中文本、设置标题格式。
    而在 Markdown 中,你只需要在文本前面加上 # 即可,同理、你还可以增加二级标题、三级标题、四级标题、五级标题和六级标题,总共六级,只需要增加 # 即可,标题字号相应降低。例如:

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    注:# 和「一级标题」之间建议保留一个字符的空格,这是最标准的 Markdown 写法。

    2.列表

    Markdown Extra 定义列表语法:
    项目1
    项目2
    : 定义 A
    : 定义 B

    项目3
    : 定义 C

    : 定义 D

    > 定义D内容
    

    列表格式也很常用,在 Markdown 中,你只需要在文字前面加上 - 就可以了,例如:

    - 文本1
    - 文本2
    - 文本3
    

    如果你希望有序列表,
    也可以在文字前面加上 1. 2. 3. 就可以了,例如:

    1. 文本1
    2. 文本2
    3. 文本3
    

    注:-、1.和文本之间要保留一个字符的空格。



    <h2 id="picture"> 链接和图片</h2>

    3.插入链接和图片

    在 Markdown 中,插入链接不需要其他按钮,你只需要使用 显示文本 这样的语法即可,例如:
    简书

    [简书](http://www.jianshu.com)
    

    在 Markdown 中,插入图片不需要其他按钮,你只需要使用 ![] ()这样的语法即可,例如:

    ![](https://img.haomeiwen.com/i259/0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
    

    注:插入图片的语法和链接的语法很像,只是前面多了一个 !。

    插入链接和图片的案例截图:


    4.引用

    在我们写作的时候经常需要引用他人的文字,这个时候引用这个格式就很有必要了,在 Markdown 中,你只需要在你希望引用的文字前面加上 > 就好了,例如:

    一盏灯, 一片昏黄; 一简书, 一杯淡茶。 守着那一份淡定, 品读属于自己的寂寞。 保持淡定, 才能欣赏到最美丽的风景! 保持淡定, 人生从此不再寂寞。

    注:> 和文本之间要保留一个字符的空格。

    5. 代码引用

    需要引用代码时,如果引用的语句只有一段,不分行,可以用 ` 将语句包起来。
    如果引用的语句为多行,可以将```置于这段代码的首行和末行。
    代码引用的案例截图:


    6.表格

    相关代码:

    | Tables        | Are           | Cool  |
    | ------------- |:-------------:| -----:|
    | col 3 is      | right-aligned | $1600 |
    | col 2 is      | centered      |   $12 |
    | zebra stripes | are neat      |    $1 |
    

    显示效果:

    Tables Are Cool
    col 3 is right-aligned $1600
    col 2 is centered $12
    zebra stripes are neat $1

    <p></p>
    相关代码:

    dog | bird | cat
    ----|------|----
    foo | foo  | foo
    bar | bar  | bar
    baz | baz  | baz
    

    显示效果:

    dog bird cat
    foo foo foo
    bar bar bar
    baz baz baz

    <p></p>
    可以使用冒号来定义对齐方式:

    项目 价格 数量
    Computer 1600 元 5
    Phone 12 元 12
    Pipe 1 元 234

    7. 显示链接中带括号的图片

    代码如下:

    ![][1]
    [1]: http://latex.codecogs.com/gif.latex?\prod%20\(n_{i}\)+1
    

    8. 字体颜色表

    <font color=#A52A2A size=4 >Markdwon测试</font>

    **粗体文字**,或__加文字__ 加粗 Markdown测试

    *斜体文字*, 或_斜体_ 斜体 Markdwon测试

    <font size=4 color=#D2691E>列表:</font>

    <font size= 4>背景色表

    <font face="黑体">我是黑体字</font>
    <font face="微软雅黑">我是微软雅黑</font>
    <font face="STCAIYUN">我是华文彩云</font>
    <font color=#0099ff size=7 face="黑体">color=#0099ff size=72 face="黑体"</font>
    <font color=#00ffff size=72>color=#00ffff</font>
    <font color=gray size=72>color=gray</font>
    
    Size:规定文本的尺寸大小。可能的值:从 1 到 7 的数字。浏览器默认值是 3
    
    颜色列表
    1. 这里是 脚注内容.

    相关文章

      网友评论

          本文标题:简书Markdown 文本编辑写文章

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