代码高亮

无描述
  • wordpress非插件实现代码高亮(语法高亮)

    在此前也已经找到不少wordpress非插件实现代码高亮/语法高亮的方法,一直没有集成到主题中, 换了WPGO主题之后,发现这款码农的作品语法高亮居然……好丑。可能是初级版本,作者没有在意太多。 索性今天就给这个主题加了代码高亮,Google prettify。不然pre的样式看起来很不舒服, 这个方法不复杂,只需要在jQuery支持的情况下 添加一个js 以及一些css样式 整体步骤…

  • 使用 Prism.js 实现漂亮的代码语法高亮,并且添加快捷按钮

    一直在用Pure Highlightjs插件,然后今天突然就想用 Prism了,小影主题自带Prism.js高亮,不过添加代码的时候还要自己使用语义化的 <pre> 元素和 <code> 元素来标记代码区块,我就直接做了个按钮代替= = 为什么选择 Prism.js ? 极致易用 引用 prism.css 和 prism.js,使用合适的 HTML5 标签(code.language-xxxx),搞定! 天生伶俐 语言的 CSS 类是可继承的,所以…

  • WordPress代码高亮插件:Pure-Highlightjs(可视化下插入代码)

    Pure-Highlightjs 一个基于 Highlightjs 实现的 WordPress 代码高亮插件,支持 N 多种语言高亮,还提供多种主题。支持在 WordPress 可视化编辑模式下插入代码。 Pure-Highlightjs 依赖于以下开源项目: highlight.js https://highlightjs.org highlight.js 是一个用于在任何 web 页面上着色显示各种示例源代码语法的 JS 项目 安装说明 1.  下载 Pure-Highlightjs-master 2. 安装…