- 授权协议: EPL
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://github.com/chaopeng/chaoscodebox
- 软件文档: https://github.com/chaopeng/chaoscodebox
- 官方下载: https://github.com/chaopeng/chaoscodebox
软件介绍
什么是ChaosCodebox?
ChaosCodebox是一个网页的代码高亮库。它是使用google-code-prettify作为高亮引擎的。ChaosCodebox是一个ChaosBlog的一个子项目。
与google-code-prettify的区别
ChaosCodebox拥有一个复制到剪贴板的按钮，同时还会当前的显示语言类型。
怎样使用ChaosCodebox?
你需要在网页的<head>标签中插入如下的代码:
<link rel="stylesheet" type="text/css" href="http://cdn.staticfile.org/prettify/r298/prettify.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/chaopeng/chaoscodebox/v2.0/chaoscodebox-min/sons-of-obsidian.css" />
<link rel="stylesheet" type="text/css" href="https://cdn.rawgit.com/chaopeng/chaoscodebox/v2.0/chaoscodebox-min/chaoscodebox.css" />
<script type="text/javascript" src="http://cdn.staticfile.org/prettify/r298/prettify.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.0/clipboard.min.js"></script>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.rawgit.com/chaopeng/chaoscodebox/v2.0/chaoscodebox-min/chaoscodebox.js"></script>
<script type="text/javascript">
$(document).ready(function(){
prettify();
var clipboard = new Clipboard('.copy');
clipboard.on('success', function(e) {
e.clearSelection();
});
})
</script>
如果你有一些比较特殊的语言的话，你需要去google-code-prettify，增加一些css来增加这样语言的支持。同时你也可以通过修改css来修改配色主题。
我如何在wordpress中使用ChaosCodebox
- 将上述的代码添加到
wp-content/themes/[current_theme]/header.php - 在你的文章中使用
<pre><code class="language">code...</code></pre>来插入代码
如果你在使用ChaosCodebox有任何问题你可以联系我
weibo: http://weibo.com/chaojianpeng
更新日志
- v2.0
- 剪贴板实现由Flash迁移到clipboardjs
- 删除仓库中google-prettify的代码
感谢
翻转课堂的可汗学院
萨尔曼·可汗（Salman Khan） / 刘婧 / 浙江人民出版社 / 2014-4-1 / 49.00元
MIT和哈佛毕业的高材生缘何放弃金融分析师工作投身教育事业？YouTube上的“可汗学院频道”至今共吸引了163.3万订阅者，观看次数超过3.55亿次，它为什么如此大受欢迎？创始人萨尔曼·可汗阐述属于未来的教育理念——让地球上的任何人都能随时随地享受世界一流的免费教育！ 现行教育模式已有200余年历史，可汗认为，在互联网蓬勃发展、社交网络盛况空前的时代，免费、灵活、适合个体、全球共享的教育才......一起来看看 《翻转课堂的可汗学院》 这本书的介绍吧!
