prism.js使用图文教程

最新推荐文章于 2024-05-06 22:08:53 发布

雪狼之夜

最新推荐文章于 2024-05-06 22:08:53 发布

阅读量5.3k

点赞数 2

分类专栏： js 文章标签： html 前端

本文链接：https://blog.csdn.net/xuelang532777032/article/details/125540357

版权

js 专栏收录该内容

55 篇文章 2 订阅

订阅专栏

序：

还是有必要单独分出来说下prism.js。其实你会用到prism.js 基本意味这你要搭建自己的技术博客了，要么搭建技术类分享的站点。

别急，我知道你肯定是配合文本编辑器一起用的，在这个之前你肯定也得知道这个玩意怎么搞，不至于你到时引入文本编辑器你都不知道是文本编辑器问题还是你js引的有问题

一、选语言

1、去prism.js点右边-------->Download ▲ Prism

2、在Languages栏目（语言那边）你勾几个你要的语言比如博主勾一个jq

3、最底下Plugins插件栏目第一个Line Highlight 、Line Numbers 、 Copy to Clipboard Button 勾起来,Toolbar 会自动选中

4、保存下你的顶部链接（方便你下次还想往里面加语言时，只要复制的链接浏览器打开他就自动选中了，贴心不，点赞！）

5、来，点击下载 js和css

6、运行

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<script type="text/javascript" src="prism.js"></script>
		<link rel="stylesheet" type="text/css"  href="prism.css"/>
<pre >
<code class="language-jq">
	$(()=>{
		$(".a").click((e)=>{
			$.each()//
			$.extend();
		})
	})
</code>
</pre>
	</body>
</html>

7、上个翻译，你们对着看

雪狼之夜

关注

2
点赞
踩
5

收藏

觉得还不错? 一键收藏
打赏
0
评论
prism.js使用图文教程

还是有必要单独分出来说下prism.js。其实你会用到prism.js 基本意味这你要搭建自己的技术博客了，要么搭建技术类分享的站点。别急，我知道你肯定是配合文本编辑器一起用的，在这个之前你肯定也得知道这个玩意怎么搞，不至于你到时引入文本编辑器你都不知道是文本编辑器问题还是你js引的有问题 1、去prism.js点右边-------->Download ▲ Prism 2、在Languages栏目（语言那边）你勾几个你要的语言比如博主勾一个jq 3
复制链接

扫一扫