技术派是如何代码高亮呢?
选中新版正文中的对应文字,然后点“定位到这里”。
大家好,我是二哥呀。今天给大家讲一个前端的知识点,如何给代码加高亮。这也是做代码展示必经之路,不熟悉前端的小伙伴可能会感觉比较陌生和神奇,这是怎么实现的呢?

这需要用到一个高亮代码的插件:highlight.js,在 GitHub 上已有 22k+ star,非常受欢迎。

- 支持 192 种编程语言,496 款主题
- 代码自动检测
- 0 依赖,轻量级
- 兼容任何 JS 框架
- 支持 Nodejs
接下来,一起来看一下技术派中是如何使用的。
第一步,通过下面的网址下载 highlight.js 的 CSS 和 JS 文件。
未能定位到原文的划线
已加入星球,可直接知识星球授权登录
二哥编程星球目前包含:
企业级Agent工作流编排项目PaiFlow
Vibe Coding版本的PaiAgent
派聪明RAG AI知识库Java版本+Go版本
微服务 PmHub、技术派、MYDB
求职派JobClaw(OpenClaw/Hermes架构
PaiCLI(类似Claude Code的Agent
派简历(代码已完成)
等实战项目。
企业级Agent工作流编排项目PaiFlow
Vibe Coding版本的PaiAgent
派聪明RAG AI知识库Java版本+Go版本
微服务 PmHub、技术派、MYDB
求职派JobClaw(OpenClaw/Hermes架构
PaiCLI(类似Claude Code的Agent
派简历(代码已完成)
等实战项目。
1. 微信扫右侧的优惠券加入知识星球
2. 解锁星球的实战项目教程和源码: 项目源码+教程获取
真诚点赞 诚不我欺
回复