美文网首页
博客中添加图片的方法

博客中添加图片的方法

作者: all_151207 | 来源:发表于2018-03-24 17:05 被阅读28次

    1.安装插件

    npm install hexo-asset-image --save
    

    2.修改_config.yml中post_asset_folder: true

    ps:注意冒号后的空格

    3.创建博客:addpicture

    hexo new add-picture
    

    4.将图片(web.png)拖入“addpicture”文件夹中

    此时目录结构如下:

    blog
    |---source
    |-------_posts
    |-----------addpicture.md  //.md文件
    |-----------addpicture       //文件夹
    `---------------web.png      //图片文件
    

    5.编辑“addpicture.md”文件


    在需要的地方: web前端知识框架.png

    这是一张web学习路径图片!

    5.两中不同的方式添加图片

    方式1:[图片上传失败...(image-e8449b-1521882289029)] 这是方式1的方法;
    方式2: {% asset_img web.png 这是方式2的方法 %}
    

    参考资料:

    1.hexo发布博客引用图片的方法

    2.hexo官方资源文件夹

    相关文章

      网友评论

          本文标题:博客中添加图片的方法

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