15
Dec
2014
前几天把博客里的代码高亮改成SyntaxHighligher了,感觉好了很多,看着也舒服,复制代码方便许多。下面就来简短介绍下这个工具。
SyntaxHighligher is an open source Java Script client side code syntax highlighter.
将它安装在 “home page, blog, CMS, documentation CD or any other web page“,用来美化你的代码。
Installation
- 引入基本的文件: shore.js
- 添加需要的笔刷JS(如:Javascript代码使用 shBrushJScript.js;可用的笔刷列表见这里)
- 引入CSS样式:shCore.css、shThemeDefault.css
- 用
<pre />
或者<script />
创建代码块
- 执行JS方法:
SyntaxHighlighter.all()
在Jekyll的模板页里的head里面,添加如下代码,选自己需要的语言的刷子。
13
Dec
2014
正是Github,让社会化编程成为现实。本文尝试谈谈GitHub的文化、技巧与影响。
- Q1:GitHub是什么
- Q2:GitHub风格
- Q3: 在GitHub,如何跟牛人学习
- Q4: 享受纯粹的写作与演讲
- Q5: 代码帮你找工作
- Q6: GitHub还在影响一些什么
- Q7: 除了GitHub,还可以选择什么?
Q1:GitHub是什么
A1:一家公司
位于旧金山,由Chris Wanstrath, PJ Hyett 与Tom Preston-Werner三位开发者在2008年4月创办。迄今拥有59名全职员工,主要提供基于git的版本托管服务。
11
Dec
2014
前言(Introduction)
本文主要讨论如何用基于jQuery的插件waypoint,实现异步加载jekyll模板生成的json文件,生成文章列表。
在一博客的文章列表里使用了异步加载的技术,不过直接看页面的html源代码是看不出来的。编译之前的代码在这里。
11
Dec
2014
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。
下面就是我的学习笔记,对于Javascript初学者应该是很有用的。
一、变量的作用域
要理解闭包,首先必须理解Javascript特殊的变量作用域。
变量的作用域无非就是两种:全局变量和局部变量。
Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。
1
2
3
4
5
| var n=999;
function f1(){
alert(n);
}
f1(); // 999 |
另一方面,在函数外部自然无法读取函数内的局部变量。
function f1(){
var n=999;
}
alert(n); // error
这里有一个地方需要注意,函数内部声明变量的时候,一定要使用var命令。如果不用的话,你实际上声明了一个全局变量!
11
Dec
2014
本文主要讨论在jekyll博客中借助javascript和json,实现标签云和标签页。标签云可以用jquery.tagcloud.js插件实现,标签页则使用jQuery读取json数据文件,用地址传递参数给js函数,使用的是异步加载技术,请看演示页面
标签云
Tag Cloud可以使用GitHub上这个简单的jQuery Plugin实现(演示实例),使用方法也很Simple:
<div id="whatever">
<a href="/path" rel="7">peace</a>
<a href="/path" rel="3">unity</a>
<a href="/path" rel="10">love</a>
<a href="/path" rel="5">having fun</a>
</div>
然后
$.fn.tagcloud.defaults = {
size: {start: 14, end: 18, unit: 'pt'},
color: {start: '#cde', end: '#f52'}
};
$(function () {
$('#whatever a').tagcloud();
});
05
Dec
2014
GitHub 很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点。GitHub作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如 jQuery、Twitter等。为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,GitHub 替你想到了这一点,他提供了 GitHub Pages 的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客。
GitHub Pages 有以下几个优点:
- 轻量级的博客系统,没有麻烦的配置
- 免费空间,享受 Git 版本管理功能
- 使用标记语言,比如 Markdown
- 无需自己搭建服务器
- 可以绑定自己的域名