zbbz的lisp_在博客园添加Lisp(或其它)代码高亮
由于我这一段对Emacs很有兴趣,发了不少关于这玩意儿的文章。但博客园的代码高亮并不支持Emacs Lisp,之前一直也没怎么管,前几天看见李杀的这篇 Syntax Coloring with Google-Code-Prettify,想试试博客园上面能不能折腾出来,于是开始折腾这个Google Code Prettify,最后又发现博客园的语法高亮插件SyntaxHighlighter也可以搞定。
方法一: 基于博客园自带的SyntaxHighlighter
博客园自带的代码动态高亮插件是SyntaxHighlighter,但博客园没有提供用于lisp的刷子(brush)——毕竟这个语言在博客园毕竟小众 :-),但我在网上找了一圈也没有找到,只找到一个clojure的,略微改了改,凑合着可以用上。示例效果如下:
(defun iedit-symbol-in-defun ()
"Enter `iedit-mode' to rename the symbol in current function, or exit it."
(interactive)
(if iedit-mode
(progn
(iedit-mode -1)
(widen))
(progn
(if (thing-at-point 'symbol)
(progn
(narrow-to-defun)
(iedit-mode t)
(message "When done, run `epy-iedit-in-defun' again to quit.")
)
(error "You need to put cursor on identifier.")
))))
下面说一下方法:
2. 打开博客园管理后台,找到“设置”一栏,在“公告”或者“页首html代码”一栏填入刚才找到的刷子代码(当然,前后得加
3. 写文章时,点击第二个“插入代码”按钮(第一个按钮不是用JS代码来动态着色,而是由博客园后台着色产生对应的HTML代码,然后再插入编辑器的。它只适合博客园后台能支持的语言类型);
4. 在弹出的对话框中贴上代码,“编程语言”一项随便选一个即可;
5. 回到博文编辑器,点击那个"HTML"按钮(就在刚才“插入代码”按钮的右边),找到刚才贴入的代码,修改代码语言名称(也就是把
方法二:采用Google Code Prettify
1. 类似地,在后台“设置”中,将如下代码插入到在“公告”或者“页首html代码”一栏
window.setTimeout(prettyPrint,2000);
(如果你担心用户们访问googlecode网站存在问题(万恶的G_F-W),可以将这几个文件传到博客园后台,然后用http://files.cnblogs.com/bamanzi/prettify.js 这样的路径来引用)
2. 在编辑文章的时候,同样,也是用第二个“插入代码”按钮来贴代码,“编程语言”一项任选;
3. 回到博文编辑器,点击那个"HTML"按钮(就在刚才“插入代码”按钮的右边),找到刚才贴入的代码,将
改为:
为什么这么改:prettyprint是Google Code Prettify的识别符号,而lang-lisp则是标明语言类型,具体说明可参看它的README文档(里面也有各类语言的扩展链接,比如F#, YAML等; 还说明了如何添加行号等)
效果示例:
(defun iedit-symbol-in-defun ()
"Enter `iedit-mode' to rename the symbol in current function, or exit it."
(interactive)
(if iedit-mode
(progn
(iedit-mode -1)
(widen))
(progn
(if (thing-at-point 'symbol)
(progn
(narrow-to-defun)
(iedit-mode t)
(message "When done, run `epy-iedit-in-defun' again to quit.")
)
(error "You need to put cursor on identifier.")
))))
两种方法的比较
总的来说,第一种方法比较好,因为除了正文,用户评论的代码也是用SyntaxHighlighter来高亮的,只要评论时写[code=elisp]....[/code]就可以了。
但就Clojure/Lisp的实现而言,我找的SyntaxHighlighter刷子有点问题:它会把(defun ....)和(narrow-to-defun)里面的defun都着色,这是由于它的核心代码在正则表达式中用\b来识别关键字的边界,但"-"这个字符偏偏是Lisp中非常常用的字符,所以得修改刷子里面的this.getKeywords()实现才行,我暂时还没有找到比较简单的修正办法。
所以,目前我倾向于两者都用,前者用在正文里面,后者留给评论使用。
zbbz的lisp_在博客园添加Lisp(或其它)代码高亮相关推荐
- 在博客园添加Lisp(或其它)代码高亮
由于我这一段对Emacs很有兴趣,发了不少关于这玩意儿的文章.但博客园的代码高亮并不支持Emacs Lisp,之前一直也没怎么管,前几天看见李杀的这篇 Syntax Coloring with Goo ...
- 博客园Markdown模式的MATLAB代码高亮方案
前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ```language code-content ``` 一般来说,指明了 lang ...
- 为博客园添加github跳转链接
一般程序员都会有自己的github仓库,在博客园添加跳转链接,可以很方便的进行访问查看. 添加html 首先,需要在设置中添加一段html,用于跳转链接 <a class="git-l ...
- 博客园添加鼠标粒子吸附特效
本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博 ...
- css文件插入背景音乐,博客园添加背景音乐,背景效果!
博客园添加背景音乐,背景效果 申请博客园js权限 申请话术 实例 尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...
- 博客园添加live2D看板娘和樱花飘落背景
写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...
- 【分享】给自己的博客园添加一个板娘(可选)
全部样式分享 更换模型的话只需要更换jsonpath中的模型名称即可 https://unpkg.com/live2d-widget-model-模型名称/assets/模型名称.model.json ...
- 给自己的博客园添加网抑云音乐播放器
1. 申请权限 首先给自己的博客园设置,申请js权限,这个教程可以去搜. 2. 打开网页版网抑云音乐 点击一首你喜欢的歌进入 , 然后点击生成外链播放器 然后复制代码: 进入到自己的博客园设置页面 我 ...
- 博客园添加动态背景效果
背景动画 先直接看效果吧,还是挺有趣的 (来自官网上的一张图) 使用食用 食用方法 先良心安利js写的动画库.其原理就是基于 HTML5 新特性 canvas,渲染的动画效果.有兴趣可以访问一下:动画 ...
最新文章
- R使用深度学习LSTM构建时间序列预测模型
- 生信基础巩固Linux篇
- c语言实数的输出和占位_C语言学习笔记(三):占位符
- python的下载和安装步骤-下载及安装Python详细步骤
- Flutter AnimatedSwitcher 动画切换组件的基本使用
- 什么是Intel LBR(上次分支记录),BTS(分支跟踪存储)和AET(体系结构事件跟踪)?
- filezilla server 有时连不上可以重启arm试试 server安装为手动 每次要点下start
- xamarin UWP ActivityIndicator
- RS232线序问题(研旭手把手教你学DSP)
- 泪目!java面试八股文是哪些
- 凤凰网视频直播视频流
- 手机盾验证失败是什么意思_腾讯手机安全验证失败怎么回事
- 网页跳转微信打开指定页面
- ubuntu git clone 报错error: RPC failed; curl 56 GnuTLS recv error (-9): A TLS packet with unexpected
- 【实用算法教学】——Apriori算法,教你使用亲和性分析方法推荐电影
- 求一个数的所有因数+质因数分解【数论】
- Wifite.py 修正版脚本代码
- 2021-04-28 Mac上插入公式的三种方法
- 中文字体css编码转换
- 强大的批量重命名工具A Better Finder Rename