AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

highlight.js代码高亮显示插件

2021-09-16 601
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： highlight.js代码高亮显示插件

​
地址：highlight.js

进去下载common就够用了，下载完了解压如下图：
​​image.png

新建html，如下引用：




上面引入的CSS名称就是截图中styles中的css，具体样式示例可以参考：https://highlightjs.org/static/demo/

然后把代码放在

代码段落

示例：
image.png

END.

​

文章标签：
前端开发
关键词：
JavaScript插件
JavaScript代码高亮
nobt
目录
相关文章
卓伊凡
|
1月前
|
人工智能 JavaScript 关系型数据库
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
卓伊凡
97 14
【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
游客dng4gjyb342he
|
3月前
|
JavaScript 容器
带方向感知功能的js图片遮罩层插件
带方向感知功能的js图片遮罩层插件
游客dng4gjyb342he
73 20
哈你真皮
|
3月前
|
JavaScript 前端开发
基于SVG的js圆形菜单插件
这是一款基于SVG的js圆形菜单插件。该js圆形菜单插件可以生成漂亮的圆形菜单效果，支持二级菜单，支持使用鼠标滚动切换菜单
哈你真皮
78 16
游客dng4gjyb342he
|
3月前
|
JavaScript
时尚简洁的js轮播图特效插件
这是一款时尚简洁的js轮播图特效插件。该轮播图采用es6语法制作，底部带缩略图和描述信息。图片和描述信息在切换时同步滑动。
游客dng4gjyb342he
70 8
哈你真皮
|
3月前
|
JavaScript 前端开发 异构计算
兼容移动手机的js拖拽插件Draggin.js
兼容移动手机的js拖拽插件Draggin.js
哈你真皮
92 1
疯狂的猿
|
4月前
|
Web App开发 JavaScript iOS开发
JS弹出式QQ在线客服插件
JS弹出式QQ在线客服插件
疯狂的猿
53 6
哈你真皮
|
4月前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件，可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
哈你真皮
74 5
疯狂的猿
|
4月前
|
JavaScript 前端开发
javascript开发的简单的弹幕插件
这是一个原生javascript开发的简单的弹幕插件，具有美观、易用，占用的资源较低等特点，可以给弹幕设置内容、颜色、头像、链接地址等属性，鼠标悬停等，简单实用，欢迎下载！
疯狂的猿
59 5
游客dng4gjyb342he
|
4月前
|
Web App开发 JavaScript 前端开发
高性能的纯Js滚动条美化插件smooth-scrollbar
smooth-scrollbar是一款高性能的纯JavaScript滚动条美化插件。该滚动条为现代浏览器而制作，它具有高性能，自由配置，平滑滚动等特点，支持各种现代桌面浏览器和手机设备。
游客dng4gjyb342he
164 0
疯狂的猿
|
4月前
|
JavaScript 定位技术
jQuery鹰眼视图小地图定位预览插件minimap.js
这是一个jQuery小地图定位预览视图，默认左侧是页面主要内容，minimap.js的好处就是在它的右侧形成一个快速定位通道，产生一个缩小版的页面，即预览效果，可以点击并快速定位到页面的某个位置。简单实用，欢迎下载！
疯狂的猿
59 0

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时，我能答出来的都在这里了。
  • 2
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
  • 3
    三句话生成 P5.js 粒子特效代码，人人都可以做交互式数字艺术
  • 4
    有没有方法可以保证在JavaScript中多个异步操作的执行顺序？
  • 5
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
  • 6
    如何在React.js中使用Shadcn/UI
  • 7
    多种脚本批量下载 Docker 镜像：Shell、PowerShell、Node.js 和 C#
  • 8
    40个JS常用使用技巧案例
  • 9
    【JavaScript】深入理解 let、var 和 const
  • 10
    【02】仿站技术之python技术，看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载（简单）-ios苹果plist下载（稍微麻烦一丢丢）-优雅草卓伊凡
  • 1
    Node.js连接池配置的五个隐形陷阱与防御体系：从创业公司血泪史说起
    26
  • 2
    Javascript常见算法详解
    46
  • 3
    【01】对APP进行语言包功能开发-APP自动识别地区ip后分配对应的语言功能复杂吗？-成熟app项目语言包功能定制开发-前端以uniapp-基于vue.js后端以laravel基于php为例项目实战-优雅草卓伊凡
    102
  • 4
    关于JavaScript性能问题的误解
    18
  • 5
    JavaScript基础——JavaScript变量名称命名规范
    34
  • 6
    如何在React.js中使用Shadcn/UI
    80
  • 7
    多种脚本批量下载 Docker 镜像：Shell、PowerShell、Node.js 和 C#
    78
  • 8
    三句话生成 P5.js 粒子特效代码，人人都可以做交互式数字艺术
    97
  • 9
    打造动态数据可视化：JavaScript与AI的完美结合
    22
  • 10
    探索JavaScript网页设计的无限可能：从基础到AI集成
    17

    • 相关课程

    更多
  • JavaScript入门与实战
  • JavaScript 自学手册文档教程
  • Node.js 入门教程文档
  • CSS 快速掌握
  • jQuery开发教程
  • Vue.js 入门与实战

    • 相关电子书

    更多
  • JavaScript异步编程
  • Delivering Javascript to World
  • 编程语言如何演化-以JS的private为例

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
  • Html5和Webpack2：Webpack5打包JS和样式表
  • 前端开发基础6：Node.js和LESS预编译工具
  • CSS基础教程
  • 搭建Node.js编程环境
    • 下一篇
    通义万相2.1视频/图像模型新升级！可在阿里云百炼直接体验