原文:在博客园的博客插入代码块(高亮、行号、缩进、着色)

在博客园写博客之前 并没有想到要手打代码和缩进 因为没有插入代码的功能啊 手写出来确实不怎么雅观 可是再看一下人家的博客 代码区域好明显 就跟插入了一个IDE似的 带着这个疑问各种百度 从最开始的以为加入一些字符就可以 然后各种文章都说要用插件 而且每篇文章说的插件也不一样 后来遇到文章说博客园官方支持用SyntaxHighlighter这个插件 然后也确实找到了官方的博客 介绍了这个插件的用法 ...

2016-12-09 16:17 6 3815 推荐指数:

查看详情

修改博客园代码高亮显示的主题颜色

博客园(默认编辑器设置为Markdowm)是使用heightlight.js进行代码高亮的。 因此可以通过下载heightlight.js官网的主题css修改博客园中的代码高亮颜色。 修改方法: 进入heightlight.js官网, 点击demo页面预览, 查看主题效果 ...

Mon Nov 02 05:21:00 CST 2020 1 560
博客园代码高亮

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

Sat Jun 18 21:46:00 CST 2016 1 2853
如何修改博客园插入代码”中的代码风格?(一个博客园代码高亮的方案)

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

Thu Aug 08 01:01:00 CST 2019 0 460
博客园代码高亮插件(类似csdn的代码插入)

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

Sun Feb 25 09:46:00 CST 2018 0 985
一个博客园代码高亮的方案

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

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

先简单展示下效果吧: 首先需要导入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
博客园matlab代码高亮方法

1.添加matlab语言高亮 在highlight的官网https://highlightjs.org/download/,将matlab勾选,生成下载文件,找到highlight.pack.js文件,将其引入到博客园页脚。 这里我已经将该文件上传至博客园,你可以直接引入: 2.调用 ...

Mon Apr 20 04:38:00 CST 2020 3 2081
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM