zoukankan      html  css  js  c++  java
  • Markdown新手教程

    什么是Markdown?

    Markdown是一种轻量级标记语言。它允许人们“使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档”。Markdown 的设计目的是方便写作的时候,标记格式、同时使标记格式后的纯文本,比起 HTML 源码,更有可读性。

    用Markdown写作有什么优缺点?

    概括来讲,Markdown有如下优点:

    • 语法比HTML简单,并且能实现大部分HTML能实现的功能
    • 格式排版良好,简单直观,可读性强

    有哪些比较好的Markdown写作工具?

    由于自己一直用的Mac,所以就推荐一些Mac上比较好的Markdown工具,大概有如下几个:

    • Typora(目前免费,功能强大,首推)
    • UIysses(收费,听说很不错)
    • Mou(轻量级,对中文支持也不错)
    • 简书(网站,原生支持Markdown)

    markdown语法

    为了接下来能够更好的演示Markdown语法,我将以简书为例来介绍

    标题

    和HTML一样,Markdown支持添加6个级别的标题,分别是一级标题、二级标题......六级标题,在Markdown语法中,只需要在对应的级别标题前加上对应数量的#符号即可,需要注意的一点就是标题与#之间最好保持一个空格
    963F1108-2653-423C-A718-6DC38CC86369.png

    水平分区线

    在需要添加横线的行,添加三个或三个以上短横线-、星号*、或者下划线_即可
    15C755DA-3826-44A4-968F-F7DE517147DB.png

    引用

    在需要引用的话前面加上符号>,效果如下图
    0306C232-187B-4388-BF9D-80CF249078CA.png

    中划线

    在GitBook Editor上直接可以使用<del> 内容</del>来实现中划线,简书不支持,在简书上需要用*~~内容~~*来实现中划线的功能
    注意:符号与内容之间不能有空格
    A53F16B5-31B0-42DD-B46C-F12D13C9BCDF.png

    斜体

    在要加粗的句子两边添加关键符号*
    961ADAFF-A732-4B04-9A0D-4EA0BE6D594F.png

    粗体

    有时我们在写文章时,想突出某个字、词、句,那么我们可以使其加粗显示,方法就是在要加粗的句子两边添加都**
    A9ED8AF4-A0F3-4343-A23E-71CFF0896ECF.png

    斜粗体

    如果想让某个字、词、或句即显示斜体又显示粗体,以示强调,可以在其两边添加***

    7AD2268F-4E21-435C-859B-77BCB0433F6D.png

    链接

    添加链接方法:[链接文字] (链接地址)
    83D40744-84F2-4692-B5EA-0D94AE314E3B.png

    图片

    添加图片的方法和添加超链接的方法类似,只是在超链接的方法前加了一个!,添加图片方法如下
    ![图片名称] (图片地址)
    如果是本地图片如何获得图片地址呢,这是我们可以把要上传的图片鼠标拖进简书编辑区,就可以直接生成一张图片的链接地址了。
    获取图片链接:
    Xcode error.gif
    添加图片:
    531550A5-343F-4EFF-BD77-6ABF6E11F4A4.png

    无序列表

    在列表前加上一个*+、或者-即可,需要注意的文字与符号之间最好空一格
    F9CFC88B-31DF-4963-9EF9-0719534E3E7E.png

    有序列表

    添加有序列表的方法是,在文字前添加数字加英文句点,需要注意的文字与符号之间最好空一格
    3859AD58-AB94-4C80-B440-B43D1B195074.png

    背景

    给文字添加背景只需要在文字的两边添加反引号即可
    FFA63ABE-69D3-4E26-B949-6E510AB0F796.png

    表格

    下图中,可以任意设置文字的对齐方式,左对齐::---,居中:----:,右对齐----:
    ED0950A9-9121-48C2-93B3-F575E2E9E2F5.png

    代码块

    作为一个软件开发人员,在写作中往往需要在文章中添加部分代码,如果直接把代码粘贴在文章中会显得很不好看,借助Markdown语法就能达到很好的显示效果,方法就是在需要添加代码的上下两行添加三个反引号` ````,并且在代码上面一行的反引号后指明所引入的代码用的什么语言,(唉,表达能力不咋地,不多说了,看图)。
    7AC436A0-4AE3-4BB3-B616-997E98EAD78E.png
    希望对你能有所帮助,如果有错误,请指正,谢谢。

  • 相关阅读:
    【web前端】面题整理(2)
    【web前端】前段时间的面题整理(1)
    【js】什么是函数节流与函数去抖
    【感想文】对于情绪管理,我的感悟。
    【感想文】现代人的恋爱,已经不再是过去的一生只爱一个人了
    【插件】哔哩哔哩专栏区-文章朗读插件安装
    【js】版本号对比处理方案
    【js】了解前端缓存,收获不止于此!
    【js】关于this指针-理解call、apply、bind
    【读后感】爱的五种能力
  • 原文地址:https://www.cnblogs.com/itbsl/p/9842630.html
Copyright © 2011-2022 走看看