Inserting images into Hexo posts with Typora

Hexo’s built-in asset mechanism is hard to use. This post shows how to painlessly insert images when editing Hexo posts with Typora.

Typora

In Preferences:

File structure:

hexo/
  source/
    _posts/
      some-post.md
      some-post/
        image.png

In some-post.md:

![alt](some-post/image.png)

Hexo

In hexo/_config.yml

post_asset_folder: true

In hexo root folder:

npm install --save hexo-asset-link

In node_modules/hexo-asset-link/index.js :

// strip domain
path_html = path_html.replace(path_html.split("/")[0], "");
// image path in rendered HTML:
// /YYYY/MM/DD/some-post/image.png

This will generate absolute paths for the images in rendered HTML (instead of relative path), which is useful when contents of a post are also displayed from the homepage (which lies in a different folder).