Skip to content

Hexo image rendering and markdown support

Hexo is a fast blogging framework that supports Markdown syntax for content creation.^[600-developer-blog-hexo-blog-update-hexo.md]

Image Rendering

By default, standard Hexo installations may encounter issues where images included in Markdown posts fail to appear on the generated site^[600-developer-blog-hexo-blog-update-hexo.md]. This visual discrepancy typically occurs because the default renderer does not process standard Markdown image syntax (![alt](src)) correctly relative to the post's asset folder^[600-developer-blog-hexo-blog-update-hexo.md].

Resolution

To fix broken images and ensure they render correctly, users must install the hexo-renderer-marked plugin^[600-developer-blog-hexo-blog-update-hexo.md]. This plugin replaces the default renderer and enables proper support for standard Markdown image tags^[600-developer-blog-hexo-blog-update-hexo.md].

Installation is performed via the command line:

$ npm install hexo-renderer-marked --save

^[600-developer-blog-hexo-blog-update-hexo.md]

  • [[Markdown]]
  • [[Static Site Generators]]
  • [[Web deployment]]

Sources

^[600-developer-blog-hexo-blog-update-hexo.md]