一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器 ...
前言 博客园虽然可定制度高,但是在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯 CSS 实现,不需要 JS 权限。 关于博客园的插入代码 本章节只针对博客园的 TinyMce 编辑器讨论,我没有测试其他编辑器 例如 Markdown 的代码高亮解析方案。 博客园的插入代码是有两种方案的。 ...
2018-10-27 18:21 2 2520 推荐指数:
一、前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二、关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器 ...
今天我要推荐的是一个免费而且支持markdown语法的软件——Typora 它有很多优点,支持多种类型代码的高亮风格,方便的排版处理,支持Latex等,最重要的一点是真正做到了所见即所得ヽ(゚∀゚)メ(゚∀゚)ノ 之前在csdn 的时候有markdown编辑器,是左半边写,右半边就可以预览 ...
使用syntaxhighlighter插件对代码进行加亮: 1>下载syntaxhighlighter,解压后将shThemeDefault.css和shCoreRDark.css文件上传到博客园 2>设置"页首html代码",添加 <link type="text ...
前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: 一般来说,指明了 language 后,应该是可以是实现语法高亮的。其基本原理就是将代码中的 关键字 、变量 、函数 等待字符做正则化匹配,将纯文本的代码内容分块,与固定语法内容 ...
最新版本请移步↘ Open Live Writer 插件更新 零 资源 SyntaxHighlighter下载:http://alexgorbatchev.com/SyntaxHighli ...
先简单展示下效果吧: 首先需要导入js代码,在侧边栏公告处将以下代码复制进入: View Code 还需要一些css,在页面定制css代码处将以下css样式复制进入 View Code ...
一、下载样式 1.1 下载页面 点击 Get Versioin 进入下载页面。 插件官网 该页面的Custom package位置,可配置下载支持的语言样式,如没 ...
1.添加matlab语言高亮 在highlight的官网https://highlightjs.org/download/,将matlab勾选,生成下载文件,找到highlight.pack.js文件,将其引入到博客园页脚。 这里我已经将该文件上传至博客园,你可以直接引入: 2.调用 ...