在使用Next主题写今年的年度总结时，想在文章内插入一张计划表。网上简单搜索了下教程，发现针对图片插入主要有两种途径：一是本地图片插入，二则是插入网络上的图片。我用的是本地图片，使用markdown语法对应的格式为。几点说明：
1.该命令中的感叹号、书名号以及小括号均是英文输入法下的符号；2.书名号中的内容为图片在文章中显示时的图片名称；3.images为在source目录下自建的目录，图片格式可以为png或者jpg
保存内容，刷新运行在本地的页面，发现图片没有显示，而是显示的命令信息。查找解决方案，发现在为数不多的方案中，最常见的一种推荐方法如下：
- 安装图片插件，执行命令 npm install hexo-asset-image –save （我执行了这个命令）
- 修改-congfig.xml文件中的‘post_asset_folder’字段值为true，修改后保存文件（修改了）
- 使用hexo new ‘xxx.md’命令创建一篇新的文章，会同步生成名为xxx的一个文件夹，将需要插入的图片放入在文件夹中，图片路径为
我没有按照步骤3执行，我觉得这种方式不是特别好，因为我在最开始写文章的时候并不确定，我这篇文章是否会插入图片（当然，如果文章写完之后修改步骤2中的参数，然后手动创建一个同名文件可以生效的话，那这种方式也可以考虑，否则每次创建一个新文章，都要创建一个同名的文件夹，增加冗余度）。我在网上看到B站上有个叫刘伟的老师开了一系列课程讲述hexo的博客搭建，其中一篇就是使用在source目录下创建images文件夹的方式插入图片，很简洁。肯定是我哪里出了问题，我继续尝试几种不同路径，但是都无法显示，网上也实在是找不到针对这种方式图片可能不显示的原因。折腾了半个多小时，突然就灵机一现，去掉文件名中的空格……结果图片就能正常显示了。我想网络上没有看到同样的问题，也许是大部分人都完美避过了这个坑。希望我的这个经验，可以帮助跟我一样的小伙伴少花点时间。Anyway,问题解决了就很开心~
简单总结下刘伟老师视频中关于插入图片的另外几个知识点： - 使用html语法插入本地图片的语法为：
<img src="/images/xxx.png" alt="图片名称"> - 插入网络图片也比较简单：
； <img src="网络图片地址" alt="图片名称">（网络图片地址在网络上找到后可以直接右键选择复制图片地址） - 图床推荐imgur (需要翻墙)