Markdown语法规则
一、斜体、粗体
粗体
和上面一样是粗体
斜体
和上面一样是斜体
可 以 加 空 格
二、分割线
三个或者以上的-_*,必须单独一行,可含有空格。
呵呵呵呵
哈哈哈哈
啦啦啦啦
三、区块引用
使用’>’角括号进行区块引用
区块引用
两层引用
三层引用
四、标题样式
markdown支持两种标题语法,Setext和atx,Setext 形式是用底线的形式,利用三个或更多 = (最高阶标题)和 - (第二阶标题),Atx 形式在行首插入 1 到 6 个 # ,对应到标题 1 到 6 阶。
最高阶标题
第二阶标题
一级标题
二级标题
三级标题
四级标题
五级标题
六级标题
七级标题
五、无序列表
使用-+*号,效果一样,注意符号后面的空格,但是不能混合使用,混合的话就成了嵌套列表
- 减号无序列表
- 加号无序列表
- 星号无序列表
- 混合使用
- 混合使用
- 混合使用
- 混合使用
- 混合使用
- 混合使用
- 混合使用
- 混合使用
六、有序列表
使用数字和英文句点,数字可以无序,注意点后面的空格
- 有序列表1
- 有序列表2
- 有序列表5
- 有序列表8
- 有序列表6
七、嵌套列表
注意第二级的前后都有空格
- 嵌套列表1
- 嵌套列表2
- 嵌套列表3
- 嵌套列表4
- 嵌套列表5
- 嵌套列表4
- 嵌套列表3
- 嵌套列表2
八、链接
链接有两种,行内(inline) 和 参考(reference)两种形式
1、行内(inline)形式
行内形式是直接在后面用括号直接接上链接
百度
2、加上title属性
也可以加上title属性,注意中间有个空格,使用双引号,把鼠标放在链接上,就可以看出区别了
百度
3、参考(reference)方式:
这是[Google][1] ,这是[Yahoo][2],这是[MSN][3].
[1]:http://google.com/ “Google”
[2]:http://search.yahoo.com/ “Yahoo Search”
[3]:http://search.msn.com/ “MSN Search”
4、自动链接:自动链接直接用一对尖括号包围即可
九、插入图片:
图片的语法和文字链接的形式很像,只不过前面加个!,后面跟图片的地址
1、行内(inline)形式(注意title属性是可选的)

2、参考(reference)形式
![kobe][id]
[id]:http://pic11.photophoto.cn/20090626/0036036341009653_b.jpg “Kobe Bryant”
十、代码
1、代码段
代码段在一般的段落文字中,你可以使用反引号 ` 来标记代码区段,区段内的 &、< 和 > 都会被自动的转换成 HTML 实体,这项特性让你可以很容易的在代码区段内插入 HTML 码:
--------
2、段落代码块
如果要建立一个已经格式化好的代码区块,只要每行都`缩进 4 个空格或是一个 tab`就可以了,而 &、< 和 > 也一样会自动转成 HTML 实体。
3、行内代码:高亮
在第一行的后面指定编程语言,也可以不指定。(Markdown目前好像不支持更改代码块背景颜色。。。。)
var odiv =document.getElementsByTagName(‘text’);
十一、注释和html的一样
<!-- 注释 -->
十二、转义字符
\ 反斜杠
` 反引号
* 星号
_ 下划线
{} 大括号
[] 中括号
() 小括号
# 井号
+ 加号
- 减号
. 英文句号
! 感叹号
十三、表格
第一种
| name | age | sex |
|---|---|---|
| kobe | 8 | man |
| bryant | 24 | man |
第二种【推荐使用】
| name | age |
|---|---|
| kobe | 8 |
| bryant | 24 |
十四、进阶教程:
1、更改字体、字号、颜色
Markdown 通过简单标记语法,使普通文本内容具有一定格式。但它本身不支持修改字体、字号与颜色等功能的。CSDN-markdown 编辑器是其衍生版本,支持基于 PageDown ( Stack Overflow)所使用的编辑器的扩展功能(如表格、脚注、内嵌HTML、内嵌 LaTeX 等等)。
Size:规定文本的尺寸大小,取值从 1 到 7 ,浏览器默认值是 3.
我是微软雅黑
我是华文彩云
我是红色
我是绿色
我是蓝色
我是尺寸
我是黑体,绿色,尺寸为5
2、为文字添加背景色
由于 style 标签和标签的 style 属性不被支持,所以这里只能是借助 table, tr, td 等表格标签的 bgcolor 属性来实现背景色。故这里对于文字背景色的设置,只是将那一整行看作一个表格,更改了那个格子的背景色(bgcolor)
背景色yellow
3、设置图片大小
1. 更改图片百分比

2.更改图片像素值

3.图片居左

ps:right、left 、center
Front-matter 选项详解
Front-matter 选项中的所有内容均为非必填的。但我仍然建议至少填写 title 和 date 的值。
| 配置选项 | 默认值 | 描述 |
|---|---|---|
| title | Markdown 的文件标题 |
文章标题,强烈建议填写此选项 |
| date | 文件创建时的日期时间 | 发布时间,强烈建议填写此选项,且最好保证全局唯一 |
| author | 根 _config.yml 中的 author |
文章作者 |
| img | featureImages 中的某个值 |
文章特征图,推荐使用图床(腾讯云、七牛云、又拍云等)来做图片的路径.如: http://xxx.com/xxx.jpg |
| top | true |
推荐文章(文章是否置顶),如果 top 值为 true,则会作为首页推荐文章 |
| cover | false |
v1.0.2版本新增,表示该文章是否需要加入到首页轮播封面中 |
| coverImg | 无 | v1.0.2版本新增,表示该文章在首页轮播封面需要显示的图片路径,如果没有,则默认使用文章的特色图片 |
| password | 无 | 文章阅读密码,如果要对文章设置阅读验证密码的话,就可以设置 password 的值,该值必须是用 SHA256 加密后的密码,防止被他人识破。前提是在主题的 config.yml 中激活了 verifyPassword 选项 |
| toc | true |
是否开启 TOC,可以针对某篇文章单独关闭 TOC 的功能。前提是在主题的 config.yml 中激活了 toc 选项 |
| mathjax | false |
是否开启数学公式支持 ,本文章是否开启 mathjax,且需要在主题的 _config.yml 文件中也需要开启才行 |
| summary | 无 | 文章摘要,自定义的文章摘要内容,如果这个属性有值,文章卡片摘要就显示这段文字,否则程序会自动截取文章的部分内容作为摘要 |
| categories | 无 | 文章分类,本主题的分类表示宏观上大的分类,只建议一篇文章一个分类 |
| tags | 无 | 文章标签,一篇文章可以多个标签 |
注意:
以下为文章的 Front-matter 示例。
layout 布局
title 标题
date 建立日期 文件建立日期
updated 更新日期 文件更新日期
comments 开启文章的评论功能 true
tags 标签(不适用于分页)
categories 分类(不适用于分页)
permalink 覆盖文章网址
author: 作者
img: 图片展示
top: true 推荐文章
cover: true 首页推荐文章
coverImg: 首页轮播封面需要显示的图片路径
password: 密码
toc: false 文章目录
mathjax: false 是否开启数学公式支持
summary: 文章的特殊内容的配置,没有的话按默认设置来!
categories: 分类
tags: 标签
General
主题特点
- 原生JavaScript实现,去jQuery化
- 样式支持CSS预处理器Less,方便主题自定义
- 文章过期提醒功能
- 文章阅读进度条
- 网站公告功能
- 首页图片懒加载
- 首页文章缩略图自动检索文章内图片,支持自动随机图片
- 主题支持响应式
- 支持3D云标签
- 支持文章推送和文章打赏
- 站内本地搜索和谷歌搜索
- 支持多个第三方评论系统
- 支持网站统计和不蒜子访客统计
- 移动端的简洁设计
- 支持代码高亮并支持自定义高亮样式
- 支持Shell脚本通过Travis CI自动化部署Hexo博客
- 支持Hexo自动化部署结果发送邮件和实时推送到钉钉
/* 整体背景颜色,包括导航、移动端的导航、页尾、标签页等的背景颜色. */
.bg-color {
background-image: linear-gradient(to right, #4cbf30 0%, #0f9d58 100%);
}
@-webkit-keyframes rainbow {
/* 动态切换背景颜色. */
}
@keyframes rainbow {
/* 动态切换背景颜色. */
}