使用Markdown书写

最新推荐文章于 2022-03-16 16:07:03 发布
最新推荐文章于 2022-03-16 16:07:03 发布
阅读量406 收藏
点赞数
分类专栏： 小技巧 文章标签： markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/vv314/article/details/46650897
版权

什么是Markdown？

Markdown是一种轻量级的标记语言，它提供一些简洁的文本标记用于排版，极大简化了样式操作，帮助我们在写作过程中专注内容生产。
输入：排版标记 + 文本内容
输出：排版标记 -> HTML元素，生成HTML文档

编辑器


基本语法

为避免混淆，本文中的Markdown标记均使用 咖啡色标出。
以下示例采用MarkdownPad2编辑，同时推荐使用 pandoc查看HTML输出。

段落与换行 (<p>,<br>)

段落作为最基本样式，用于承载文本内容。
Markdown段落由一个或多个连续的文本行组成，段落间由空白行区分。
换行：空格+空格+回车（产生<br>）。 

<p>hello world</p>
<p>hello<br />
world</p>

标题 (<h>)

标题用来呈现文档结构，可以通过标题来快速阅读文档内容。
Markdown采用  # 标记标题 ，对应HTML，1~6个  #  分别表示1~6级标题。

其中一二级标题有两种表示方式：
  1. 使用 # 和 ##
  2. 使用不少于1个的 = 和 -
观察第四、五级标题样式，可发现标题等级大小实际由  # 前缀数目决定，因此“ ## 标题”与“  ## 标题  ##”等价。

强调 (<em>,<strong>)

强调用于加重语气，表达文本的重要性，在HTML语义中<strong>比<em>表达的语气更为强烈。。
Markdown使用  * 与  _ 标记强调，被 * 或 _ 包围的字词被转换为 <em> 标签包围，显示为斜体效果。
用两个 * 或 _ 包围的字词被转成 <strong>，显示为粗体效果。
注意强调标记与文本间不能留有空格，可使用  \ 来转义强调标记。 

<p><em>强调文本</em></p>
<p><em>强调文本</em></p>
<p><strong>语气更强的强调文本</strong></p>
<p><strong>语气更强的强调文本</strong></p>

区块引用 (<blockquote>)

区块引用定义摘自另一个源的块引用，表示引述其他人或来源的长篇幅的内容。
Markdown使用  > 定义区块引用。

区块引用中可以包括其他样式，如标题、列表、代码区块等。
区块引用还可以进行嵌套，层次之间添加  > 区分。 
<blockquote>
<p>hello world</p>
</blockquote>
<blockquote>
<h1 id="hello-world">hello world</h1>
</blockquote>
<blockquote>
<p>hello world</p>
</blockquote>
<blockquote>
<p>hello world</p>
</blockquote>
<blockquote>
<p>hello &gt;world</p>
</blockquote>

分割线 (<hr>)

分割线将文章划分为不同部分，使文章排版清晰方便阅读。
Markdown使用 三个以上的  *  、 -  、 _  来建立一个分隔线，行内不能有其他东西。标记符间可以插入空格。
以下使用方法均是等价的：


代码区块 (<pre><code>)

被区块包围的内容将会保留含有的空格和换行符。而文本也会呈现为等宽字体。
Markdown使用8个空格或1个tab标记代码区块，区块至最后一个非缩进文本行结束。

在代码区块内， & 、 < 和 > 会自动转成 HTML 实体，可以方便的使用 Markdown 插入范例用的 HTML 原始码；
而一般的 Markdown 标记不会被转换，这表示你可以很容易地以 Markdown 语法撰写 Markdown 语法相关的文件。 
<p>普通段落</p>
<pre><code># 代码区块
&lt;div class=&quot;content&quot;&gt;
    代码区块保留缩进
&lt;/div&gt;
代码区块</code></pre>
<p>普通段落</p>

列表 (<ul>,<ol>)

列表是一系列数据项的集合，用于展示一系列内容，主要分为有序列表和无序列表。
Markdown使用  +、 * 或  - 表示无序列表，使用数字+英文句点+空格（如1. ）表示有序列表。

列表项内若包含多个段落，使用4个空格或1个tab区分；
若包含引用，使用使用4个空格或1个tab区分；
若包含代码块，使用8个空格或2个tab区分。
使用  \ 转义列表项。

链接 (<a>)

超链接指从一个网页指向一个目标的连接关系，它允许我们同其他网页或站点之间进行连接跳转。
Markdown链接分为两种形式： 行内式与参考式，链接文字均以  [方括号 ] 包裹。
行内式链接语法规则为：  [ 链接文字 ]( 链接地址  " 链接标题 ")，其中链接标题可省略。 

<p><a href="https://www.google.com.hk/" title="Google">谷歌</a> 有标题行内链接</p>
<p><a href="https://www.google.com.hk/">谷歌</a> 无标题行内链接</p>
<p><a href="/home/">主页</a> 相对路径链接</p>

参考式链接由链接声明与链接实体两部分组成，链接声明用于标识链接，链接实体用于定义链接地址。
链接声明语法规则为：  [ 链接文字 ] [ 链接id ]，链接id用于关联链接实体且忽略大小写；
链接实体语法规则为：  [ 链接id ]  链接地址  “ 链接标题 ”，链接实体可置于文档任意位置， 链接标题可省略。
链接实体有多种定义方法，以下写法均是等价的。 

<p><a href="https://www.google.com.hk/" title="谷歌">Google</a> 是一个参考式链接</p>
<p>普通文本</p>

在链接声明中， 链接id也可以省略，具体格式为  [ 链接文字 ] [ ]，此时 链接id将默认等同为 链接文字。 

<p><a href="https://www.google.com.hk/" title="谷歌">Google</a> 是一个隐式参考链接</p>
<p>普通文本</p>

自动链接

只要将网址和电子邮件信箱用方括号包起来， Markdown 就会自动把它转成链接。 

<p><a href="http://example.com" class="uri">http://example.com</a></p>
<p><a href="mailto:vv314@example.com">vv314@example.com</a></p>

图片 (<img>)

图片链接用于在文档中插入图片，与文本链接类似，图片链接也分行内式与参考式。
行内式语法规则： ![ 替代文字 ]( 链接地址 ) “ 链接标题 ”， 链接标题可省略。 

<figure>
<img src="http://a3.qpic.cn/psb?/0aad0504-3ab6-4782-a579-9dd9fed62beb/ysf825YuMOF4YdgOQdomM*y2Z4Oe8Uf7ZCS7Q9qT2B4!/b/dE0AAAAAAAAA&amp;bo=cgSAAgAAAAAFB9A!&amp;rf=viewer_4" title="耳廓狐" alt="fox" />
<figcaption>fox</figcaption>
</figure>

代码 (<code>)

Markdown是用反引号  ` 来标记代码。
在代码区段内，& 和方括号都会被自动地转成 HTML 实体，可以很方便的插入 HTML 代码。 

<p>JavaScript使用<code>function</code>来声明函数</p>
<p><code>&lt;code&gt;</code> 标签用于表示计算机源代码或者其他机器可以阅读的文本内容。</p>
<p><code>若要在文本内输出反引号 (`) 外部需要使用多个反引号包裹</code></p>
<p>若要直接输出反引号，则需要在标记与文本之间插入空格<code>`foo`</code></p>

反斜杠

反斜杠  \ 用于转义Markdown标记为普通文本。
、
支持转义以下标记： 
  
  

   
   \   反斜线
  
  

  
  

   
   `   反引号
  
  

  
  

   
   *   星号
  
  

  
  

   
   _   底线
  
  

  
  

   
   {}  花括号
  
  

  
  

   
   []  方括号
  
  

  
  

   
   ()  括弧
  
  

  
  

   
   #   井字号
  
  

  
  

   
   +   加号
  
  

  
  

   
   -   减号
  
  

  
  

   
   .   英文句点
  
  

  
  

   
   !   惊叹号

参考


vv314
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
首次学习使用MarkDown书写文本 文本编辑器Typora
weixin_53457418的博客
05-30 26
Markdown学习 标题 三级标题 四级标题 五级标题 最高支持六级标题 字体 Hello，World! Hello，World! Hello，World! Hello，World! Hello，World! 引用 选择自学，走向人生巅峰 哈哈哈，似乎成功了，新学了一个好用的文本编辑器 分割线 图片 插入本机内的图片的方法 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-anf2LW7r-1622347581113)(D:\学习课件\MarkDown学习\学习图片1.
MarkDown 书写规范
YGRETO的博客
10-12 462
markdown 书写规范
在 Markdown 中，如何在反引号对语句中使用反引号
暗诺星刻的博客
03-03 2644
在 Markdown 中，如何在反引号对语句中使用反引号   在 Markdown 中，经常会使用一种反引号对语句来标识一段 特殊文字，如 `特殊文字`。不过，有时候 特殊文字 中也会含反引号。显然，如果在 特殊文字 内直接使用反引号， Markdown 渲染器会优先匹配最近的一对反引号，这会导致渲染器的误解析。那么，如何在反引号对语句中使用反引号呢？   方法是，将原来的 反引号对 改成 二反引号对 + 空格。比如，如果原来的语句是 【`特殊文字`】，现在，特殊文字 中将含有反引号，此时的语句应改成 【
在markdown中转义反引号
oldmoney
01-24 780
在markdown中转义反引号 &#96; 表示一个反引号 `范德萨 在代码段中打印反引号 两个反引号 空格 反引号uvm 空格 两个反引号 `uvm
Typora隐藏技能——插入非图片表情
yumuyefeng的博客
01-05 1036
哈喽，突然发现一个好玩的技能，兴奋之余，打破多年不更新~ 今天使用typora，偶然发现英文状态下的:1，会弹出一个下拉列表。于是探索了一下，发现Typora支持通过伪代码插入表情，且该表情不像插入图片那样，本地生成图片缓存文件夹。 示例如下： 搜狗了一下，发现1st place medal 是https://www.emojiall.com/en/categories/J 网站出现的表情说明。 总结一下用法： 格式是英文标点符号:+[英文单词，空格用下划线代替]+:，英文单词可以从..
Markdown显示反引号(`)
weixin_34417200的博客
05-08 2227
/********************************************************************** * Markdown显示反引号(`) * 说明： * 在Markdown文档中，行代码中的shell脚本中本身有反引号，需要显示出来， * 找一下处理方法。 * * ...
markdown-slide:使用markdown书写幻灯片
06-09
使用markdown书写幻灯片 使用方法： 使用markdown编写幻灯片内容，特别的，幻灯分页使用 --- 页号或单词 --- 分割开，保存为document.md文件。 编写css文件控制幻灯样式。 html页面中引入slider.js，写一段脚本： ...
vlog:vLog 是一个轻量级的日志博客系统,使用Markdown格式书写博文,使用tornado和MySQL驱动
05-31
vLog 是一个轻量级的日志/博客系统,使用Markdown格式书写博文,使用tornado和MySQL驱动,之所以叫vLog是因为一开始打算只写接口使用Vim调用即可,因为我非常不喜欢写WEB页面,现在只提供了最基本的功能,写文章....,后台...
typora 非常好用的 markdown 书写工具
06-28
Markdown是一种轻量级的标记语言，它允许人们使用易读易写的纯文本格式编写文档，然后转换成结构化的HTML（超文本标记语言）文档。 Typora是一款非常优秀的Markdown编辑器，专为提升Markdown写作体验而设计。这款...
typora-latex-theme:将Typora伪装成LaTeX的中文样式主题，本科生轻量级课程论文撰写的好帮手。This is a theme disguising Typora into Chinese LaTeX style
07-24
Typora伪装LaTeX中文样式主题 本项目的初衷是为了简化中国大陆本科生小型通识课论文（或小型实验报告）撰写的负担。这里基本采用了浙江大学要求的格式（字体较小，页边距较小），但大部分同学都可以自行在 CSS 中修改适合自己学校的格式。 markdown 的轻量化特性，使您可以专注于论文内容而不用担心格式。书写时仅通过简单的标记，并通过替换样例模板中的个人信息，您就可以输出媲美卷王由 LaTeX 排版的精美论文与报告。 这是一个 Typora 的 markdown 主题样式，在 macOS 上完成开发测试，理论上适用于所有平台，CSS 也适用于部分其他编辑器。macOS 和 Windows 中的个别特性可能不同。目前持续更新新功能并解决bug，如有需要可前往develop分支获取最新的代码尝试测试。 If you are not studying in China, please DO
markdown 需要转义的字符
热门推荐
山茶树和葡萄树
01-04 3万+
\\ 反斜杠 \` 反引号 \* 星号 \_ 下划线 \{\} 大括号 \[\] 中括号 \(\) 小括号 \# 井号 \+ 加号 \- 减号 \. 英文句号 \! 感叹号
markdown反引号内怎么转义反引号？
说文科技，做有态度的研究。
06-29 3662
markdown反引号内怎么转义反引号？ 使用两个反引号引用带有反引号的内容：例如代码：`cat hosts`【其实是由一对``括起来的】
Mac markdown 的空格与反引号的写法
qq_41550480的博客
03-16 829
Mac空格 　　中文按住option+space键 Mac反引号` 　　英文按住option+数字1旁最左边的键
【Markdown语法】脚注
惊鸿若梦一书生
08-29 2万+
markdown 代码： 生成一个脚注1[^footnote]. [^footnote]: 这里是 **脚注** 的 *内容*. 生成一个脚注2[^foot]. [^foot]:这里是**脚注2**的*内容*. 注意：footnote是自定义变量，可随意定义。 效果如下： 生成一个脚注11. 生成一个脚注22. 这里是 脚注1的内容. ↩这里是脚注2的内容. ↩...
markdown输入转义`(反引号backtick)
zmhzmhzm的博客
05-26 2499
markdown可以用&#96;转义反引号 例如需要打出`markdown`, 可以使用如下命令:&#96;markdown&#96;
Markdown 如何在内联代码或者代码块中使用代码开始符号反引号（`）
walterlv - 吕毅
07-27 5316
我们都知道如何在 Markdown 中使用反引号 ` 来包裹一段代码。无论是内联的代码还是单独的代码块，都需要使用它，只是个数的差别，比如 ` 和 ```````````。 那么如何能够在代码片中输入反引号（backtick）呢？ 方法是：用两个反引号来包裹。 本文内容内联代码中包含反引号内联代码中只有反引号内联代码中只有反引号且有多个 内联代码中包含反引号 例如，你想输入这段代码中包含`符号，...
typora 公式对齐_Typora使用方法
weixin_39640414的博客
10-21 1619
Typora 是一款支持实时预览的 Markdown 文本编辑器。它有 OS X、Windows、Linux 三个平台的版本，是完全免费的。（正式版是否免费还没有说明）它支持且仅支持 Markdown 语法的文本编辑。Typora 官网​typora.ioA truly minimal markdown editor.与传统Markdown不一样的语法在传统的Markdown文档中，文章结构由各级...
MarkDown语法收集
weixin_30446197的博客
10-09 74
普通文字的效果 `这里的文字使用了反斜点，很赞吧` >此处使用了>后，文字的效果。 **这里的文字使用了两个星号包裹后，加粗显示** <!--more--> <strong>还可以使用strong标签，让文字加粗</strong> # 定义一个#的字号 ## 定义两个##的字号 ### 定义三个###的字号 此处是给文字设置超链接[...
vscode markdown 书写
最新发布
09-26
VSCode是一个强大的开源代码编辑器，也支持Markdown的书写。通过安装相关插件，您可以在VSCode中更加便捷地书写和编辑Markdown文档。其中，一些常用的插件有： 1. Markdown All in One：提供了一系列快捷键和命令，方便您快速编辑、格式化和预览Markdown文档。 2. Markdownlint：用于检查和修复Markdown文档中的语法错误和不规范的格式。 3. Markdown Preview Enhanced：提供了更丰富的预览功能，支持实时预览、导出为PDF、添加数学公式等。 4. Markdown TOC：自动生成文档目录，方便导航和阅读长篇Markdown文档。 5. Paste Image：可以方便地将截图或本地图片插入到Markdown文档中。 6. Vim：如果您习惯使用Vim编辑器的命令模式，可以安装Vim插件来在VSCode中使用Vim的编辑功能。 以上插件可以根据您的需求选择安装和配置，以提升您在VSCode中书写Markdown的效率和体验。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值