【288】◀▶ 博客园黑色代码主题实现

最新推荐文章于 2020-12-31 10:51:27 发布

转载最新推荐文章于 2020-12-31 10:51:27 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/alex-bn-lee/p/8271044.html

文章标签：

#python

本文介绍如何在博客园中使用syntaxhighlighter插件实现代码的美化加亮，并提供了具体实施步骤及样式调整方法。

　　博客园自带的代码主题太素，于是寻求炫酷的样式，皇天不负有心人，结果实现了！

参考：使用syntaxhighlighter插件对代码进行加亮

参考：SyntaxHighlighter

效果图：

Django theme	Emacs theme

Midnight theme	RDark theme

　　具体实现步骤如下：

下载代码：syntaxhighlighter，解压后将shThemeRDark.css和shCoreRDark.css文件上传到博客园，或者选择想要的样式对应的 CSS 代码上传！（也可以根据自己的需要修改其中的代码，例如我将背景色和字体稍微修改了下！）

设置"页首Html代码"或者"页脚Html代码"，添加

<link type="text/css" rel="stylesheet" href="https://.../shCoreRDark.css"/>
<link type="text/css" rel="stylesheet" href="https://.../shThemeRDark.css"/>

直接插入代码就显示效果了，注意通过插入代码第二个实现

Sublime Text 自带主题 Monokai 的颜色值如下：

	background
	pink
	blue
	green
	orange
	yellow
	purple

颜色值如下：

background (46, 46, 46)
comment grey (121, 121, 121)
white (214, 214, 214)
yellow (229, 181, 103)
green (180, 210, 115)
orange (232, 125, 62)
purple (158, 134, 200)
pink (176, 82, 121)
blue (108, 153, 187)


// lighter
background 272822 / 39,40,34
pink       F92672 / 249,38,114
blue       66D9EF / 102,217,239
green      A6E22E / 166,226,46
orange     FD971F / 253,151,31
yellow     E6DB74 / 230,219,116
purple     AE81FF / 174,129,255

firebrick
#341e48 (purple)
#E8117F (pink)
oldlace

参考：whostolemyhat/monokai rgb
参考：Monokai Palette

转载于:https://www.cnblogs.com/alex-bn-lee/p/8271044.html