【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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值