2019-06-13

## hexo发表博客

先cd到博客目录下

### Step1 创建文章

```

$ hexo new "My New Post"

$ hexo n "My New Post"    //安装hexo-asset-image后可使用

```

### Step2 编辑文章

```

文章头部加

---

title: //此处填写文章名

date: //此处填写发布日期

tags:

  - //此处填写标签名(可多个)

---

```

由于在首页中显示文章内容使用的是`post.content`我们如果想在主页中实现文章的部分内容渲染，需要在文章中添加一个``标记。添加了这个标记之后，`post.content`将会获取到标记之前的内容.

之后的内容大家可以随意Diy啦!

mac编辑md文件建议使用 [MacDown](https://macdown.uranusjr.com/)

#### 关于文章添加图片

1. 把本地Blog文件下的配置文件（非主题下）`_config.yml`里的`post_asset_folder:`选项设置为`true`.

2. 在本地Blog路径下执行`npm install hexo-asset-image --save`(用于下载安装一个可以上传本地图片的插件）

3. 运行 `hexo n "xxxx"`来生成md博文, 会发现在`/source/_posts`文件夹中除了`xxxx.md`文件还生成了一个同名文件夹.

4. 最后在`xxxx.md` 引入图片时，先把图片复制到xxxx文件夹中 然后在`xxxx.md`中按照markdown的格式引入图片：

```


```

### Step3 清除缓存 （可省略 建议使用）

```

$ hexo clean

```

清除缓存文件 db.json 和已生成的静态文件 public

当网站显示异常时可以执行这条命令试试

### Step4 生成静态文件

```

$ hexo generate

$ hexo g      //简写

```

这步骤就相当于程序的编译，如果有错误的话，在终端会有相应的提示信息

如果没有错误的话 可以继续往下执行

### 启动本地服务器 （可省略）

```

$ hexo server

$ hexo s      //简写

```

用于预览主题，默认地址: [http://localhost:4000](http://localhost:4000)

### Step6 部署到远程站点

```

$ hexo deploy

$ hexo d      //简写

```

上述步骤结束后 恭喜你 一篇博文完成啦！

#### 大家有兴趣可以访问我的博客 [DreamWord](https://williamyg.top)