2022gitee解决hexo图片显示问题,可用

本文介绍了如何在Hexo中正确使用<img>标签插入图片,包括安装hexo-asset-image插件、配置post_asset_folder、设置图片路径及自定义属性,解决图片显示问题。同时,提到了官方文档中的不同img标签选项和常见设置。
摘要由CSDN通过智能技术生成

1.这是官方文档上的,重要的就是用img标签而不是用markdown默认的那个感叹号

<img src="start/image-20220316192325131.png">

就像这样,我的文件名叫start,存储图像的文件夹名也命名为start

2.npm install https://github.com/7ym0n/hexo-asset-image --save 这个插件我也装了,但是因为我是先装了插件再按照文档尝试用img标签,所以我不知道我可以显示出图片和装了这个插件有没有直接联系(ps:我放的这个插件据说是改过bug的插件,如果img标签不行的话,就装这个插件死马当活马医一下)

3.还有要把 _config.yml 里面的 post_asset_folder: true 像我这样设置为true,这样设置的目的是每次创建新文章时,hexo new xxx,会自动生成一个名字叫xxx的文件夹

4.url 和 root我都没改过,root我直接hexo init的时候就没有。url是默认的 url: http://example.com

5.另外typora里可以这样设置。复制的时候就会自动到和文件同名的文件夹

下面是官方文档供参考

Embed image

hexo-renderer-marked 3.1.0+ can (optionally) resolves the post’s path of an image automatically, refer to this section on how to enable it.

“foo.jpg” is located at http://example.com/2020/01/02/hello/foo.jpg.

Default (no option)

{% asset_img foo.jpg %}

<img src="/2020/01/02/hello/foo.jpg">

Custom class

{% asset_img post-image foo.jpg %}

<img src="/2020/01/02/hello/foo.jpg" class="post-image">

Display size

{% asset_img foo.jpg 500 400 %}

<img src="/2020/01/02/hello/foo.jpg" width="500" height="400">

Title & Alt

{% asset_img logo.svg "lorem ipsum'dolor'" %}

<img src="/2020/01/02/hello/foo.jpg" title="lorem ipsum" alt="dolor">
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值