在博客中插入图片和文件
⚠️ 写在前面:文件名中不要包含中文和空格,这是避免出错的关键。
下载插件
首先,下载 hexo-asset-img 插件。在 Terminal 中输入以下命令:
1 | npm install hexo-asset-img --save |
下载成功后,你可以在node_modules文件夹中找到名为hexo-asset-img的文件夹。
开启每篇文章单独的存放图片/文件的文件夹
在博客的根目录下,找到并编辑_config.yml文件,找到post_asset_folder,将其值从false改为ture
如下所示:
1 | post_asset_folder: true |
这样,每次使用 hexo n "文章的名字" 创建新文章时,source/_posts 目录下会自动生成一个与文章同名的文件夹,你可以将这篇文章需要引用的图片或文件放入该文件夹中。
插入图片
⚠️ 图片文件名请勿使用中文或空格,绝大多数问题都源于此。
这篇文章的文件名为“在博客中插入图片和文件”,_posts下会自动生成一个叫“在博客中插入图片和文件”的文件夹。
我已将图片BreakingNews.jpg放入文件夹中,接下来在文章中引用这张图片。
1 |  |
[ ]内为图片注释,可以写任意文字,()内为图片文件名。请注意图片的格式,若图片为 .png 格式,需写成 *.png。
插入文件
与插入图片同理
我们在文件夹里存在一个名为Nothing.zip的文件,然后引用它:
什么都没有
1 | [什么都没有](Nothing.zip) |
读者可以通过点击超链接跳转到文件下载
[]内为超链接的文字,可以使用中文,()内为文件名。
当然就算完全按照上面的指示操作,还是会出现问题。推荐这个时候出门走走或者去泡杯茶,消消气再回来看看文件名有没有写错,有没有放在正确的位置……还有个好办法是问问chatgpt老师……