hexo博客必备-MarkDown语法总结

什么? 你想写技术文章, 又不想贴到社区啊巴拉巴拉这些怎么办?

很好解决啊, 用github写博客呗, 写博客需要啥? hexo+喜欢的主题+markdown啊

现在毋庸置疑, Markdowm语法已经被许多的开发者所接受, github的介绍都要求要使用这个语法了, 那么这里针对markdown的一些语法做一些总结, 希望能够帮助到大家.

鼠标悬停效果(列表效果)

不同显示效果依不同的主题决定

使用方法是, 直接在一行字前面加上 - 符号, 没错就是这么简单

想要像下面这样实现字体加粗? 可以使用在文字两侧加上 ** 两个星号就好

同样类似的有*, 加一个星, 代表斜体

  • Markdown和扩展Markdown简洁的语法
  • 代码块高亮
  • 图片链接和图片上传

Markdown及扩展

那么整半天, 想起来Markdown还没做介绍呢, 我们看一下维基百科的介绍

Markdown 是一种轻量级标记语言,它允许人们使用易读易写的纯文本格式编写文档,然后转换成格式丰富的HTML页面。 —— [ 维基百科 ]

主要是想体现上面的两个语法, 使用 > 可以实现引用效果, 文字的链接可以使用 —— <a href="链接地址" > [ 链接名 ] 来实现, 如果需要在新页面打开, 加上target="_blank", 其实和HTML是一样的.

表格

Markdown Extra 表格语法:

横向使用|来分隔, 竖向的标题和内容使用-来分隔, 下面是实现效果

项目 价格
Computer $1600
Phone $12
Pipe $1

可以使用冒号来定义对齐方式:

需要哪一侧对齐, 就在哪一侧加点, 例如下面我的分隔方式是这样的| :-------- | --------:| :--: |

项目 价格 数量
Computer 1600 元 5
Phone 12 元 12
Pipe 1 元 234

代码块

代码块语法遵循标准markdown代码,例如:

别问我代码哪里来的,顺手抄的

1
2
3
4
5
6
.box{
display:-webkit-box;
display:box;
display:-webkit-flex;
display:flex;
}

离线写博客

即使用户在没有网络的情况下,也可以通过本编辑器离线写博客(直接在曾经使用过的浏览器中输入write.blog.csdn.net/mdeditor即可。Markdown编辑器使用浏览器离线存储将内容保存在本地。

用户写博客的过程中,内容实时保存在浏览器缓存中,在用户关闭浏览器或者其它异常情况下,内容不会丢失。用户再次打开浏览器时,会显示上次用户正在编辑的没有发表的内容。

博客发表后,本地缓存将被删除。 

用户可以选择 把正在写的博客保存到服务器草稿箱,即使换浏览器或者清除缓存,内容也不会丢失。

注意:虽然浏览器存储大部分时候都比较可靠,但为了您的数据安全,在联网后,请务必及时发表或者保存到服务器草稿箱

##浏览器兼容

  1. 目前,本编辑器对Chrome浏览器支持最为完整。建议大家使用较新版本的Chrome。
  2. IE9以下不支持
  3. IE9,10,11存在以下问题
    1. 不支持离线功能
    2. IE9不支持文件导入导出
    3. IE10不支持拖拽文件导入

文章目录
  1. 1. 鼠标悬停效果(列表效果)
  2. 2. Markdown及扩展
    1. 2.1. 表格
    2. 2.2. 代码块
  3. 3. 离线写博客
|