一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器 ...
博客园内置支持SyntaxHighlighter代码着色,使用此内置着色特性需要将博客的默认编辑器改为TinyMCE 管理 选项 中设置 。如果使用CuteEditor,CuteEditor会自动去除代码中的空格,造成代码格式破坏。 如果您使用Windows Live Writer写博客 配置步骤 ,通过Windows Live Writer代码着色插件,可以方便进行SyntaxHighligh ...
2018-02-25 01:46 0 985 推荐指数:
一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器 ...
使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text ...
参考: 新语言代码高亮及Windows Live Writer插件开发 最近学习Swift,在博客上写笔记的时候一直觉得Swift代码的高亮不太令人满意,因为博客园的编辑器上传代码模板中没有包括Swift在内的新语言。 偶然看到了上面这篇参考博文,为我提供了一些解决思路,决定一试 ...
前言 博客园虽然可定制度高,但是在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯 CSS 实现,不需要 JS 权限。 关于博客园的插入代码 本章节只针对博客园的 TinyMce ...
最新版本请移步↘ Open Live Writer 插件更新 零 资源 SyntaxHighlighter下载:http://alexgorbatchev.com/SyntaxHighlighter/download/ SyntaxHighlighter配置:http ...
先简单展示下效果吧: 首先需要导入js代码,在侧边栏公告处将以下代码复制进入: View Code 还需要一些css,在页面定制css代码处将以下css样式复制进入 View Code ...
一、下载样式 1.1 下载页面 点击 Get Versioin 进入下载页面。 插件官网 该页面的Custom package位置,可配置下载支持的语言样式,如没有特殊要求,默认即可。 在Custom package结束部分可下载所有主题样式。点击该按钮 ...
1.添加matlab语言高亮 在highlight的官网https://highlightjs.org/download/,将matlab勾选,生成下载文件,找到highlight.pack.js文件,将其引入到博客园页脚。 这里我已经将该文件上传至博客园,你可以直接引入: 2.调用 ...