发布内容需要的Markdown语法
发布内容需要的Markdown语法
1.概述
1.1设计理念
- Markdown易于阅读,方便创作web文档,利于各平台无缝分发。
- Markdown语法灵感最大的来源还是纯文本email的格式,完全由标点符号标签组成的纯文本。
- Markdown文件应该以纯文本形式原样发布,不应该包含标记标签和格式化指令。
1.2内联HTML语法
- HTML是一种发布格式,Markdown是一种创作格式。
- Markdown语法集合比较小,只是HTML标签的一小部分。
- 对于Markdown中未包含的标签,可以直接使用HTML标签,例如用HTML
<a>标签替代Markdown的链接语法。
1.3特殊字符自动转义
在HTML中,有两个字符需要特殊对待: <和& ,左尖括号用于起始标签。
如果你想将它们用作字面量,你必须将它们转义为字符实体,例如< 和& 。
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 超文本标记语言
锚点(页内超链接)
网页中,锚点其实就是页内超链接,也就是链接文本文档内部的某些元素,实现当前页面中的跳转。比如我这里写下一个锚点,点击回到目录,就能跳转到目录。 在目录中点击这一节,就能跳过来。还有下一节的注脚。这些根本上都是用锚点来实现的,只支持在标题后插入锚点,其它地方无效。这种写法是[描述]+(标题)的形式。标题中#和标题内容之间的空格要去掉。
[跳转到概述](##1.概述)
自动链接
Markdown支持以比较简短的自动链接形式来处理网址和电子邮件信箱,只要是用<>包起来,Markdown就会自动把它转成链接。一般网址的链接文字就和链接地址一样。
https://baidu.com
daijian@afa.ai 这是我的公司邮箱发布内容需要的Markdown语法的更多相关文章
- HelloDjango 第 09 篇:让博客支持 Markdown 语法和代码高亮
作者:HelloGitHub-追梦人物 文中涉及的示例代码,已同步更新到 HelloGitHub-Team 仓库 为了让博客文章具有良好的排版,显示更加丰富的格式,我们使用 Markdown 语法来书 ...
- 第 8 篇:内容支持 Markdown 语法,接口返回包含解析后的 HTML
作者:HelloGitHub-追梦人物 在 Django博客教程(第二版) 中,我们给博客内容增加了 Markdown 的支持,博客详情接口应该返回解析后的 HTML 内容. 来回顾一下 Post 模 ...
- 简体中国版文档的Markdown语法
Markdown文件 注意︰这是简体中国版文档的Markdown语法.如果你正在寻找英语版文档.请参阅Markdown︰ Markdown: Syntax. Markdown: Syntax 概述 哲 ...
- Markdown语法说明(详解版)
####date: 2016-05-26 20:38:58 tags: Markdown tags && Syntax ##Markdown语法说明(详解版)杨帆发表于 2011-11 ...
- Markdown语法手册
Markdown 语法手册 Markdown 是一种轻量级标记语言,能将文本换成有效的XHTML(或者HTML)文档,它的目标是实现易读易写,成为一种适用于网络的书写语言. Markdown 语法简洁 ...
- Markdown 语法说明
Markdown 语法说明 (简体中文版) / (点击查看快速入门) 概述 宗旨 Markdown 的目标是实现「易读易写」. 可读性,无论如何,都是最重要的.一份使用 Markdown 格式撰写的文 ...
- Markdown 语法说明 (简体中文版)
http://wowubuntu.com/markdown/#editor 概述 宗旨 兼容 HTML 特殊字符自动转换 区块元素 段落和换行 标题 区块引用 列表 代码区块 分隔线 区段元素 链接 ...
- [转]Markdown 语法手册
Markdown 是一种轻量级标记语言,能将文本换成有效的XHTML(或者HTML)文档,它的目标是实现易读易写,成为一种适用于网络的书写语言. Markdown 语法简洁明了,易于掌握,所以用它来写 ...
- .md文件 Markdown 语法说明
Markdown 语法说明 (简体中文版) / (点击查看快速入门) 概述 宗旨 兼容 HTML 特殊字符自动转换 区块元素 段落和换行 标题 区块引用 列表 代码区块 分隔线 区段元素 链接 强调 ...
随机推荐
- USB小白学习之路(12) Cy7c68013A固件之Slave FIFO(转)
Cy7c68013固件之Slave FIFO 转自:http://blog.csdn.net/zengshaoqing/article/details/53053539 选择SlaveFIFO传输方式 ...
- 从头认识js-HTML中使用JavaScript
<script>元素 在HTML页面中插入Javascript的主要办法就是使用<script>元素,HTML4.01为<script>定义了下列6个属性. 1.a ...
- 基于vue开发的在线付费课程应用
最近在弄一个付费课程的应用,主要有微信登录,支付和自定义分享,在开发过程中遇到的坑,这里做一下记录 文章主要有以下几点 使用库简介 微信登录解决 微信支付解决 微信自定义分享解决 页面前进后退数据状态 ...
- overflow-y:auto/hidden/scroll和overflow-x:visible组合渲染异常
最近做项目想做一个这样的效果:就是我想要内部div x轴溢出div则显示y轴溢出div则出现滚动条于是用到了overflow-y 和 overflow-x 这个css属性原来以为css中直接设置就ok ...
- SpringBoot学习笔记(一)入门简介
一.SpringBoot 入门简介 整体讲解内容概况: 1.1 简介 简化Spring应用开发的一个框架: 整个Spring技术栈的一个大整合: J2EE开发的一站式解决方案. Spring Boot ...
- Visual Studio Code打开后是黑色的什么都没显示
测试系统:win7 x64. 问题:打开Microsoft VS Code后是黑色的界面并且什么都没有显示. 截图:本来想放一张图片的,因为当时忘记截了,所以这里就忽略了. 解决办法: 需要安装以下三 ...
- Flask架构管理及特点(重要)
正文 程序包结构 ——————————————————————————————————flask文件夹结构 其中:app为程序包,Flask程序保存在这个包中migrations文件夹包含数据库迁移脚 ...
- js中所有函数的参数(按值和按引用)都是按值传递的,怎么理解?
我觉着我可能对这块有点误解,所以单独开个博说下自己的理解,当然是研究后的正解了. 1,参数传递是基本类型,看个例子: function addTen(num){ num += 10; return n ...
- ES6的Proxy
最近在Javascript的设计编程中,用到的那个单例模式,感觉就类似一种代理的思想[其实就是缓存的一种机制],单例模式就是: function getSingle(fn){ var result; ...
- 复制url事故:出现特殊的字符%E2%80%8B
复制url事故:出现特殊的字符%E2%80%8B 问题:直接其他地方复制过来的中文字进行网页搜索.或者中文字识别排序等情况的,会出现搜索不到的情况. 解决方法:可能存在复制源里面的文字带了空白url编 ...
- HelloDjango 第 09 篇:让博客支持 Markdown 语法和代码高亮