Hexo搭建博客系列：（三）使用MarkDown和七牛云写博文

网上有很多MarkDown教程都大同小异，都只有常用的语法，却都忽略了一些很重要和很基础概念，此博文补充讲解。写博文必定用到图片，我使用七牛云存储图片。

MarkDown配置使用

推荐使用有道云笔记客户端写MarkDown博文。
下载地址：http://note.youdao.com/
有道云笔记内置Markdown编辑器和使用指南，并实时自动云端保存。

比如使用”hexo new "20170613-Hexo搭建博客系列：（三）使用MarkDown和七牛云写博文"“命令新一篇博文（使用中文符号，英文符号会被剔除），博文URL含有中文，复制后会非常冗长。用有道云笔记客户端直接打开.md文件。

打开.md文件后，在Front-matter（---包裹区域）中新增一个字段english_title，存放对应英文名Hexo3，我们已经再Hexo系列1中将站点配置文件URL的permalink改成了permalink: :year/:month/:day/:english_title/形式，这样博文的URL就是https://depp.wang/2017/06/13/Hexo3；也设置了category_map和tag_map，中文名将再URL中转化成对应的英文。

建议参考如下格式。

---
title: Hexo搭建博客系列：（三）使用MarkDown和七牛云写博文
english_title: Hexo3    #注意连接符是下划线
date: 2017-06-13 13:26:55
tags: [Hexo系列, MarkDown+七牛云, 有道云笔记] 
categories: Hexo系列
---

写完博文后复制有道云笔记的文档直接替换_post文件夹的相关文档。

阅读全文

将博客首页的博文不完全显示，点击阅读全文才能详细阅读。选择合适位置插入此语法：``，!符号和-符号紧挨。

常用语法使用

以下常用语法，可能你现在正在搭建博客，还不用，可以先跳过，等博客搭建好了，写博文时再来学习。

下图是截取自有道云笔记MarkDown编辑器，依次是粗体，斜体，标题，分割线，引用，无序列，有序列，链接，图片，代码块

image

标题（Heading）

博客正文标题通常从二级标题(## )开始,
依次递增（### 三，#### 四，##### 五，###### 六），跳跃使用后博客博文的文章目录不美观。

image

强制换行、段落

为了文章美观，疏密得当，不能全使用段落，有点地方必须使用强制换行。

在行末敲入一个或以上回车（两段空一行），可将此句变成段落。

在行末敲入两个或以上空格再回车（行末空两格），可将此句强制换行。
强制换行后的第二行，实践实践就知道怎么回事了。

image

区块引用 （Blockquotes）

• 有强制换行，需要在每行的最前面加上 > ；
• 区块引用中有多个段落，只需要在每段最前面加一个 > 。

image

代码块、序列、分割线、图片

代码块不一定一定要放代码，比如可以放$ hexo d命令，这样不用截图，但同样美观；有序列和无序列的使用使博文美观；*符号和-符号作用相同；图片上的文字设为段落，空出一行，比较美观。

image

强调标记

如果要强调标记一小截文字，你可以用两个反引号（``
）把文字包起来。对象存储被包裹后的效果 对象存储

发布博文

建议使用三个命令

$ hexo clean    #清除静态文件
$ hexo g    #重新生成静态文件
$ hexo d    #将博文同步到Github和Coding上

相关MarkDown语法教程链接

• 【简明版】有道云笔记Markdown指南
• Markdown 语法说明 (简体中文版)
• 少为人知的Markdown基础知识

七牛云配置使用

网址：https://portal.qiniu.com/
可以使用GitHub，微信，开源中国账号直接登录；也可以用邮箱注册登录。

注册登录后，点击左侧栏对象存储可以进入以下界面。

image

1. 新建存储空间，如（Blog）。访问控制选择公开空间，否则不能复制外链。
2. 找到内容控制，上传图片（图片名最好为bg+日期，这样外链URL比较清楚简洁）。
3. 在操作栏点击···复制外链；也可以不复制只需更改外链最后的图片名，将外链URL放在![](外链URL)中。

使用命令行上传图片

常规通过网站上传图片方法较为复杂，此视频教程是使用命令行上传图片。看了视频后你就知道要设置up文件，我的up文件格式如下：

{
   "src_dir"            :   "E:/BlogImages",//本地图片文件夹，建议只放要上传的文件
   "bucket"             :   "blog",//七牛云的存储空间名称
   "overwrite"          :   true,//是否覆盖七牛云上的文件，是。假设你更改图片内容，重新上传时建议修改图片名
   "rescan_local"       :   true,//检查你本地文件夹新增图片，是。设置后，才能上传新增图片
}

图片URL

七牛云也能使用命令行下载图片，不过要收费。其实不用使用命令行，也不用在网站上再去复制外链。我们知道URL前半部分是固定的，上图显示默认域名为：ot8blk4sm.bkt.clouddn.com，所以图片URL为http://ot8blk4sm.bkt.clouddn.com/imageName，只需要改变一下链接的图片名就行。默认域名是一个测试域名，如果你是强迫症看着域名太长不爽，并且你的域名已经备案，可以添加自定义域名。

总结

MarkDown进阶语法我基本也没用，以后的博文应该会用上。

参考网址

• HEXO的站内链接和永久链接
• 七牛API服务的命令行工具(GitHub)