原文:博客园设置Google-code-prettify渲染代码高亮

一段废话: 其实早就知道可以用google code prettify来设置高亮,但是比较懒,现在才折腾了一下。看见好看的代码高亮,心情都变好啦 感觉博客园的代码高亮,尤其是Markdown编辑模式下的,可定制性好差。可是在博客园发博客比在自己的独立博客发要比较方便 我的独立博客用的是hexo静态博客 ,而且也习惯了在这里发布。 首先说一下用pretty的缺点 之前的TinyMCE编辑器下发布代码 ...

2017-04-30 16:55 2 3409 推荐指数:

查看详情

DIY博客园代码高亮设置

一、下载样式 1.1 下载页面 点击 Get Versioin 进入下载页面。 插件官网 该页面的Custom package位置,可配置下载支持的语言样式,如没 ...

Tue Feb 25 01:26:00 CST 2020 0 638
博客园代码高亮

使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text ...

Sat Jun 18 21:46:00 CST 2016 1 2853
使用markdown编写博客园博客设置代码高亮

博客园是一个广大程序员的博客技术论坛,在上面可以看别人写到的博文,也可以自己写博文,博客园默认的编辑器类似于Word 但一般的程序员都会选择使用markdown写博文,那么怎么把博客园的编辑器设置为markdown,又怎么为代码部分添加自己喜欢的高亮样式呢?下面就介绍一下 将博客园的默认编辑器 ...

Thu Jan 16 03:57:00 CST 2020 3 520
五、Google Code Prettify:实现代码高亮的JS库

介绍 code prettify 解释为 “代码修饰”。 他由JS代码和CSS代码构成,用来高亮显示HTML页面中的代码。 支持:C, Java, Python, Bash, HTML, XML, Javascript, Makefiles, Ruby, PHP, Awk ...

Mon Mar 03 01:53:00 CST 2014 2 5190
使用 Google Code Prettify 实现代码高亮

今天这篇文章主要讲述使用 google-code-prettify 来实现代码高亮显示,以前我使用 highlight.js 来实现文章中代码高亮显示。 prettify 非常小巧且配置简单,使用它来实现代码高亮显示是个不错的选择。下边我们简单看看 prettify.js 的使用方法 ...

Tue Jun 18 18:43:00 CST 2013 2 18735
博客园代码高亮美化教程

先简单展示下效果吧: 首先需要导入js代码,在侧边栏公告处将以下代码复制进入: View Code 还需要一些css,在页面定制css代码处将以下css样式复制进入 View Code ...

Mon Mar 25 23:53:00 CST 2019 2 471
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM