Hexo 插入图片方法

在博客编写中，难免会插入一些图片，这里就提供一些插入图片的方法

第一种

• 通过插件辅助插图
• 设置站点配置_config.yml:将 post_asset_folder : false 改为 post_asset_folder: true
• 安装插件: npm install https://github.com/CodeFalling/hexo-asset-image – save
• 运行hexo n “XXX”,生成XXXX.md博文时就会在 /source/_posts 目录下生成 XXX的文件夹，将你想在XXX博文中插入的照片放置到这个同名文件夹中即可，图片的命名随意。
• 添加图片:在想添加的位置写入!+[]+(图片名字.图片格式)

第二种

• 直接通过网络图片地址插入图片，格式：!+[图片名称] + (图片地址)。
• 例如：

第三种

• 相对引用
• 尽量在使用较少图片时使用
• 将文件放在 /source/images 文件夹下
• 使用 markdown 语法 !+[名字]+(地址（/images/1.jpg）) 可以实现图片显示
• 需要注意的是，这种引用在本地markdown 编辑器中会无法预览,因为相对路径不一致,找不到文件, 不过在首页内容和文章正文中都能正常显示,十分方便

如：

第四种

• 绝对引用
• 在站点配置文件 _config.yml
• 中配置指令 post_asset_folder: true
• 语法 !+[名字]+(md附属文件夹/1.jpg)
• 这样在每次新建文章的时候就会建立同名文件夹, 直接将相应的文章图片放在文件夹内使用。可以访问同名文件夹下图片资源,十分方便
• 需要注意的是，这种方法，总会莫名其妙的炸图

例如：

第五种

• 可以使用在线图床上传之后得到链接使用（建议是自己得图）
• 好用一点的图床是 [sm]sm.ms, 点击上传之后可以得到各种链接,十分方便, 最终给出的链接形式很多样，会有HTML , BBCode, Markdown , Link only , Removal Link (to delete the image)
• 需要注意的是，这种方法会使图片加载过慢

例如：

暂时更5种，其他使用插件的方法较多，较为类似