发布内容需要的Markdown语法

1.概述

1.1设计理念

  • Markdown易于阅读,方便创作web文档,利于各平台无缝分发。
  • Markdown语法灵感最大的来源还是纯文本email的格式,完全由标点符号标签组成的纯文本。
  • Markdown文件应该以纯文本形式原样发布,不应该包含标记标签和格式化指令。

1.2内联HTML语法

  • HTML是一种发布格式,Markdown是一种创作格式
  • Markdown语法集合比较小,只是HTML标签的一小部分。
  • 对于Markdown中未包含的标签,可以直接使用HTML标签,例如用HTML<a>标签替代Markdown的链接语法。

1.3特殊字符自动转义

在HTML中,有两个字符需要特殊对待: <& ,左尖括号用于起始标签。

如果你想将它们用作字面量,你必须将它们转义为字符实体,例如&lt;&amp;


2.行内语法讲解

2.1注释的表述

  • 代码法

    用CSS样式将文本隐藏来表示注释
    <div style='display: none'>
    我是注释
    我是注释
    </div>

大部分文本解析器会解析HTML语法,在编辑器的非源代码模式中这种注释会被隐藏起来。

  • HTML注释

    既然支持HTML语法,那也支持HTML注释。

    <!--单行注释-->
    
    <!--
    多行注释
    多行注释
    多行注释
    -->

    这种注释方法会在Markdown编辑器中显示出来。

  • hack方法

    hack方法就是利用Markdown的解析原理来实现注释的。

    一般有的Markdown解析器不支持上面的注释方法,这个时候就可以用hack方法。

    hack方法比上面这两种方法稳定得多。

    [//]: 我是注释
    [^_^]: 这个注释很萌哈哈哈
    [comment]: 我是注释

    这种中括号加冒号的语法是markdown的网址标注和注脚的写法,理论上来说中括号里的描述可以是任意字符串,但原则上要容易理解。

2.2分级标题

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

2.3任务列表

- [ ] 任务一  未做任务
- [x] 任务二 已做任务
  • [ ] 任务一 未做任务
  • [x] 任务二 已做任务

2.4缩进 换行 空行 对齐方式

  • 首行缩进

  或  //全角

  或  //半角

  或¨ //半角之半角


* 换行
由于markdown编辑器的不同,可能在一行字后面,直接换行回车,也能实现换行,但是在Visual Studio Code上,想要换行必须得在一行字后面空两个格子才行。 * 空行
在编辑的时候有多少个空行(只要这一行只有回车或者space没有其他的字符就算空行),**在渲染后,只隔着一行**。 * 对齐方式 ```html
<center>行中心对齐</center>
<p align="left">
行左对齐
</p>
<p align="right">
行右对齐
</p>

2.5斜体 粗体 删除线 下划线 背景高亮

  • 代码
    *斜体*  _斜体_

粗体

加粗斜体

删除线


*斜体* _斜体_
**粗体**
***加粗斜体***
~~删除线~~
<u>下划线</u> ### 2.6超链接 页内链接 自动链接 注脚
* 行内式
`[]`里写链接文字,`()`里写链接地址,`()`中的`""`可以作为链接指定的title属性,title属性可加可不加。title属性的效果是鼠标悬停在链接上会出现指定的title文字,链接地址与title前有一个空格
```markdown
[全球最大的同性交友网站](https://www.github.com/ "pornhub")

全球最大的同性交友网站

  • 参考式

    参考式超链接一般用在学术论文上面,或者另一种情况,如果某一个链接在文章中多处被使用,那么使用引用的方式创建链接将非常好,它可以让你对链接进行统一的管理。

    [全球最大的同性交友网站][1]
    [你也是二次元][2] [1]:https://www.github.com/ "最爱你的是我"
    [2]:https://www.bilibili.com/

    全球最大的同性交友网站

    你也是二次元

  • 注脚

    在需要添加注脚的文字后加上注脚名字[^注脚名字],称为加注。然后在文本的任意位置(一般在最后)添加注脚,注脚前必须有对应的注脚名字。

    经测试注脚与注脚之间必须空一行,不然会失效。即使你没有把注脚写在文末,经Markdown转换后,也会自动归类到文章的最后。

    使用 Markdown[^1]可以效率的书写文档, 直接转换成 HTML[^2]。
    
    [^1]:Markdown是一种纯文本标记语言
    
    [^2]:HyperText Markup Language 超文本标记语言

    使用 Markdown[1]可以效率的书写文档, 直接转换成 HTML[2]

  • 锚点(页内超链接)

    网页中,锚点其实就是页内超链接,也就是链接文本文档内部的某些元素,实现当前页面中的跳转。比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来。还有下一节的注脚。这些根本上都是用锚点来实现的,只支持在标题后插入锚点,其它地方无效。

    这种写法是[描述]+(标题)的形式。标题中#和标题内容之间的空格要去掉。

    [跳转到概述](##1.概述)

    跳转到概述

  • 自动链接

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

    https://baidu.com

    daijian@afa.ai 这是我的公司邮箱

    发布内容需要的Markdown语法的更多相关文章

    1. HelloDjango 第 09 篇:让博客支持 Markdown 语法和代码高亮

      作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书 ...

    2. 第 8 篇:内容支持 Markdown 语法,接口返回包含解析后的 HTML

      作者:HelloGitHub-追梦人物 在 Django博客教程(第二版) 中,我们给博客内容增加了 Markdown 的支持,博客详情接口应该返回解析后的 HTML 内容. 来回顾一下 Post 模 ...

    3. 简体中国版文档的Markdown语法

      Markdown文件 注意︰这是简体中国版文档的Markdown语法.如果你正在寻找英语版文档.请参阅Markdown︰ Markdown: Syntax. Markdown: Syntax 概述 哲 ...

    4. Markdown语法说明(详解版)

      ####date: 2016-05-26 20:38:58 tags: Markdown tags && Syntax ##Markdown语法说明(详解版)杨帆发表于 2011-11 ...

    5. Markdown语法手册

      Markdown 语法手册 Markdown 是一种轻量级标记语言,能将文本换成有效的XHTML(或者HTML)文档,它的目标是实现易读易写,成为一种适用于网络的书写语言. Markdown 语法简洁 ...

    6. Markdown 语法说明

      Markdown 语法说明 (简体中文版) / (点击查看快速入门) 概述 宗旨 Markdown 的目标是实现「易读易写」. 可读性,无论如何,都是最重要的.一份使用 Markdown 格式撰写的文 ...

    7. Markdown 语法说明 (简体中文版)

      http://wowubuntu.com/markdown/#editor 概述 宗旨 兼容 HTML 特殊字符自动转换 区块元素 段落和换行 标题 区块引用 列表 代码区块 分隔线 区段元素 链接 ...

    8. [转]Markdown 语法手册

      Markdown 是一种轻量级标记语言,能将文本换成有效的XHTML(或者HTML)文档,它的目标是实现易读易写,成为一种适用于网络的书写语言. Markdown 语法简洁明了,易于掌握,所以用它来写 ...

    9. .md文件 Markdown 语法说明

      Markdown 语法说明 (简体中文版) / (点击查看快速入门) 概述 宗旨 兼容 HTML 特殊字符自动转换 区块元素 段落和换行 标题 区块引用 列表 代码区块 分隔线 区段元素 链接 强调 ...

    随机推荐

    1. oracle监控参数

      Sar –u 检查CPU的繁忙程度列说明Usr用户模式下cpu运行所占的百分比Sys系统模式下cpu运行所占的百分比Wio因为有进程等待块I/O而使cpu处于闲置状态所占百分比IdleCpu为闲置状态 ...

    2. 小程序中,设置Sticky定位,距离上面会有一个缝隙

      近日,在小程序中使用sticky定位实现吸顶效果,不料入了一个大坑. 定位后,距离有position: relative:的上级元素有个1px大小的缝隙条,透过缝隙,滑动时可看到定位标题下的内容. 此 ...

    3. 初学Qt——vs2012开发环境下的窗体跳转

      最近接了份外快,要求使用vs+qt开发一个简单的数据管理系统.qt开发使用的语言是c++,然而c++只是大一第二学期有教过而已,基本也差不多忘光了,废话不多说,讲下今天遇到的问题吧 如标题所说,窗体跳 ...

    4. jenkins-设置定时任务

      前言 跑自动化用例每次用手工点击 jenkins 出发自动化用例太麻烦了,我们希望能每天固定时间 跑,这样就不用管了,坐等收测试报告结果就行. 一.定时构建语法  * * * * * (五颗星,中间用 ...

    5. mongoDb性能提升

      最近在弄MongoDB的时候 发现只按照官网的方式进行操作的话,性能不行,想着用单例模式封装一下,提升一下性能,代码如下: //引入mongodb相关的模块 const MongoClient = r ...

    6. 7-12 产生每位数字相同的n位数 (30 分)

      读入2个正整数A和B,1<=A<=9, 1<=B<=10,产生数字AA...A,一共B个A 输入格式: 在一行中输入A和B. 输出格式: 在一行中输出整数AA...A,一共B个 ...

    7. javascript中你可能遇到的隐式调用

      前言 不知道用隐式调用来形容是否确切,其行为总是隐藏在背后,时不时出来露脸一下,作用貌似不大,但是了解一下还是有用处的,保不准在你的使用下大有作为.所谓的隐式调用简单来说就是自动调用一些方法,而这些方 ...

    8. .NET Core 获取主机运行资源的库

      简介 CZGL.SystemInfo 是一个支持 Windows 和 Linux 的资源信息获取库,用于获取系统环境.机器资源信息.系统资源使用情况. Nuget 搜索 CZGL.SystemInfo ...

    9. 关于 InnoDB 锁的超全总结

      有点全的 InnoDB 锁 几个月之前,开始深入学习 MySQL .说起数据库,并发控制是其中很重要的一部分.于是,就这样开起了 MySQL 锁的学习,随着学习的深入,发现想要更好的理解锁,需要了解 ...

    10. 读《Java并发编程的艺术》学习笔记(二)

      第2章  Java并发机制的底层实现原理 Java代码在编译后变成字节码,字节码被类加载器加载到JVM中,JVM执行字节码,最终转换为汇编指令在CPU上执行,Java中所使用的并发机制依赖于JVM的实 ...