Skip to content
A Hexo plugin to convert Markdown style asset links to HTML style ones
JavaScript
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.

Files

Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.gitignore
LICENSE
README.md
index.js update post asset folder name parsing logic Dec 10, 2019
package-lock.json
package.json

README.md

hexo-asset-link NPM version

Convert Markdown style asset links to HTML style ones.

Install

In Hexo blog instance directory:

$ npm i -s hexo-asset-link

or if you prefer yarn:

$ yarn add hexo-asset-link

Config

Find (not add) and enable Post Asset Folders feature in _config.yml:

# Writing
...
post_asset_folder: true
...

Usage

For example, if you have these files in source/_post/:

+-- _posts/
|   +-- 2019-02-14-Test-Post.md
|   +-- 2019-02-14-Test-Post/
|       +-- Test-Image.png
|       +-- Test-Other-File.pdf

Then in 2019-02-14-Test-Post.md:

Images

![Alt Text](./2019-02-14-Test-Post/Test-Image.png "Title Text")
![Alt Text](2019-02-14-Test-Post/Test-Image.png "Title Text")

Other Files

[Text](./2019-02-14-Test-Post/Test-Other-File.pdf)
[Text](2019-02-14-Test-Post/Test-Other-File.pdf)

After this we'll get the right asset path result in:

  • Blog home page of hexo server preview;
  • Blog post page of hexo server preview;
  • Blog home page of online website;
  • Blog post page of online website;
  • Markdown preview of editors like VS Code.

Now shall we just have fun writing!

Reference

You can’t perform that action at this time.