Skip to content

liolok/hexo-asset-link

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 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

About

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

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 5