Welcome to the hexo-tag-cloud demo

2026-05-03

This live site demonstrates hexo-tag-cloud
v3.0.0. Look at the right sidebar — that animated 3-D ball of tag names is
generated by the plugin’s vendored TagCanvas
runtime, fed by a small bootstrap script that the plugin writes into
public/js/tagcloud.js during hexo generate.

What’s on this page

The plugin renders every tag that appears across every post of the
site. To exercise the v3.0.0 non-ASCII fix, this demo has posts with tags
in several scripts:

• ASCII-only (this post).
• CJK (Chinese, Japanese, Korean).
• Cyrillic.
• HTML-special characters.

Click into each post to see its individual tag list, then return here to
see all tags rendered together in the cloud.

How was the cloud installed?

The demo’s themes/landscape/layout/_partial/sidebar.ejs ships with a
managed block already in place:

1
2
3
4
5
6
7

<!-- hexo-tag-cloud BEGIN -->
<canvas id="resCanvas" width="250" height="250" style="margin: 0 auto;">
  ...
</canvas>
<script src="<%- url_for('/js/tagcanvas.js') %>"></script>
<script src="<%- url_for('/js/tagcloud.js') %>"></script>
<!-- hexo-tag-cloud END -->

For a real site you would let the AI-assisted installer write that block
for you:

1
2

npm install hexo-tag-cloud
npx hexo-tag-cloud install --apply

See the README for
the full installation flow.