由于我这一段对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(或其它)代码高亮相关推荐

  1. 在博客园添加Lisp(或其它)代码高亮

    由于我这一段对Emacs很有兴趣,发了不少关于这玩意儿的文章.但博客园的代码高亮并不支持Emacs Lisp,之前一直也没怎么管,前几天看见李杀的这篇 Syntax Coloring with Goo ...

  2. 博客园Markdown模式的MATLAB代码高亮方案

    前言 博客园随笔写作可以使用 Markdown 进行编辑,当展示代码时,可以使用下面的语法来对代码块进行展示: ​```language code-content ​``` 一般来说,指明了 lang ...

  3. 为博客园添加github跳转链接

    一般程序员都会有自己的github仓库,在博客园添加跳转链接,可以很方便的进行访问查看. 添加html 首先,需要在设置中添加一段html,用于跳转链接 <a class="git-l ...

  4. 博客园添加鼠标粒子吸附特效

    本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博 ...

  5. css文件插入背景音乐,博客园添加背景音乐,背景效果!

    博客园添加背景音乐,背景效果 申请博客园js权限 申请话术 实例 尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...

  6. 博客园添加live2D看板娘和樱花飘落背景

    写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...

  7. 【分享】给自己的博客园添加一个板娘(可选)

    全部样式分享 更换模型的话只需要更换jsonpath中的模型名称即可 https://unpkg.com/live2d-widget-model-模型名称/assets/模型名称.model.json ...

  8. 给自己的博客园添加网抑云音乐播放器

    1. 申请权限 首先给自己的博客园设置,申请js权限,这个教程可以去搜. 2. 打开网页版网抑云音乐 点击一首你喜欢的歌进入 , 然后点击生成外链播放器 然后复制代码: 进入到自己的博客园设置页面 我 ...

  9. 博客园添加动态背景效果

    背景动画 先直接看效果吧,还是挺有趣的 (来自官网上的一张图) 使用食用 食用方法 先良心安利js写的动画库.其原理就是基于 HTML5 新特性 canvas,渲染的动画效果.有兴趣可以访问一下:动画 ...

最新文章

  1. R使用深度学习LSTM构建时间序列预测模型
  2. 生信基础巩固Linux篇
  3. c语言实数的输出和占位_C语言学习笔记(三):占位符
  4. python的下载和安装步骤-下载及安装Python详细步骤
  5. Flutter AnimatedSwitcher 动画切换组件的基本使用
  6. 什么是Intel LBR(上次分支记录),BTS(分支跟踪存储)和AET(体系结构事件跟踪)?
  7. filezilla server 有时连不上可以重启arm试试 server安装为手动 每次要点下start
  8. xamarin UWP ActivityIndicator
  9. RS232线序问题(研旭手把手教你学DSP)
  10. 泪目!java面试八股文是哪些
  11. 凤凰网视频直播视频流
  12. 手机盾验证失败是什么意思_腾讯手机安全验证失败怎么回事
  13. 网页跳转微信打开指定页面
  14. ubuntu git clone 报错error: RPC failed; curl 56 GnuTLS recv error (-9): A TLS packet with unexpected
  15. 【实用算法教学】——Apriori算法,教你使用亲和性分析方法推荐电影
  16. 求一个数的所有因数+质因数分解【数论】
  17. Wifite.py 修正版脚本代码
  18. 2021-04-28 Mac上插入公式的三种方法
  19. 中文字体css编码转换
  20. 强大的批量重命名工具A Better Finder Rename

热门文章

  1. 【计算机组成原理】(唐朔飞)笔记-计算机总线 补充+习题
  2. 用插件登录wow为什么显示服务器不兼容,《魔兽世界》显示游戏设备驱动不兼容的解决方法...
  3. 写了一个MSN客户端
  4. SignalR 2.0 系列: SignalR 自托管主机
  5. Ubuntu安装和使用飞书 feishu 5.2.0
  6. ucenter 整合代码
  7. 网页布局 响应式页面
  8. 百度富文本完整的工具栏配置
  9. vulnstack内网渗透环境靶场-1 大全
  10. 个人简历求职面试PPT-朴尔PPT