使用vue的都知道官网的代码块效果:
下面是我们实现了这个功能:
使用highlight.js就可以实现
官网: highlight.js
下载插件后,在main.ts文件中引入:
在文件中:
引入hljs,在onMounted回调中使用,希望使用什么主题就引入什么主题的css,
创建topic和pre这两个需要的,
因为上面js已经获取了,
pre标签是必须
然后设置一下样式
最终结果:
vue3项目使用highlight.js插件实现了代码块
news2024/11/20 13:43:54
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1124211.html
如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！相关文章
✔ ★【备战实习（面经+项目+算法）】 10.22学习时间表（算法刷题：4道）
✔ ★【备战实习（面经项目算法）】 坚持完成每天必做如何找到好工作1. 科学的学习方法（专注！效率！记忆！心流！）2. 每天认真完成必做项，踏实学习技术 认真完成每天必做&…
如何远程访问Linux本地WBO白板实现随时随地创作？
[TOC]如何远程访问Linux本地WBO白板实现随时随地创作？)
前言
WBO在线协作白板是一个自由和开源的在线协作白板，允许多个用户同时在一个虚拟的大型白板上画图。该白板对所有线上用户实时更新，并且状态始终保持。它可以用于许多不同的目的&am…
基于Python的淘宝商品API接口
淘宝API接口是一个丰富的接口库，提供了各种各样的接口供开发者使用。满足多语言开发。以下是一些常见的淘宝API接口及其代码示例。
1. 搜索商品API接口 该API提供了关键字搜索淘宝商品的功能，可以使用各种编程语言来访问。以下代码段展示了使用Python来…
程序包org.apache.ibatis.mapping不存在 符号找不到
找不到符号 符号: 类 Cursor和程序包org.apache.ibatis.mapping不存在
在idea中没有错误，但是在linux编辑时报了这两个错误，之前有遇见过符号找不到的问题，
当时的问题是编译的import xxx.xxx.xxx.* 识别不成功过，将*改为…
TX Text Control.NET For WPF 32.0 Crack
TX Text Control 支持VISUAL STUDIO 2022、.NET 5 和 .NET 6 支持 .NET WPF 应用程序的文档处理 将文档编辑、创建和 PDF 生成添加到您的 WPF 应用程序中。 视窗用户界面 功能齐全的文档编辑器 TX Text Control 是一款完全可编程的丰富编辑控件，它在专为 Visual Stu…
IS200TPR0S1CBB IS215VCMIH2C BJRL-20012-110001
IS200TPR0S1CBB IS215VCMIH2C BJRL-20012-110001
随着NVIDIA Jetson AGX Orin开发套件的发布，AAEON很高兴能够利用这种强大的模块上系统(SOM)为自己的产品线带来的诸多优势。与NVIDIA Jetson AGX Xavier具有相同的外形和引脚兼容性，但从32 TOPS提高到…
CVPR2023优秀论文 | AIGC伪造图像鉴别算法泛化性缺失问题分析
作者 | 搜索内容技术部 导读 深度伪造检测算法无法检出未知伪造算法生成的攻击数据。以往算法采取手动建模伪造特征的方式提升模型泛化性，然而这种方式限制了算法可行域，影响了模型泛化性进一步提升，同时这类方法参数量巨大，无法满…
代码随想录 Day26贪心算法01-上
目录 前言:贪心无套路
本质:
两个极端 贪心的小例子
贪心无套路!!!
LeetCode T455 分发饼干
题目思路:
1.优先考虑胃口:大饼干喂饱大胃口
2.优先考虑饼干:小饼干先喂饱小胃口 前言:贪心无套路 本质: 局部最优去推导全局最优 两个极端 贪心算法的难度一般要么特别简单,要…
新增用户登录和资产登录通知功能，支持指定目录运行作业中心命令，JumpServer堡垒机v3.8.0发布
2023年10月23日，JumpServer开源堡垒机正式发布v3.8.0版本。在这一版本中，JumpServer在“用户登录”和“资产登录”这两个权限控制功能中，新增“通知”动作。目前其支持的动作包括拒绝、接受、审批以及通知四种动作，方便了管理员针…
栩栩如生,音色克隆,Bert-vits2文字转语音打造鬼畜视频实践(Python3.10)
诸公可知目前最牛逼的TTS免费开源项目是哪一个？没错，是Bert-vits2，没有之一。它是在本来已经极其强大的Vits项目中融入了Bert大模型，基本上解决了VITS的语气韵律问题，在效果非常出色的情况下训练的成本开销普通人也完全…
【Proteus仿真】【STM32单片机】自动饲养控制系统
文章目录 一、功能简介二、软件设计三、实验现象联系作者 一、功能简介
本项目使用Proteus8仿真STM32单片机控制器，使用LCD1604显示模块、红外传感器、有害气体检测模块、PCF8591 ADC模块，蜂鸣器、DHT11温湿度、SG90舵机、风扇加热加湿等。
主要功能&a…
java--关系运算符
1.关系运算符 1.判断数据是否满足条件，最终返回一个判断的结果，这个结果是布尔类型的值：true或者false。
注意：在java中判断两个变量内容是否相等一定是""，千万不要把""误写成""或&quo…
性能与效果平衡：选择适合项目的直播实时美颜SDK
当下，越来越多的主播和内容创作者依赖于实时美颜技术，以确保他们在镜头前始终保持最佳状态。为了实现这一目标，许多开发者和团队开始探索主播直播美颜SDK，但在选择适合项目的SDK时，性能与效果的平衡变得尤为重要。
本…
阿里巴巴1688/京东/淘宝天猫API接口
获取key和secret
API接口分享信息如下：
item_get - 获得商品详情
item_search - 按关键字搜索商品
item_review-获得商品评论
item_search_img - 按图搜索商品（拍立淘）
item_search_suggest - 获得搜索词推荐
item_fee - 获得商品快递…
vue3项目使用TypeIt打字机
官网: TypeIt | The most versatile JavaScript typewriter effect library on the planet.
下载: npm i typeit
使用方法:
正常打字 多行打字机 input输入框实现打字机效果 打字机颜色变化 删除,光标移动,最全面的打字机效果 官网最下面还可以输入你想有的打字效果,然后生…
文本批量处理，高效便捷的管理利器！
您是否曾经为了批量处理文本数据而烦恼？冗长的文本文件，繁琐的处理步骤，让您的工作变得异常困难。现在，我们向您推荐一款文本批量处理工具，它能够快速、准确地处理大量文本数据，让您的管理工作更加高效便捷…
基于springboot+vue网上图书商城54
大家好✌！我是CZ淡陌。一名专注以理论为基础实战为主的技术博主，将再这里为大家分享优质的实战项目，本人在Java毕业设计领域有多年的经验，陆续会更新更多优质的Java实战项目，希望你能有所收获，少走一些弯路…
RT-Thread 中断管理（学习）
中断是一种异常，异常是导致处理器脱离正常运行转向执行特殊代码的任何事件，如果不及时进行处理，轻则系统出错，重则会导致系统毁灭性地瘫痪。所以正确地处理异常，避免错误的发生是提高软件鲁棒性（稳定性&…
cropper+jq（图片裁剪上传）
<link rel"stylesheet" href"../../cropper/cropper.css"> <script type"text/javascript" src"../../cropper/cropper.js"></script> 没有引入jquery的原因
引入jquery <script src"../jquery-1.10.2.js…