你好，我的博客

这是我搭建的首个个人博客，使用的是 Hexo + Butterfly。初次见面，请多多指教💕

快速开始

创建新文章

$ hexo new "My New Post"

详情查看: Writing

运行服务

$ hexo server

详情查看: Server

上传 algolia 搜索内容

$ hexo algolia

生成静态文件

$ hexo generate

详情查看: Generating

部署

$ hexo deploy

详情查看: Deployment

上传到 github

$ hexo g -d

其他

使用 vscode 预览博客时显示本地图片

本地博客中的本地图片地址一般为 /img/xxx，省略了本地目录的 soucre 文件夹，博客部署时会把所有文件夹都部署在根目录（本地图片 /source/img/xxx，服务端 /img/xxx），显示正常，但是本地预览则找不到此路径，所以预览时会显示不出来。
如果你使用vscode的话，可以推荐此方案：
安装 Markdown Preview Enhanced 插件，运行 Markdown Preview Enhanced: Extend Parser 命令，会打开 parser.js 文件（详情查看此 插件文档），做以下修改，保存后则本地图片预览正常（需要使用 Markdown Preview Enhanced 插件预览博客，而非 vscode 自带）。

module.exports = {
  onWillParseMarkdown: function(markdown) {
    return new Promise((resolve, reject)=> {
      // 替换hexo本地图片地址
      markdown = markdown.replace(/\/img\/blog\//g, '/source/img/blog/');
      return resolve(markdown)
    })
  },
  onDidParseMarkdown: function(html, {cheerio}) {
    return new Promise((resolve, reject)=> {
      return resolve(html)
    })
  },
  onWillTransformMarkdown: function (markdown) {
        return new Promise((resolve, reject) => {
            return resolve(markdown);
        });
    },
  onDidTransformMarkdown: function (markdown) {
      return new Promise((resolve, reject) => {
          return resolve(markdown);
      });
  }
}