Skip to content

A Hexo plugin to convert Markdown style asset links to HTML style ones

License

Notifications You must be signed in to change notification settings

liolok/hexo-asset-link

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

41 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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