美文网首页
hexo+github上传图片到博客

hexo+github上传图片到博客

作者: iOS收藏家 | 来源:发表于2018-03-17 18:46 被阅读2009次

    1、cd到博客根目录下 查看_config.yml文件 查找 post_asset_folder 字段确定post_asset_folder 设置为true -> post_asset_folder:true

    2、当您设置 post_asset_folder 参数后,在建立文件时,Hexo 会自动建立一个与文章同名的文件夹,您可以把与该文章相关的所有资源都放到此文件夹内,这样就可以更方便的使用资源。

    3、到博客的根目录下执行 npm install https://github.com/CodeFalling/hexo-asset-image --save 命令来进行插件的安装。

    4、然后创建一文章 hexo new "test" 然后查看博客的 ../source/_posts 目录下的文件,会看到存在一个test 文件夹 和 test.md 文件


    filePath.png

    5、将所需要的图片资源放到test 文件夹 内 目录结构如下:


    fileImagePath.png
    6、书写文章使用test文件内 的图片 imagePath.png

    7、使用hexo s 命令运行本地博客如图


    localShot.png
    8、使用hexo clean hexo g hexo deploy 将本地博客推送到远程,即可看到文章中的图片。

    ✅Done!

    相关文章

      网友评论

          本文标题:hexo+github上传图片到博客

          本文链接:https://www.haomeiwen.com/subject/degjqftx.html