15 Dec 2014

Jekyll 中用 SyntaxHighlighter

前几天把博客里的代码高亮改成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

  1. 引入基本的文件: shore.js
  2. 添加需要的笔刷JS(如:Javascript代码使用 shBrushJScript.js;可用的笔刷列表见这里
  3. 引入CSS样式:shCore.css、shThemeDefault.css
  4. <pre />或者<script />创建代码块
  5. 执行JS方法:SyntaxHighlighter.all()

在Jekyll的模板页里的head里面,添加如下代码,选自己需要的语言的刷子。

13 Dec 2014

如何高效利用GitHub →

正是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

Javascript 闭包(Closure) →

闭包(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

用js在jekyll博客中实现标签云和标签页 →

本文主要讨论在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 Pages 静态博客 - 个人建站实录 →

GitHub 很好的将代码和社区联系在了一起,于是发生了很多有趣的事情,世界也因为他美好了一点点。GitHub作为现在最流行的代码仓库,已经得到很多大公司和项目的青睐,比如 jQueryTwitter等。为使项目更方便的被人理解,介绍页面少不了,甚至会需要完整的文档站,GitHub 替你想到了这一点,他提供了 GitHub Pages 的服务,不仅可以方便的为项目建立介绍站点,也可以用来建立个人博客。

GitHub Pages 有以下几个优点:

  • 轻量级的博客系统,没有麻烦的配置
  • 免费空间,享受 Git 版本管理功能
  • 使用标记语言,比如 Markdown
  • 无需自己搭建服务器
  • 可以绑定自己的域名