Typecho插件:Rainbow代码着色

Typecho插件:Rainbow代码着色

typecho-plugin-rainbow

前言
一直想学习如何制作插件,苦于对编程一直都很陌生(接触很少,而且逻辑性太强无耐心);今天也算是心血来潮,想起以前玩博客时用的一款代码高亮着色js插件——Rainbow,当时是手动安装的,无非就是头部添加css、尾部添加js而已。而做成插件以后,我希望能够更改样式。
恰好,安装的插件里有一款类似的插件,于是就照葫芦画瓢,整了这个插件出来,功能很简单,就是实现代码高亮着色,并且有切换着色样式的功能,没什么技术含量。


关于Rainbow
Rainbow是一款轻量级的代码着色Javascript插件,支持语言:C、C#、Coffee、script、CSS、D、Generic、patterns、Go、Haskell、HTML、Java、JavaScript、JSON、Lua、PHP、Python、R、Ruby、Scheme、Shell、Smalltalk、SQL。
官网:https://craig.is/making/rainbows


Rainbow for typecho
1、使用方法:

【```+语言类型】开头,【```】结尾
以CSS代码为例:
```css
.div1{
width:120px;
margin:5px;
color:#000
}
```

2、常见问题:
(1)代码不协调、错位、丢色等情况,一般是与你所用主题中存在pre、code标签,导致冲突所致,找到它们删除即可。
(2)检查主题文件header、footer中是否存在相应header/footer调用代码。

3、下载地址:
https://pan.baidu.com/s/1o7S9rQU 密码: f5fd

4、版本记录:
1.0 初始版本

×9

  1. Flyer Flyer   Mac OS X Safari 11.0

    这个不错

    回复
    1. Loekman Loekman   Android 7.1.1 Google Chrome 62.0.3202.84
      @Flyer 

      样式很多

      回复
  2. 灰常记忆 灰常记忆   Windows 7 x64 Edition Google Chrome 55.0.2883.87

    :cool: 代码似乎很少,简洁。

    回复
    1. Loekman Loekman   Android 7.1.1 Google Chrome 62.0.3202.84
      @灰常记忆 

      轻量级的还行

      回复
  3. 大袋鼠 大袋鼠   Mac OS X 10.11.6 Google Chrome 63.0.3239.108

    一般是叫「代码高亮」的,Rainbow 不错,是比 highlight.js 好很多的。

    回复
    1. Loekman Loekman   Windows 7 x64 Edition Firefox 57.0
      @大袋鼠 

      恩,不过这style看起来好昏暗 :mrgreen:

      回复
  4. yeslm yeslm   Windows 10 x64 Edition Google Chrome 63.0.3239.132

    请问防止机器人评论插件是哪个?

    回复
    1. Loekman Loekman   Windows 7 Google Chrome 53.0.2785.104
      @yeslm 

      不是插件,就是一段代码,在上一篇

      回复
  5. Ashely Toledo Ashely Toledo   Windows 8.1 x64 Edition Firefox 57.0

    传说中的龙吃魔豆

    回复