alex_bn_lee

导航

< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

统计

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

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

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

参考:SyntaxHighlighter

效果图:

   具体实现步骤如下:

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

  • 设置"页首Html代码"或者"页脚Html代码",添加
    1
    2
    <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

颜色值如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
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

posted on   McDelfino  阅读(882)  评论(1编辑  收藏  举报

编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2017-01-11 【235】Win10-Chrome 临时视频文件夹
点击右上角即可分享
微信分享提示