Blog.PS

时光犹在,是我们在飞逝。

Lifestyle
December 16, 2017

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. 这个不错

  2. icon_cool.gif 代码似乎很少,简洁。

    1. 轻量级的还行

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

    1. 恩,不过这style看起来好昏暗 icon_mrgreen.gif

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

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

  5. Ashely Toledo Ashely Toledo

    传说中的龙吃魔豆

发表评论

icon_mrgreen.gificon_neutral.gificon_twisted.gificon_arrow.gificon_eek.gificon_smile.gificon_confused.gificon_cool.gificon_evil.gificon_biggrin.gificon_idea.gificon_redface.gificon_razz.gificon_rolleyes.gificon_wink.gificon_cry.gificon_surprised.gificon_lol.gificon_mad.gificon_sad.gificon_exclaim.gificon_question.gif