在文章中添加图片

Johnson 小试牛刀
  2021-05-07 14:27:50 2021-05-07 14:27 创建时间   2021-05-12 14:58:11 2021-05-12 14:58 更新时间      235 字  1 分钟  

这是通过 hexo new TestPage 命令所创建的一篇文章，存放在source目录下的_posts.

贴张图片测试一下能不能成功显示出来：👇

测试图片

若图片显示不出来，则在站点根目录下安装插件

1
npm install https://github.com/CodeFalling/hexo-asset-image --save

修改站点配置文件

1
2
3
4
post_asset_folder: true
marked:
  prependRoot: true
  postAsset: true

这样在创建文章时，会同样生成一个同名文件夹

实例

由于hexo生成的是.md文件，所以下载Typora进行文本编辑是一个很好的选择。从typora左上角的文件->偏好设置->图像里，在插入图片时那里改成复制到指定路径，并勾选上前三项

image-20210507150259312

当把图片复制到xxx文章后，图片会自动变为 ![](xxx/图片名.图片类型)，最后把xxx/去掉即可。

(第一次测试时去掉xxx/是可行的，后面又不行，因此重新加回xxx/)

  • 本文标题：在文章中添加图片
  • 本文作者：Johnson
  • 创建时间：2021-05-07 14:27:50
  • 本文链接：https://iconson.top/TestPage/
  • 版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
 评论
此页目录
在文章中添加图片