Hexo博客写作之本地图片处理实战

前提概要

问题概述

Hexo博客写作时，是编写Markdown文档，而Markdown中的图片如何保存处理，是一个老生常谈的话题。

Hexo博客Markdown文档中的图片处理，主要是要解决以下几个问题：

1. 写作时实时预览问题。在编写Markdown文档时，需要在编辑工具中能够实时预览图片。
2. 上传时图片同步问题。一般来说我们博客的源码/静态文件会使用Git进行管理。
3. 发布后图片显示问题。Hexo博客发布后，需要在网站上正常显示图片

一般来说，大部分大佬选择图床作为图片的保存方式，即将图片上传到图床网站，Hexo的Markdown中填写图床网站给的链接即可。但是这种方式毕竟需要依赖图床网站，我不喜欢，我还是喜欢将图片保存到自己手里！

本文目标

本文欲实现以下几个目标：

1. 图片保存到本地，不依赖图床网站。
2. 博客写作时，能够实时预览图片。
3. Hexo 博客生成和发布后，能够正常展示图片。
4. 图片和Markdown文档放置在一起，都可以上传到Github等仓库。

前提条件

前提：

• Hexo博客已经安装配置完成。
• 已经安装自己喜欢的Markdown编辑工具（本文使用marktext）。

操作步骤

图片保存路径设置

需要将文档相关的图片保存到与文件同目录的同名子目录下，如：

这个可以使用编辑工具