【油猴脚本】最佳论坛代码高亮工具！

bailong360

前几天写了个利用 bbcode 实现代码高亮的工具: http://www.bathome.net/thread-54136-1-1.html
但是这个工具一来用起来麻烦, 二来太浪费论坛空间了.

于是我一番冷静分析以后最终完成了这个脚本, 它利用 highlight.js 直接在前端实现代码高亮, 并且能自动判断语言(支持 bat, js, vbs, powershell, python, perl, rust 等超多语言)(虽然准确性有待加强...)

下面是使用教程:

1. 安装一个油猴类插件, 我建议使用 Tampermonkey: https://www.tampermonkey.net/
当然理论上其他猴子(Greasemonkey, Violentmonkey)也可以, 不过我没测试过

2. 访问 https://greasyfork.org/zh-CN/scr ... 1%E9%AB%98%E4%BA%AE 安装脚本

3. 安装一个 Stylish 类插件, 我建议使用 Stylus: https://add0n.com/stylus.html, 因为 Stylish 曾被爆出有隐私泄露问题

4. 访问 https://userstyles.org/styles/176869/bathome 安装主题
理论上只用油猴就可以解决问题, 但是我觉得这不优雅, 而且不方便修改主题

完成了! 刷新一下页面看看效果

1. 
   
2. :: 非常节约空间, 这次 Batcher 不会打我了
   
3. @echo off
   
4. setlocal enabledelayedexpansion
   
5. set n=0
   
6. for /l %%i in (1 1 100) do (
   
7.     set /a n+=1
   
8.     echo !n!
   
9. )
   
10. echo %n%
    
11. pause&exit
    

复制代码

如何更换主题:
首先访问 https://github.com/highlightjs/h ... e/master/src/styles 复制你喜欢的主题的代码 ( 可以先到 https://highlightjs.org/static/demo/ 体验一下
然后点击 Stylus 图标, 选择管理样式, 然后选择"bathome 代码高亮主题"
你会看到有两份 css, 用上面复制的代码覆盖掉第一份就可以了

如何增加语言:
访问 https://www.bootcdn.cn/highlight.js/ 复制你需要的语言的地址 (注意版本号要与油猴中的版本号对应)
然后仿造已有的语言添加到油猴中, 就可以了

效果预览

bailong360

多来几种语言测试一下

1. 
   
2. #!/usr/bin/python
   
3. def sum(n: int) -> int:
   
4.     return n + sum(n - 1) if n > 1 else 1
   
5. 
   
6. if __name__ == '__main__':
   
7.     print(sum(100))
   

复制代码

1. 
   
2. function sum(n) {
   
3.   return n > 1 ? n + sum(n - 1) : 1;
   
4. }
   
5. 
   
6. console.log(sum(100));
   

复制代码

1. 
   
2. fn sum(n: u32) -> u32 {
   
3.     if n > 1 {
   
4.         n + sum(n - 1)
   
5.     } else {
   
6.         1
   
7.     }
   
8. }
   
9. 
   
10. fn main() {
    
11.     println!("{}", sum(100));
    
12. }
    

复制代码

bailong360

行号的宽度似乎有点奇怪...不管了, 我的前端水平太菜了 (

老刘1号

回复 2# bailong360


    第三个宽度突破天际
环境：Violentmonkey+2.的脚本+4.(Install style as userscript)（没装Stylus）
emm，今日安装1，总安装1这也太真实了

bailong360

回复 4# 老刘1号

修复了, 给 .hljs-ln-code 增加一个 width: 100% 就行了

bailong360

回复 4# 老刘1号
或许我应该给它改名 Discuz! 代码高亮工具, 然后安装量应该就上来了 (

老刘1号

不支持VB系列的样子，emm
要是能结合下http://www.bathome.net/thread-47323-1-1.html就好了

bailong360

回复 7# 老刘1号

其实是支持的, 但是自动语言推断太垃圾了, 总是把 VB 系的判定为 sql...

老刘1号

回复 8# bailong360


    这样啊，我看demo里面没有，而且几个vbs显示都有毛病，以为不支持
不知道有没有解决方案

bailong360

回复 9# 老刘1号

好像是我的错...highlight.min.js 竟然只包括了一部分语言, 其他语言需要自己手动引入= =
加上去就没问题了, 已更新油猴脚本

holley

回复 5# bailong360

试了一下 谷歌浏览器98%刚好，100%会重叠。