Hexo-theme-NexT主题语法高亮

最新推荐文章于 2025-05-23 21:26:37 发布

vhgcc

最新推荐文章于 2025-05-23 21:26:37 发布

阅读量1.8k

点赞数 1

CC 4.0 BY-SA版权

文章标签： hexo next

本文链接：https://blog.youkuaiyun.com/qq_37939786/article/details/89513094

本文介绍如何在NexT主题中设置tomorrow-theme语法高亮模块，包括配置highlight_theme参数及克隆相关repo至指定目录的方法，同时提及了代码高亮效果的不足与替代方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

目前NexT主题最新版本中已经集成了tomorrow-theme语法高亮模块儿，并且内置五种风格，下面是主题配置文件相关部分：

# Code Highlight theme
# Available values: normal | night | night eighties | night blue | night bright
# https://github.com/chriskempson/tomorrow-theme
highlight_theme: night eighties

若发现设置后没有效果，需要将上述提到的repo克隆到themes/next/sources/lib文件夹下即可。

显示效果实图：

此版本代码高亮不是很好用也不是很好看，动手能强可以换用Google出品的code-prettify 。

更多相关：UFAN0

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

vhgcc

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

hexo代码高亮

闰土月下追猹

11-27

1823

开启代码高亮配置文件中有开启代码高亮的配置项写法关于语言类型怎么写？ hexo中markdown语法高亮使用的是highlight.js，可以参考highlight.js文档 ???????????????????????????????????????????????????????????????????????????????????????????????????????????? 1C 1c ABNF abnf Access logs accesslog Ada

hexo html代码高亮,Hexo 代码高亮

weixin_28697921的博客

06-09

712

Hexo 对 highlight.js 与 prismjs_blank 两种代码高亮库提供内建支持。本篇教程将展示如何将 Hexo 的内建语法高亮组件整合至你的模板中。如何在文章中插入代码块Hexo 支持两种代码块写法——代码块标签插件和反引号代码块标签插件：{% codeblock [title] [lang:language] [url] [link text] [additional opt...

参与评论您还未登录，请先登录后发表或查看评论

【Hexo】3.主题

热门推荐

qq_37828104的博客

05-16

9万+

整理网上的 Next 优化方法，外加写一份文章感觉博客还行，不再羡慕别人的主题了特效全开，跟开了吃鸡一样，电脑呼呼的看了下建站时间，花了 23 天整，为了一个工具，感觉血亏

Hexo博客主题安装及Next主题个性化修改

weixin_43998150的博客

12-06

7311

原文链接https://www.lixint.me/hexo-theme-diy.html 欢迎加入博客搭建交流群（QQ群号60429576）&gt;点击加入&lt; 写在最前面： 1.在修改时请注意博客配置文件与主题配置文件的区别：博客配置文件是指博客根目录下的_config.yml文件，主题配置文件是指/themes/主题名/路径下的_config.yml文件，例如我使用的主题为next主题...

Solitude丨一款优雅的 Hexo 主题

宁静致远 - 享受生活

02-05

988

Solitude丨一款优雅的 Hexo 主题，介绍如何 hexo-theme-solitude 的特点，并给出了官方文档地址，展示了主题的前端样式。

Hexo Next主题的安装与使用教程

3. 下载`hexo-theme-next-5.1.3.zip`压缩包并解压到`themes`目录下，使主题文件夹包含在其中。安装完成后，你需要在Hexo站点的配置文件`_config.yml`中指定当前主题为你刚安装的`next`： ```yaml theme: next ```...

NexT主题：打造多外观Hexo博客的优雅开源方案

其中，“iissnan”可能是指贡献者的名字，“hexo-theme-next”明确指出这是针对Hexo框架的NexT主题，“4f75fe5”则可能是版本号、提交哈希或标识符。总结来说，NexT主题是一个为Hexo框架定制的开源博客主题，它以...

一招解决hexo中代码高亮问题-2021-11-15

dm900work的博客

11-15

4644

一招解决hexo中mater主题代码高亮问题在使用hexo搭建个人博客的过程中，你也许会遇到代码高亮的问题，比如这样的： ①代码框长度根据代码的长度决定还有这样的： ②代码长度过长，但是会直接显示在一行，这个是因为没有添加代码类型。写代码的时候记得添加代码类型即可。或许也有这样的：更有这样的，帖子的代码块中会出现{或者}转义字符。这是导致你的json等需要大括号的代码不能正常显示大括号“{}”。如下图：图片右边其实已经给出官方解决方案。等等问题。其实解

Hexo高级教程之代码高亮

Jamling的专栏

07-22

2万+

Hexo高亮hexo已实现代码高亮，代码封装在hexo-util插件中，使用的是hightlight.js，通过include_codetag标签来使用，功能已经很强大了，而且自带行号显示，可以满足大多数博主的需求了。但是它仍然存在一些局限性，比如在Nova主题中，有些语言不支持，无法高亮，而且界面也比较丑，所以个人还是倾向于自由使用hightlight.js来高亮代码，使用起来比较灵活，还能扩展一

设置Hexo代码高亮

DonLex 的博客

09-14

8393

使用标签 <pre><code> 代码 </code></pre> 使用代码块的语法 { % codeblock [lang:language] [title] [url] [link text] %}code snippet{% endcodeblock %} 还是使用第一种方法，但是需要注明语言具体可以参考：...

Hexo-Next实用主题优化

小小一只程序员的博客

08-08

2299

本文介绍hexo博客中Next主题的主要优化方式

Hexo Theme NexT 主题个性化配置最佳实践

因特马

07-29

3645

一般情况下，当我们在使用 Hexo 的 NexT 主题时，都希望把博客改造成自己喜欢的风格。NexT 主题经过不断的迭代积累，目前提供了非常丰富的配置来满足使用者的个性化需求。经过一段时间的摸索，我总结了一些有关 NexT 主题配置的最佳实践方案，能够优雅的对博客进行个性化改造及持续升级。核心思想就是，使用官方的推荐的方式配置主题，多挖掘博客自带的功能，尽可能少得修改源码。下面分享我的做法。版...

Hexo next主题搭建静态博客埋坑记录

雨季莫忧离的博客

09-10

3959

一直想着在github上建一个自己的博客网站，刚好这个周末有空就开始实施了，经过两天努力博客终于是建好了，也达到了想要的效果，但是其中一系列的坑让人不舒服，为此专门记录下来给那些需要的人一些参考。首先关于如何建站参考以下几篇文章： 1、手把手教你建github技术博客 2、如何在 GitHub 上写博客？ 3、手把手教你用Hexo+Github 搭建属于自己的博客 1、文章左侧的目录如何弄

Hexo博客优化之Next主题美化

huangpiao

01-26

5万+

前言有了前面几篇博客的介绍，我们就可以很容易的搭建并编辑我们的博客了，不过既然是属于自己的博客网站，自然也就想让其更加美观，更有意思，所以呢我下面介绍一下Hexo博客的主题美化操作。 1. Next主题 Hexo博客支持很多主题风格，其中Next主题是Github上Star最多的主题，其一直在更新维护，支持非常多的外部插件和功能选项。我目前使用的是Next6.0版本，下面我会介绍基于Ne...

NexT的主题设定与配置

BLUEHEART

02-23

6967

本篇文章将介绍NexT的主题设定与配置在Hexo 中有两份主要的配置文件，其名称都是_config.yml。其中，一份位于站点根目录下，主要包含 Hexo本身的配置；另一份位于主题目录下，这份配置由主题作者提供，主要用于配置主题相关的选项。我们约定，将前者称为站点配置文件，后者称为主题配置文件主题设定选择 Scheme Scheme 是 NexT提供的一种...