新手一分钟熟练使用Markdown

作者: 青灯无味 | 来源:发表于2018-08-17 17:12 被阅读57次

    Markdown是一种文本标记语言,用于快速文档排版。通过简单的标记,可以使普通文本内容具有一定的格式。

    Markdown优点

    1.简单、流行、逼格高,排版功能足够使用
    2.广泛用于用于办公、文字工作者、程序员等人员日常文档的写作排版
    3.语法简单

    Markdown缺点

    太简单,很多复杂的专业排版样式功能无法实现,只适用于要求不高的文字排版场合(办公、技术文档等)
    附简书编辑文章,设置Markdown为编辑器,如下图所示:


    image.png

    一、支持Markdown的编辑器

    • 任意文本编辑器
    • 专业Markdown编辑器:支持Markdown文档排版后预览,适合文字工作者
    • MAC:mou,macdown
    • Windows:MarkdownPad
    • 自带预览功能的专业代码编辑器:适合编程、分析等理工类应用
    • VSCode 原生支持预览
    • Atom 原生支持预览,并可将md文件另存为HTML文件
    • Jupyter Notebook 科学工作者和程序员用交互式笔记本,网页版,可用于数据分析、教学、演讲等
    • Atom:预览快捷键:Ctrl+Shift+M或:Ctrl+Shift+P - 命令窗口输入 markdown ,回车
    • VSCode:md文件右上方-打开侧边栏预览
    • 各类IDEA
      等等很多编辑器都支持

    二、Markdown基本语法

    • 1:标题(# h1-h6)
    • 2:字体(* ** *** ~~)
    • 2:空格、段落和换行(<p><br>)
    • 3:超链接([]() <a>)
    • 4:图片(`[图片上传失败...(image-150c9b-1534497144672)]和公式
    • 5:列表(<ul><ol><li>)
    • 6:代码块(```` <pre>`)
    • 7:着重、强调(** <em><strong>)
    • 8:表格(-|-|- <table>)
    • 9:转义字符(\)
    • 10:分隔线(--- <hr>)

    三、标题

    一个#是一级标题,二个#是二级标题,三个#是三级标题,.....等,最多支持六级标题也就是六个#。标准语法一般在#后跟个空格再写文字,如下图所示:

    image.png

    四、字体

    要加粗的文字左右分别用两个*号包起来
    加粗

    要倾斜的文字左右分别用一个*号包起来
    斜体

    要倾斜和加粗的文字左右分别用三个*号包起来
    斜体加粗

    要加删除线的文字左右分别用两个~~号包起来
    删除线

    如下图所示:


    image.png

    五、引用

    在引用的文字前加>,可以无限加。。。

    s

    ss

    sss

    ssss

    如下图所示:


    image.png

    六、分割线





    三个或者三个以上的 - 或者 * 都可以。如下图所示:


    image.png

    七、图片

    在简书我就直接粘贴进去的,语法:
    ![图片alt](图片地址 ''图片title'')

    图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
    图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加。如下图所示:


    image.png

    八、超链接

    语法:

    image.png
    如下面的例子:
    简书
    天猫

    如下图所示:


    image.png

    九、列表

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

    • 列表内容
    • 列表内容
    • 列表内容
      5个空格就是这样的列表,6个空格,就在前面多加了个空格,依次类推。。。。
    • 列表内容
      
    •    列表内容
      
    •         列表内容
      

    如下图所示:


    image.png

    2.列表嵌套:上一级和下一级之间敲三个空格即可 1. 列表内容

    • 一级列表
      • 二级列表
        • 三级列表
    • 一级列表
      • 二级列表
        • 三级列表

    如下图所示:


    image.png

    十、表格

    语法:

    表头1 表头3 表头3
    内容 内容 内容
    内容 内容 内容

    第二行分割表头和内容。

    • 有一个就行,为了对齐,多加了几个
      文字默认居左
      -两边加:表示文字居中
      -右边加:表示文字居右
      注:原生的语法两边都要用 | 包起来。此处省略。如下图所示:


      image.png

    十一、代码

    1.单行代码:代码之间分别用一个反引号包起来
    <span>代码内容</span>
    2.多行代码:代码之间分别用三个反引号包起来,且两边的反引号单独占一行
    () const a = 10; console.log(a); ()
    如下图所示:

    image.png

    注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

    十二、总结

    希望大家早日熟练使用Markdown神器。

    相关文章

      网友评论

      • dly_chou:有啥用呢?
      • 寒枫岭:其实多行代码还可以打两个tab或者几个空格,是黑底的,具体我忘了。。。
        但是打两个tab的地方要和前面一行中间空一行,并且每行代码都要打tab
        青灯无味:@寒枫岭 对的

      本文标题:新手一分钟熟练使用Markdown

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