next-theme / hexo-theme-next

🎉 Elegant and powerful theme for Hexo.
https://theme-next.js.org
Other
2.31k stars 411 forks source link

代码高亮无法正常显示 #746

Closed Noah-Zhiyi-Lin closed 4 months ago

Noah-Zhiyi-Lin commented 4 months ago

Issue Checklist

Expected behavior

我希望代码块中的代码能够正常高亮显示。

Actual behavior

我已经按官方文档对站点配置文件和主题配置文件进行了设置,但是代码块中的代码始终无法正常高亮显示。 实际显示效果为: image 站点地址为:https://noah-zhiyi-lin.github.io

Steps to reproduce the behavior

按照官方文档,我对站点配置文件进行了如下设置:

highlight:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: false
  preprocess: true
  line_number: true
  tab_replace: ''

按照官方文档,我对主题配置文件进行了如下设置:

 theme:
   light: base16/tomorrow
   dark: base16/tomorrow-night
 prism:
   light: prism
   dark: prism-dark

此外,我在编写代码块时也加上了相应的语言标注: image 但依然无法实现代码的高亮显示。

Node.js and NPM Information

node version: v20.9.0
npm version: 10.1.0

Package dependencies Information

hexo-site@0.0.0 D:\Root_Server\Project\Blog
├── hexo-deployer-git@4.0.0
├── hexo-generator-archive@2.0.0
├── hexo-generator-category@2.0.0
├── hexo-generator-index@3.0.0
├── hexo-generator-tag@2.0.0
├── hexo-renderer-ejs@2.0.0
├── hexo-renderer-marked@6.2.0
├── hexo-renderer-stylus@3.0.0
├── hexo-server@3.0.0
├── hexo-theme-landscape@1.0.0
└── hexo@7.0.0

Hexo Configuration

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

# Site
title: Hexo
subtitle: ''
description: ''
keywords:
author: John Doe
language: en
timezone: ''

# URL
## Set your site url here. For example, if you use GitHub Page, set url as 'https://username.github.io/project'
url: http://example.com
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:

# 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:
  enable: true
  line_number: true
  auto_detect: true
  tab_replace: ''
  wrap: true
  hljs: false
prismjs:
  enable: false
  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: next

# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
  type: git
  repo: git@github.com:Noah-Zhiyi-Lin/Noah-Zhiyi-Lin.github.io.git
  branch: master

NexT Configuration

codeblock:
  # Code Highlight theme
  # All available themes: https://theme-next.js.org/highlight/
  theme:
    light: base16/tomorrow
    dark: base16/tomorrow-night
  prism:
    light: prism
    dark: prism-dark
  # Add copy button on codeblock
  copy_button:
    enable: true
    # Available values: default | flat | mac
    style:
  # Fold code block
  fold:
    enable: false
    height: 500

Other Information

操作系统:Windows 11 浏览器:Edge

welcome[bot] commented 4 months ago

Thanks for opening this issue, maintainers will get back to you as soon as possible!

stevenjoezhang commented 4 months ago

c++{.line-numbers} 里面的 {.line-numbers} 去掉

截屏2024-01-05 07 33 52 截屏2024-01-05 07 34 06
Noah-Zhiyi-Lin commented 4 months ago

c++{.line-numbers} 里面的 {.line-numbers} 去掉 截屏2024-01-05 07 33 52 截屏2024-01-05 07 34 06

按您的方法尝试了一下,确实解决了,谢谢。