在网页使用过程中，经常会用到代码的展示。而不同颜色的代码，可以让代码看起来更直观，也更美观。 找了几个不同的插件，觉得highlight的插件比较实用，而且用起来炒鸡简单。 比如这样： 首先，我们先下载一个highlight的js文件。 https ...

在逛别人的博客的时候，看见别人的代码的例子使用了高亮的语法，无论是java，js还是php等等语言，都会自动的对关键字进行高亮。 于是在前几天自己写了一个博客，遇到code时，自然就想到了别人网站如何漂亮，巴拉巴拉。 开始了正式的捣鼓。 在捣鼓之前去别的网站看了看。这里贴上简书的效果 ...

在网页使用过程中，经常会用到代码的展示。而不同颜色的代码，可以让代码看起来更直观，也更美观。 找了几个不同的插件，觉得highlight的插件比较实用，而且用起来炒鸡简单。 比如这样： 首先，我们先下载一个highlight的js文件。 https ...

highlight.js是一让你的代码在html页面中高亮起的的一个插件，官方提供了十几款高亮的样式，说明文档也易懂，很是不错。 引用 highlight.js 并初始化 highlight.js支持34种常用语言，国内cdn建议地址如下： 可以选择一个喜欢的样式 ...

原文地址：highlight.js 设置行号 博客地址：http://www.extlight.com 一、背景 笔者在开发这套博客系统时使用 Editormd 作为 Markdown 编辑器，由于不满足其代码高亮的样式，因此选用 highlight.js 插件来实现代码高亮功能 ...

首先单纯页面若全部为md文件：如下~ 1. 2.build/webpack.base.conf.js添加 3.main.js 4.在相应的组件 ...

　　显示静态的代码其实html的pre标签基本可以满足需求了，至少不会将换行的文本显示成一堆字符串。 不过能使静态的文本能高亮显示，倒更炫酷一点。其实很简单的，引入highlight.js包，可以使用cdn上的静态资源，引入css和js: 将要显示的代码包在标签< ...

一、定制css 1.进入到设置-页面定制css代码 2.设置字体（看个人喜好），不同编辑器的类名可能不一样，亲测TinyMCE编辑器和Markdown编辑器有效 二、下载highlight.js 效果链接：https ...