文章出處

在用《有道云筆記》等軟件時候,軟件自身不提供代碼高亮功能,對于需要記錄code的學習筆記,視覺效果丟失。

有很多在線工具能用來代碼高亮,比如oschina就有代碼高亮頁面用于著色。

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

應該已經有人開發過這種插件了吧:代碼高亮,主題選取,甚至字體、行號......各種js插件?

為了練手我自己手用python寫了一個web app用來代碼高亮:服務端用pygments進行語法解析,前端用pygments生成的顏色主題css進行配色。當然完全用pygments在本地做著色沒有問題,但是我記不住命令,還是網頁上的工具用起來交互體驗更好些~因為我想要的是直觀的顯示效果~

使用web.py框架進行簡單的http請求hanler,前端稍微用DOM操作了下實現字體、字體大小、代碼顏色主題的選取。

寫好后發到github上了,repo地址,演示地址

演示截圖

P.S. 還有很多地方沒有完善,比如代碼描述、行號顯示、作者、代碼復制、html下載、分享給朋友......各種功能都可以添加。如果你有想法,歡迎fork并contribute~


文章列表


不含病毒。www.avast.com
arrow
arrow
    全站熱搜
    創作者介紹
    創作者 大師兄 的頭像
    大師兄

    IT工程師數位筆記本

    大師兄 發表在 痞客邦 留言(0) 人氣()