代码美化JS——prismjs

2019-01-07 发布. 1分钟前阅读.
Cover image

下载

官方下载地址：http://prismjs.com/

  1. 选择好颜色，我选tomorrow night
  2. 选择语言类型
  3. 选择插件
  4. 点击download下载js和css

引用

<link rel="stylesheet" href="css/prism.css" />
<script src="js/prism.js"></script>

使用

<pre class="line-numbers"><code class="language-css">p { color: red }</code></pre>

全代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/prism.css" />
	</head>
	<body>
			<pre class="line-numbers">
				<code class="language-css">p { color: red }</code>
			</pre>
		<script src="js/prism.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
# Markdown # prismjs
Author image

一个使用gridsome快速搭建的个人博客网站，用于记录知识点。