source
文件夹中除了文章以外还可能需要引入其它文件,例如图片、CSS、JS 文件等。如果Hexo项目中只有少量图片,那最简单的方法就是将它们放在 source/images
文件夹中。然后通过类似于 ![](/images/image.jpg)
的方法访问它们。
如果需要更有规律地提供图片和其他资源以及想要将资源分布在各个文章上,可以通过将 config.yml
文件中的 post_asset_folder
选项设为 true
来打开。
|--------------------------------------------------------------------------------------|
| _config.ymlpost_asset_folder: true marked: prependRoot: true postAsset: true
|
安装插件hexo图片管理插件:npm i hexo-asset-image
启用后,资源图片将会被自动解析为其对应文章的路径。
例如: image.jpg
位置为 /2022/09/01/Hello world/image.jpg
,这表示它是 /2022/09/01/Hello world/
文章的一张资源图片, ![](image.jpg)
将会被解析为 <img src="/2022/09/01/Hello world/image.jpg">
。
当资源文件管理功能打开后,Hexo将会在每一次通过 hexo new [layout] <title>
命令创建新文章时自动创建一个同名文件夹。将所有与当前文章有关的资源放在这个关联文件夹中之后,之后可以通过相对路径来引用它们,这样就可以同时在Markdown编辑器和文章页中预览所需图片。