hexo代码高亮

最新推荐文章于 2023-10-10 10:42:16 发布
最新推荐文章于 2023-10-10 10:42:16 发布
阅读量1.6k 收藏 1
点赞数 1
分类专栏： 其他 文章标签： hexo markdown
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_36237810/article/details/110238725
版权
本文介绍了如何在Hexo博客中开启代码高亮，包括配置文件中的相关设置和代码块的语言类型写法。参考highlight.js文档，实现Markdown中的语法高亮。
摘要由CSDN通过智能技术生成
开启代码高亮

配置文件中有开启代码高亮的配置项

写法

关于语言类型怎么写？

hexo中markdown语法高亮使用的是highlight.js，可以参考highlight.js文档

🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶🐶

1C 1c
ABNF abnf
Access logs accesslog
Ada ada
ARM assembler armasm, arm
AVR assembler avrasm
ActionScript actionscript, as
Apache apache, apacheconf
AppleScript applescript, osascript
AsciiDoc asciidoc, adoc
AspectJ aspectj
AutoHotkey autohotkey
AutoIt autoit
Awk awk, mawk, nawk, gawk
Axapta axapta
B
最低0.47元/天 解锁文章
闰土月下追猹
关注
专栏目录
Hexo高级教程之代码高亮
Jamling的专栏
07-22 2万+
Hexo高亮hexo已实现代码高亮，代码封装在hexo-util插件中，使用的是hightlight.js，通过include_codetag标签来使用，功能已经很强大了，而且自带行号显示，可以满足大多数博主的需求了。但是它仍然存在一些局限性，比如在Nova主题中，有些语言不支持，无法高亮，而且界面也比较丑，所以个人还是倾向于自由使用hightlight.js来高亮代码，使用起来比较灵活，还能扩展一
hexo html代码高亮,Hexo 代码高亮
weixin_28697921的博客
06-09 631
Hexo 对 highlight.js 与 prismjs_blank 两种代码高亮库提供内建支持。本篇教程将展示如何将 Hexo 的内建语法高亮组件整合至你的模板中。如何在文章中插入代码块Hexo 支持两种代码块写法——代码块标签插件和反引号代码块标签插件：{% codeblock [title] [lang:language] [url] [link text] [additional opt...
hexo html代码高亮,Hexo高级教程之代码高亮
weixin_35642839的博客
06-09 527
8种机械键盘轴体对比本人程序员，要买一个写代码的键盘，请问红轴和茶轴怎么选？Hexo高亮hexo已实现代码高亮，代码封装在hexo-util插件中，使用的是highlight.js，通过include_codetag标签来使用，功能已经很强大了，而且自带行号显示，可以满足大多数博主的需求了。但是它仍然存在一些局限性，比如在Nova主题中，有些语言不支持，无法高亮，而且接口也比较丑，所以个人还是倾...
hexo博客代码高亮{显示异常修复
最新发布
google20的博客
10-10 336
找到hexo-prism-plugin\src\index.js。把上面这段改成下面这段。
设置Hexo代码高亮
DonLex 的博客
09-14 8332
使用标签        <pre><code> 代码 </code></pre> 使用代码块的语法    { % codeblock [lang:language] [title] [url] [link text] %}code snippet{% endcodeblock %}  还是使用第一种方法，但是需要注明语言   具体可以参考：...
hexo html代码高亮,使用 prismjs 自定义 Hexo 代码高亮
weixin_39783512的博客
06-09 991
一直就想优化一下 Hexo 的代码高亮部分来着，对 ts、tsx 部分的支持一直不太好；也许直接更新 Next 就能直接解决，但博客部分已经魔改了不少，本着这个原则就继续魔改下去好了。本站是在 Next 5 的基础上建成的，不过本文内容与 Next 5 的关系不大重写代码块的 render我使用了 hexo-renderer-marked 插件，这个插件的作用就是将 Markdown 文件渲染成 ...
hexo博客butterfly主题美化
LZH-z
07-28 3896
博客代码展示 代码高亮样式 Butterfly 支持6种代码高亮样式： default darker pale night light ocean mac 只需要配置主题配置文件(配置butterfly.yml) 找到这一行highlight_theme: light然后进行将light更换成你喜欢的代码高亮格式就可以了，个人喜欢mac，样式如下: 代码展开和关闭 官方一共支持，这3中样式， true 全部代码框不展开，需点击>打開 false 代码框展开，有>点击按钮 none 不展
一招解决hexo中代码高亮问题-2021-11-15
dm900work的博客
11-15 4203
一招解决hexo中mater主题代码高亮问题 在使用hexo搭建个人博客的过程中，你也许会遇到代码高亮的问题，比如这样的： ①代码框长度根据代码的长度决定 还有这样的： ②代码长度过长，但是会直接显示在一行，这个是因为没有添加代码类型。写代码的时候记得添加代码类型即可。 或许也有这样的： 更有这样的，帖子的代码块中会出现{或者}转义字符。这是导致你的json等需要大括号的代码不能正常显示大括号“{}”。如下图：图片右边其实已经给出官方解决方案。 等等问题。 其实解
Hexo-theme-NexT主题语法高亮
vhgcc的博客
04-25 1739
目前NexT主题最新版本中已经集成了tomorrow-theme语法高亮模块儿，并且内置五种风格，下面是主题配置文件相关部分： # Code Highlight theme # Available values: normal | night | night eighties | night blue | night bright # https://github.com/chriskempson...
个人博客搭建笔记----hexo主题代码高亮
zem
02-21 2945
我在之前的博客中自己搭建了一个hexo主题simp，在文章添加中，默认文章里面代码是没有特定样式的，就如下面 如果我们要添加样式，可以通过引入highlight.js来修改样式 在代码中添加这两行 <link href="https://cdn.bootcss.com/highlight.js/8.0/styles/monokai_sublime.min.css" rel="stylesh...
typora+hexo设置文字高亮
weixin_45579788的博客
07-03 661
typora高亮文字无法在github博文上显示的解决方案
适用于hexo的Markdown语法
NOT_TODAY1的博客
02-05 1831
标题 # 一级标题 ## 二级标题 ## 二级标题 ### 三级标题 #### 四级标题 ##### 五级标题 ###### 六级标题 文本样式 内容强调 斜体文本 字体斜体显示 *斜体文本* _斜体文本* 加粗文本 字体加粗显示 **加粗文本** __加粗文本__ 加粗并斜体 字体***加粗并斜体***显示 ***加粗并斜体文本*** ___加粗并斜体文本___ *__加粗并斜体文本__* 删除线 删除一段文本：一段文本 ~~删除文本~~ 高亮 高亮 <
hexo markdown highlight.js 代码高亮失效问题记录
mytac的博客
03-02 2277
问题描述 按照hexo文档配置 highlight: enable: true auto_detect: false line_number: true tab_replace: ' ' wrap: true hljs: false prismjs: enable: false 以ssr形式中直接渲染发现无效，改成csr渲染就行。在模板文件中添加 <link rel="stylesheet" href="//cdn.bootcss.com/highlight.js/9.
最新hexo+github搭建个人博客详细教程（二）——关于博客的美化
liybox博客
08-10 838
关于博客的美化前言Next的安装配置Next的一般配置添加博客自定义图标修改作者头像并旋转主页文章添加阴影效果在网站底部加上访问量实现统计功能点击爆炸效果添加动态背景修改标签样式文章结束标志设置博客底部布局设置RSS订阅其他功能 前言 你好！ 如果你打开这篇文章说明你的博客已经搭建完成，并且爱折腾的你开始走上了美化的道路，首先说明的是本教程是针对Next主题所写，别的主题可能会出现问题。 本人公众...
在Ghost博客 中使用 highlight.js 实现 代码高亮
Poppin_Category的博客
01-03 3459
谢谢搭建好Ghost后，默认并不会对页面中的代码作其他处理，并不能直观地显示出代码结构，我们可以通过highlight.js的帮助实现代码高亮。 ==此教程非常简易明了，助你在CentOS轻松用上highlight.js==顺手贴上highlight.js的介绍: –支持 71种编程语言的语法解析
hexo solar主题 + github搭建个人博客(三)----博客管理、代码高亮、相册设置
JingLisen的博客
01-23 1076
个人博客：小景哥哥 1. 博客管理插件 hexo-admin 是一个图形化博客管理插件，搭建和使用都特别简单。 安装hexo-admin: npm install --save hexo-admin 使用hexo-admin: hexo server -d hexo启动之后，在浏览器输入http://localhost:4000/admin/即可，之前使用命令行创建page，现在可以直...
【极客日常】hexo+NexT博客自定义代码高亮主题配色CSS
HiKariのTechLab
10-07 2386
用hexo+NexT搭建博客的同学或许会遇到一个问题：默认的代码配色只有Tomorrow Theme五种，如果想要自己的代码配色，应当如何自定义呢？ 其实也是可以的。在NexT的source/css/highlight/theme.styl中，我们就可以看到几种主题的具体配色： $highlight_theme = hexo-config("highlight_theme") if $highl...
Hexo高级教程之主题开发
热门推荐
Jamling的专栏
07-21 1万+
引言有感于hexo高级教程实在太少，当初本人在开发Nova主题时，曾遇到过不少坑，为填这些坑，较为深入地学习了hexo源码，又自学了不少node.js知识，才总算将这些坑基本填完。本着人人为我，我为人人的分享精神，特开一hexo高级教程专题，希望广大hexo爱好者拍砖~本系列的定位为高级教程，所以要求读者具备以下知识或技能： 前端技术：前端基础知识不用说了，必须要具备的比如HTML，CSS，Java
编写hexo主题，具体代码
06-01
以下是一个简单的 Hexo 主题示例，供参考： 1. 创建主题目录 在 Hexo 的根目录下创建一个名为 `my-theme` 的目录，用来存放主题相关的文件。 2. 创建主题文件 在 `my-theme` 目录下创建以下文件： - `layout/_...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值