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

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

参考:使用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