美文网首页
markdown语法

markdown语法

作者: WhisperSilence | 来源:发表于2019-03-30 15:45 被阅读0次

    目录

    * 总目录
      * 一级目录
        * 二级目录
          * 三级目录
    

    说明:层级列表一般只支持三级列表,第一级实心圆点,第二级空心圆点,第三级以后都是实心方点。要实现层级列表,每下一级都要比上一级多输入2个空格或者一个Tab,而且第一级前面不要超过3个空格.
    效果图:

    分级目录

    标题

    # 一级标题
    ## 二级标题
    ### 三级标题
    #### 四级标题
    ##### 五级标题
    ###### 六级标题
    

    样式如下:
    效果图:


    分级标题

    字体格式

    *斜体方式1* 或 _斜体方式2_ 
    **粗体** 
    ***加粗斜体*** 
    ~~删除线~~
    

    效果图:


    字体样式

    锚点

    网页中,锚点其实就是页内超链接,也就是链接本文档内部的某些元素,实现当前页面中内容的跳转。比如我们经常读的论文或者PDF,里面就包含着丰富的锚点,其中的目录就是锚点,点击一个章节就能快跳到对应文本内容,以此实现文章内部内容的跳跃。

    * [目录1](#40)
       * [标题1](#41)
       * [标题2](#42)
       * [标题3](#43)
    <h3 id="41">标题1</h3>
        我是标题1的内容
    <h3 id="42">标题2</h3>
        我是标题2的内容
    <h3 id="43">标题3</h3>
        我是标题3的内容
    

    效果图:
    [图片上传失败...(image-e512d7-1553931814787)]

    超链接

    • 行内式(用的较多):
    欢迎来到[google](www.google.com)
    

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

    • 自动链接
      Markdown 支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来, Markdown 就会自动把它转成链接。一般网址的链接文字就和链接地址一样。
    <http://www.merlin153.com/>  
    

    效果:
    http://www.merlin153.com/

    列表

    • 常用列表
    # 有序列表,使用数字、英文句点即可
    1. 有序列表一
    2. 有序列表二
    3. 有序列表三
    # 无序列表,使用 - ,+ , * 都可表示无序列表 
    - 无序列表一
    + 无序列表二
    - 无序列表三
    # 任务列表,要创建任务列表,前缀列表项[ ]。要将任务标记为完整,请使用[x]
    - [x] 文本一
    - [ ] 文本二
    - [ ] 文本三
    

    效果图:

    列表效果
    • 定义型列表
      名词1
      :    定义 1(左侧有一个可见的冒号和四个不可见的空格)
      代码块 2
      :    这是代码块的定义(左侧有一个可见的冒号和四个不可见的空格)
        代码块(左侧有八个不可见的空格)
    

    效果图:


    定义型列表
    • 列表缩进
      列表项目标记通常是放在最左边,但是其实也可以缩进,最多 3 个空格,项目标记后面则一定要接着至少一个空格或制表符。
      * 这是第一段,当文章很长的时候才能看出来他的缩进效果,其实这种缩进看起来更像是一种无序列表,所以就当无序列表使用吧!
      * 这是第二段,当文章很长的时候才能看出来他的缩进效果,其实这种缩进看起来更像是一种无序列表,所以就当无序列表使用吧!
    

    效果图:


    缩进效果

    图片

    图片的创建方式与超链接相似,而且和超链接一样也有两种写法,行内式和参考式写法。(注:图片链接可通过图床获取,比较好用的图床有SM.MS, 七牛图床等等)

    • 行内式(常用)
    [图片上传失败...(image-ebedc-1553931814787)]
    
    • 参考式
    在文档要插入图片的地方写![图片名称][标记]
    在文档的最后写上[标记]:图片地址 “Title”
    

    图片的效果就没必要演示了,正确的语法就能实现。

    引用

    只需在前面加上> 符号即可实现,引用也可以嵌套

    > 这是引用
    >> 这是引用嵌套
    >>>多层嵌套
    

    效果图:


    引用效果

    代码段

    通过三个 · 或者 ~ 实现,也可以实现包裹代码,在第一个 ``` 或者 ~~~ 的后面紧跟语言名称可实现智能识别,以便实现代码高亮风格。

    ~~~python
    print("hello world")
    ~~~
    

    效果:

    print("hello world")
    

    表格

    |name|age|
    |:-|-:|
    |内容|意义。。|
    

    表格第一栏填写名称,第二栏可以在两个 | 之间添加 - 实现表格,再在 - 左右两边添加 : 实现内容向左右边靠。
    效果图:

    name age
    内容 意义。。
    内容 意义。。

    脚注

    在需要添加注脚的文字后加上脚注名字[^注脚名字],称为加注。 然后在文本的任意位置(一般在最后)添加脚注,脚注前必须有对应的脚注名字。
    注意:经测试注脚与注脚之间必须空一行,不然会失效。成功后会发现,即使你没有把注脚写在文末,经Markdown转换后,也会自动归类到文章的最后。
    效果:比如点击这里^[1],会跳转到底部

    流程图

    Markdown也可以实现流程图绘制,更多语法参考:流程图语法参考

    LaTeX 公式

    抱歉很少用到,可能论文上用的多吧,如果需要可以参考

    {# 基础语法感觉就够用了,流程图截图就好了,后续更新中。。。# }


    参考文章:
    ^[1]:[Demi的技术空间](https://yuhongjun.github.io/tech/2017/05/02/Markdown-%E8%AF%AD%E6%B3%95%E6%89%8B%E5%86%8C-%E5%AE%8C%E6%95%B4%E6%95%B4%E7%90%86%E7%89%88.html#142-%E7%BC%A9%E8%BF%9B%E5%BC%8F%E5%A4%9A%E8%A1%8C%E4%BB%A3%E7%A0%81
    ^[2]: 果冻虾仁的markdown语法总结
    ^[3]:Coding下的markdown语法
    ^[4]:文图详解请参考这里

    相关文章

      网友评论

          本文标题:markdown语法

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