发布内容需要的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. Spring Boot从入门到精通(五)多数据源配置实现及源码分析

      多数据源配置在项目软件中是比较常见的开发需求,Spring和Spring Boot中对此都有相应的解决方案可供大家参考.在Spring Boot中,如MyBatis.JdbcTemplate以及Jpa ...

    2. 曹工说Spring Boot源码(21)-- 为了让大家理解Spring Aop利器ProxyFactory,我已经拼了

      写在前面的话 相关背景及资源: 曹工说Spring Boot源码(1)-- Bean Definition到底是什么,附spring思维导图分享 曹工说Spring Boot源码(2)-- Bean ...

    3. 算发帖&mdash;&mdash;俄罗斯方块覆盖问题一共有多少个解

      问题的提出:如下图,用13块俄罗斯方块覆盖8*8的正方形.   那么一共可以有多少个解呢?(若通过旋转.翻转一个解而得到的新解,则两个解视为同一个解)   首先,求解的问题,已经在上一篇帖子里完成 算 ...

    4. cssy元素居中的方法有哪些?

      css的元素居中 各位小伙伴们在努力写网页的时候有没有遇到过这样的一个问题呢? 在写的时候发现他不居中,可是要分分钟逼死强迫症的啊! 别急,我来啦 哈哈哈 今天就带来三种css的元素居中的方法 第一种 ...

    5. Python-PhantomJS的安装和使用

      PhantomJS无需浏览器的Web测试: PhantomJS官网下载地址:https://phantomjs.org/download.html 下载PhantomJS zip文件,解压放置在D:\ ...

    6. DUBBO 面试灵魂18问

      一.Dubbo 是什么 dubbo 是一个分布式框架,是一个远程服务调用的分布式框架,其核心部分包含: 1)集群容错: 提供基于接口方法的透明远程过程调用,包含多协议支持,以及软负债均衡.失败容错.地 ...

    7. C#版免费离线人脸识别——虹软ArcSoft V3.0

      [温馨提示] 本文共678字(不含代码),8张图.预计阅读时间需要6分钟. 1. 前言 人脸识别&比对发展到今天,已经是一个非常成熟的技术了,而且应用在生活的方方面面,比如手机.车站.天网等. ...

    8. 简单的节流函数throttle

      在实际项目中,总会遇到一些函数频繁调用的情况,比如window.resize,mouseover,上传进度类似的触发频率比较高的函数,造成很大的性能损耗,这里可以使用节流函数来进行性能优化,主要是限制 ...

    9. 一起了解 .Net Foundation 项目 No.17

      .Net 基金会中包含有很多优秀的项目,今天就和笔者一起了解一下其中的一些优秀作品吧. 中文介绍 中文介绍内容翻译自英文介绍,主要采用意译.如与原文存在出入,请以原文为准. Peachpie Comp ...

    10. Openwrt 路由器上 安装 svn server

      Openwrt 上也可以搭建 svn 服务了,这样就不用开着 ubuntu 了,省电. 在后台打开 ssh 服务,或者使用 telnet 服务,使用 putty 登录路由器. 如下图所示,这里刷的是 ...