博客园自带的代码主题太素,于是寻求炫酷的样式,皇天不负有心人,结果实现了!
参考:使用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