【288】◀▶ 博客园黑色代码主题实现
博客园自带的代码主题太素,于是寻求炫酷的样式,皇天不负有心人,结果实现了!
参考:使用syntaxhighlighter插件对代码进行加亮
效果图:
具体实现步骤如下:
- 下载代码:syntaxhighlighter,解压后将shThemeRDark.css和shCoreRDark.css文件上传到博客园,或者选择想要的样式对应的 CSS 代码上传!(也可以根据自己的需要修改其中的代码,例如我将背景色和字体稍微修改了下!)
- 设置"页首Html代码"或者"页脚Html代码",添加
12<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 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
2017-01-11 【235】Win10-Chrome 临时视频文件夹