「HEXO」Hexo 中 Markdown 语法

Posted on | In

Markdown 是一种轻量级的”标记语言”，优点在于
（1）可以更加专注文章内容而不是排版样式。
（2）轻松的导出 HTML 和本身的 .md 文件。
（3）纯文本内容，兼容所有的文本编辑器与字处理软件。
（4）可读，直观。适合所有人的写作语言。
Hexo下使用的MarkDown为Github的 GFM ，风格很漂亮，简洁美观大方。但是GFM 的MarkDown语法和标准的MarkDown稍有不同。

Hexo Header 🐬

Hexo 文章头格式如下：

1
2
3
4
5
6
7
8
---
title: hexo中MarkDown语法
date: 2017-08-01 22:51:53
tags: [Markdown,hexo]
categories: hexo
toc: true
mathjax: true
---

其中，tags 和 categories 格式可采用下面方式

1
2
3
4
5
6
tags:
  - hexo
  - markdown

categories:
  - [Hexo,Markdown]    # Hexo/Markdown

标题

Markdown 支持6种级别的标题，在标题前加 # 和空格：

1
2
3
4
5
6
# h1   //一级标题
## h2   //二级标题
### h3  //三级标题
#### h4  //四级标题
##### h5  //五级标题
###### h6  //六级标题

文字处理

  • 字体格式

    1
    2
    3
    <font face="黑体">我是黑体字</font>
    <font face="宋体">我是宋体字</font>
    <font face="微软雅黑">我是微软雅黑字</font>

  • 字号格式

    1
    2
    3
    4
    5
    size为1：<font size="1">size为1</font>
    size为2：<font size="2">size为2</font>
    size为3：<font size="3">size为3</font>
    size为4：<font size="4">size为4</font>
    size为10：<font size="10">size为10</font>

  • 文字颜色

    1
    2
    3
    4
    5
    6
    7
    8
    红色文字：<font color="red">红色文字</font>
    浅红色文字：<font color="#dd0000">浅红色文字</font> 
    蓝色文字：<font color="blue">蓝色文字</font>
    浅蓝色文字：<font color="#0000dd">浅蓝色文字</font>
    绿色文字：<font color="green">绿色文字</font>
    金黄色文字：<font color="#FFFF00">金黄色文字</font>
    浅黄色文字：<font color="#dddd00">浅黄色文字</font> 
    深黄色文字：<font color="#666600">深黄色文字</font>

  • 示例：同时修改字体、字号和颜色

    1
    2
    3
    4
    5
    6
    7
    8
    9
    <font face="字体" size="字号" color="颜色">这里是需要突出显示的内容</font>
    <font face="黑体">我是黑体字</font>
    <font face="微软雅黑">我是微软雅黑</font>
    <font face="STCAIYUN">我是华文彩云</font>
    <font color=red>我是红色</font>
    <font color=#008000>我是绿色</font>
    <font color=Blue>我是蓝色</font>
    <font size=5>我是尺寸</font>
    <font face="黑体" color=green size=5>我是黑体，绿色，尺寸为5</font>

  • 斜体和粗体
    单个 * 或者 _ 表示斜体，** 或者 __ 表示粗体：

    1
    2
    这是*斜体*， 这是**粗体**
    这也是_斜体_， 这也是__粗体__

  • 分割线和删除线
    在单独的一行使用 *\ 或者 ___ 表示分割线，使用 ~~ 表示删除线。

  • 文字背景色

    1
    2
    3
    4
    <table><tr><td bgcolor=#FFFF00>背景色的设置是按照十六进制颜色值：#FFFF00</td></tr></table>
    <table><tr><td bgcolor=#D1EEEE>背景色的设置是按照十六进制颜色值：#D1EEEE</td></tr></table>
    <table><tr><td bgcolor=#C0FF3E>背景色的设置是按照十六进制颜色值：#C0FF3E</td></tr></table>
    <table><tr><td bgcolor=#54FF9F>背景色的设置是按照十六进制颜色值：#54FF9F</td></tr></table>
超链接

  • 文字链接

    1
    2
    3
    [链接文字](链接地址)
    # 将网址或邮箱转成超链接的另一种方式
    <http://juniorprincewang.github.io/>

  • 图片连接

    1
    2
    3
    ![图片alt属性](图片链接或路径 "图片标题")，也可以使用html语句<img src="图片地址" width="200" height="200">来自定义图片的大小。
    # 示例：
    ![Logo](/images/logo.png)

使用 hexo 文章资源文件夹中的本地图片。将 _config.yml 中的 post_asset_folder 选项设为 true：

1
2
\_config.yml
post\_asset\_folder: true

这样设置后，每次通过 hexo new [layout] 命令创建新文章时，Hexo 自动创建一个同名文件夹。可将与文中有关的图片等资源放在这一个关联文件夹中，然后通过相对路径引用：

1
![Logo](logo.jpg)

  • 视频链接
    1
    2
    <script src="/js/youtube-autoresizer.js"></script>
    <iframe width="640" height="360" src="https://www.youtube.com/embed/HfElOZSEqn4" frameborder="0" allowfullscreen></iframe>
段落及区块引用

使用特殊符号 > 用于段首，强调该部分文字将被高亮显示。

1
> 这里的文字被高亮显示...

---------Thanks for your attention---------
0%