天天看点

Hilite代码高亮工具

在用《有道云笔记》等软件时候,软件自身不提供代码高亮功能,对于需要记录code的学习笔记,视觉效果丢失。

有很多在线工具能用来代码高亮,比如oschina就有代码高亮页面用于着色。

但是我想要sublime里那种效果,有没有方法做到?

应该已经有人开发过这种插件了吧:代码高亮,主题选取,甚至字体、行号......各种js插件?

为了练手我自己手用python写了一个web app用来代码高亮:服务端用pygments进行语法解析,前端用pygments生成的颜色主题css进行配色。当然完全用pygments在本地做着色没有问题,但是我记不住命令,还是网页上的工具用起来交互体验更好些~因为我想要的是直观的显示效果~

使用web.py框架进行简单的http请求hanler,前端稍微用DOM操作了下实现字体、字体大小、代码颜色主题的选取。

Hilite代码高亮工具

P.S. 还有很多地方没有完善,比如代码描述、行号显示、作者、代码复制、html下载、分享给朋友......各种功能都可以添加。如果你有想法,欢迎fork并contribute~