美文网首页
在博客中插入图片

在博客中插入图片

作者: 半掩时光 | 来源:发表于2019-04-20 22:28 被阅读0次

    在写文章时,常常有配图说明的需求,Hexo有多种图片插入方式,可以将图片存放在本地引用或者将图片放在CDN上引用,通过此文总接一下在 hexo 搭建的博客中,插入图片的常用方式。

    src 链接

    如果你要插入的图片,是一个外部的 src 链接地址,比如该图片存放在 CDN 上,或某某图床上面,那就使用 Markdown 默认的插入图片的方式,方法和插入链接很像,只是前面多了一个感叹号,如下:

    ![alt](https://ws3.sinaimg.cn/large/005BYqpgly1g29eohl7qhj31c00u0dkz.jpg)
    

    本地绝对路径

    当 Hexo 项目中只用到少量图片时,可以将图片统一放在 source/images 文件夹中,通过 Markdown 语法访问它们。

    ![alt](/images/test.jpg)
    

    本地相对路径

    图片除了可以放在统一的 images 文件夹中,还可以放在文章自己的目录中,文章的目录可以通过配置 _config.yml 来生成。配置如下:

    post_asset_folder: true
    

    _config.yml 文件中的配置项 post_asset_folder 设为 true 后,执行命令 $ hexo new post_name,在 source/_posts 中会生成文章 post_name.md 和同名文件夹 post_name 。将图片资源放在 post_name 中,文章就可以使用相对路径引用图片资源了。

    ![alt](test.jpg)
    

    Base64 格式

    最后补充一种在 Markdown 中插入Base64 格式图片的方法,和第一种插入外链的方式类似,注意是圆括号 (),而不是方括号 []

    ![alt](data:image/jpeg;base64,/9...)
    

    参考链接及工具

    相关文章

      网友评论

          本文标题:在博客中插入图片

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