Unable to render mermaid code properly

[FreemanKevin]

Issue Checklist

• I am using NexT version 8.0 or later.
• I have already read the Troubleshooting page of Hexo and Troubleshooting page of NexT.
• I have already searched for current issues, which does not help me.

Expected behavior

I just hope hexo + next can render my mermaid code here, just like it is rendered on github.

graph LR
    A[用户] --> |mvn install / package| B[maven]
    B --> C[nexus]
    C --> |查找依赖| D{判断}
    D -- 存在 --> E[直接返回给用户]
    D -- 不存在 --> F[找公网]
    F --> G[公共仓库]
    G --> H[maven中央仓库]
    G -.-> C
    C -.-> A

Loading

Actual behavior

it isn't working.

Steps to reproduce the behavior

npm install hexo-filter-mermaid-diagrams --save

graph LR
    A[用户] --> |mvn install / package| B[maven]
    B --> C[nexus]
    C --> |查找依赖| D{判断}
    D -- 存在 --> E[直接返回给用户]
    D -- 不存在 --> F[找公网]
    F --> G[公共仓库]
    G --> H[maven中央仓库]
    G -.-> C
    C -.-> A

Loading

Node.js and NPM Information

$ node -v && npm -v
v22.12.0
10.9.0

Package dependencies Information

$ npm ls --depth 0
[email protected] C:\Users\Devops\PycharmProjects\FreemanKevin.github.io
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
├── [email protected]
└── [email protected]

Hexo Configuration

# Hexo Configuration
## Docs: https://hexo.io/docs/configuration.html
## Source: https://github.com/hexojs/hexo/

# Site
title: Kevin's Notes
subtitle: 'Quick notes'
description: ''
keywords: ''
author: Freeman Kevin
language: zh-CN 
timezone: 'Asia/Shanghai'

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: https://freemankevin.uk
permalink: :year/:month/:day/:title/
permalink_defaults:
pretty_urls:
  trailing_index: true # Set to false to remove trailing 'index.html' from permalinks
  trailing_html: true # Set to false to remove trailing '.html' from permalinks

# Directory
source_dir: source
public_dir: public
tag_dir: tags
archive_dir: archives
category_dir: categories
code_dir: downloads/code
i18n_dir: :lang
skip_render:
  - README.md

# Writing
new_post_name: :title.md # File name of new posts
default_layout: post
titlecase: false # Transform title into titlecase
external_link:
  enable: true # Open external links in new tab
  field: site # Apply to the whole site
  exclude: ''
filename_case: 0
render_drafts: false
post_asset_folder: false
relative_link: false
future: true
syntax_highlighter: highlight.js
highlight:
  line_number: false 
  auto_detect: false
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  preprocess: true
  line_number: true
  tab_replace: ''

# Home page setting
# path: Root path for your blogs index page. (default = '')
# per_page: Posts displayed per page. (0 = disable pagination)
# order_by: Posts order. (Order by date descending by default)
index_generator:
  path: ''
  per_page: 10
  order_by: -date

# Category & Tag
default_category: uncategorized
category_map:
tag_map:

# Metadata elements
## https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meta
meta_generator: true

# Date / Time format
## Hexo uses Moment.js to parse and display date
## You can customize the date format as defined in
## http://momentjs.com/docs/#/displaying/format/
date_format: YYYY-MM-DD
time_format: HH:mm:ss
## updated_option supports 'mtime', 'date', 'empty'
updated_option: 'mtime'

# Pagination
## Set per_page to 0 to disable pagination
per_page: 10
pagination_dir: page

# Include / Exclude file(s)
## include:/exclude: options only apply to the 'source/' folder
include:
exclude:
ignore:

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
#theme: landscape
theme: next

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: [email protected]:FreemanKevin/FreemanKevin.github.io.git
  branch: gh-pages
  message: "Site updated: {{ now('YYYY-MM-DD HH:mm:ss') }}"

algolia:
  applicationID: 'O3AB73GDVU'
  apiKey: 'b3f1048d604fe9a6c9648855741c1e6d'
  indexName: 'freemankevin'
  chunkSize: 5000
  fields:
    - title
    - slug
    - content
    - excerpt
    - categories
    - tags

# plugins:
#   - hexo-generator-tag

feed:
  type: atom
  path: atom.xml
  limit: 20  # 可选：控制显示的文章数量

# Sitemap
sitemap:
  path: sitemap.xml
  rel: false
  tags: true
  categories: true

NexT Configuration

# Mermaid
mermaid:
  enable: true
  theme:
    light: default
    dark: dark

Other Information

No response