原文:如何修改博客园“插入代码”中的代码风格?(一个博客园代码高亮的方案)

一 前言 博客园虽然可定制度高,但在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮的风格。 使用纯CSS实现,不需要JS权限。 二 关于博客园的插入代码 本章节只针对博客园的TinyMce编辑器讨论,其他的编辑器 例如Markdown 暂没有考虑。 博客园的插入代码是有两种方案的。 如图所示。 两种插入代 ...

2019-08-07 17:01 0 460 推荐指数:

查看详情

一个博客园代码高亮方案

前言 博客园虽然可定制度高,但是在代码高亮这一块做的并不是很好,默认的配色方案看着很不舒服,而且影响页面的整体协调感。 但正因为博客园的可定制度高,所以我们可以自定义代码高亮风格。 使用纯 CSS 实现,不需要 JS 权限。 关于博客园插入代码 本章节只针对博客园的 TinyMce ...

Sun Oct 28 02:21:00 CST 2018 2 2520
博客园代码高亮

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

Sat Jun 18 21:46:00 CST 2016 1 2853
初步解决博客园代码高亮一个方案

今天我要推荐的是一个免费而且支持markdown语法的软件——Typora 它有很多优点,支持多种类型代码高亮风格,方便的排版处理,支持Latex等,最重要的一点是真正做到了所见即所得ヽ(゚∀゚)メ(゚∀゚)ノ 之前在csdn 的时候有markdown编辑器,是左半边写,右半边就可以预览 ...

Fri Jun 08 07:08:00 CST 2018 3 712
如何在博客园插入代码

设置默认编辑器为推荐编辑器 之前用的是markdown,一插入代码格式就变乱,而系统推荐默认的编辑器自带富文本编辑器,常用的有js,html 图片上传等各种。 点击<> 会弹出格式。 进行编辑就好了。 ...

Sun May 05 23:37:00 CST 2019 0 1205
博客园代码高亮插件(类似csdn的代码插入)

博客园内置支持SyntaxHighlighter代码着色,使用此内置着色特性需要将博客的默认编辑器改为TinyMCE(“管理”-“选项”设置)。如果使用CuteEditor,CuteEditor会自动去除代码的空格,造成代码格式破坏。 如果您使用Windows Live ...

Sun Feb 25 09:46:00 CST 2018 0 985
博客园代码高亮美化教程

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

Mon Mar 25 23:53:00 CST 2019 2 471
DIY博客园代码高亮设置

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

Tue Feb 25 01:26:00 CST 2020 0 638
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM