博客

Octopress Solarized Light 替换 Dark

Octopress 中默认的代码高亮是程序猿喜闻乐见的 Solarized，不过很遗憾的是默认是 Solarized Dark，像我等心里黑暗的非主流 Coding 技术人员生活已经很暗无天日了，因此还是希望生活中能多一点阳光的，Solarized Light 就很好。幸运的是，Octopress 其实也带了 Solarized Light 配色的，只要简单的修改一行配置就行了：

1
2
3
in   : sass/base/_solarized.scss
from : $solarized: dark !default;
to   : $solarized: light !default;

Bazinga!

博客

Hello, Octopress

缘起

作为一个非主流 Coding 技术工人，不满 Sina Blog 已经很久了，各种功能缺失，比如数学公式，比如各种代码高亮。然而 WordPress 功能全则全矣，国内访问需要各种翻墙，各种不便。加上内容放在别人服务器上，始终是不放心的，比如即使如微软和雅虎等大公司，也是把服务说停就停的，如微软的 Live 博客和雅虎的相关服务。因此，自己掌握自己发布显然才放心；但是自己要搞定主机、DNS、独立 IP 等显然花费是巨大的，还好一心一意为码农服务的 GitHub 退出 Pages 服务，可以符合上述的要求，配合 Octopress，嘿嘿，Blog 也可以相当欢乐啊，本地备份、远程同步；Git 版本管理；加上 Github 社区化；再来个 BitBucket 的同步，嘿嘿，需要的东西齐活了。

如下，是一些简单的试用，呵呵。当然，建立一个功能齐全的 Blog 还是相当容易，但是要美观、大方、上档次那就需要相当一部分时间的调试了……

However, Hello, Octopress!

Test code syntax

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
/**
sample javascript from xui
*/
 
var undefined,
    xui,
    window     = this,
    string     = new String('string'),
    document   = window.document,
    simpleExpr = /^#?([\w-]+)$/,
    idExpr     = /^#/,
    tagExpr    = /<([\w:]+)/,
    slice      = function (e) { return [].slice.call(e, 0); };
    try { var a = slice(document.documentElement.childNodes)[0].nodeType; }
    catch(e){ slice = function (e) { var ret=[]; for (var i=0; e[i]; i++)
        ret.push(e[i]); return ret; }; }
 
window.x$ = window.xui = xui = function(q, context) {
    return new xui.fn.find(q, context);
};
  • another code demo
Discover if a number is primeSource Article
1
2
3
4
5
class Fixnum
  def prime?
    ('1' * self) !~ /^1?$|^(11+?)\1+$/
  end
end
  • gist demo

or

If you have a gist with multiple files, you can include files one at a time by adding the name after the gist id.

Math Examples

With these code:

 1 $$
 2 \LaTeX{}
 3 $$
 4 
 5 $$
 6 f=\frac{n v}{2 L}, \underbrace{\color{red}n=1, 2, 3, \ldots}_{\text{allowed 's}}
 7 $$
 8 
 9 $$
10 \frac{n!}{k!(n-k)!} = \binom{n}{k}
11 $$
12 
13 大家都喜欢用 $E=mc^2$ 举例子，但是我不是很理解。  
14 
15 这个公式 $\cos 2\theta = \cos^2 \theta - \sin^2 \theta =  2 \cos^2 \theta - 1$ 少年可还记得？
16 
17 插入方程组（注意多行公式结尾\\\需要打成\\\，可能是因为markdown会自动转义第一个\\）：
18 
19 \begin{aligned}
20 \dot{x} & = \sigma(y-x) \\\
21 \dot{y} & = \rho x - y - xz \\\
22 \dot{z} & = -\beta z + xy
23 \end{aligned}
24 
25 插入矩阵（同上）：
26 
27 \begin{bmatrix}
28 1 & 2\\\
29 3 & 4
30 \end{bmatrix}
31 
32 来个复杂点的（注意有的公式开头不会自动识别，用$$包围）：
33 
34 $$
35 \frac{\partial u}{\partial t} = h^2 \left( \frac{\partial^2 u}{\partial x^2} 
36 + \frac{\partial^2 u}{\partial y^2} + \frac{\partial^2 u}{\partial z^2}\right)
37 $$
38 
39 最后来个牛逼的吧，薛定谔方程，大学物理就记得这个了：
40 
41 $$
42 i\hbar\frac{\partial \psi}{\partial t} = \frac{-\hbar^2}{2m} \left(  \frac{\partial^2}{\partial x^2} + \frac{\partial^2}{\partial y^2} +
43  \frac{\partial^2}{\partial z^2} \right) \psi + V \psi.
44 $$

结果如下：

$$
\LaTeX{}
$$

$$
f=\frac{n v}{2 L}, \underbrace{\color{red}n=1, 2, 3, \ldots}_{\text{allowed ‘s}}
$$

$$
\frac{n!}{k!(n-k)!} = \binom{n}{k}
$$

大家都喜欢用 $E=mc^2$ 举例子，但是我不是很理解。

这个公式 $\cos 2\theta = \cos^2 \theta - \sin^2 \theta = 2 \cos^2 \theta - 1$ 少年可还记得？

插入方程组（注意多行公式结尾\\需要打成\\，可能是因为markdown会自动转义第一个\）：

\begin{aligned}
\dot{x} & = \sigma(y-x) \\
\dot{y} & = \rho x - y - xz \\
\dot{z} & = -\beta z + xy
\end{aligned}

插入矩阵（同上）：

\begin{bmatrix}
1 & 2\\
3 & 4
\end{bmatrix}

来个复杂点的（注意有的公式开头不会自动识别，用$$包围）：

$$
\frac{\partial u}{\partial t} = h^2 \left( \frac{\partial^2 u}{\partial x^2}+ \frac{\partial^2 u}{\partial y^2} + \frac{\partial^2 u}{\partial z^2}\right)
$$

最后来个牛逼的吧，薛定谔方程，大学物理就记得这个了：

$$
i\hbar\frac{\partial \psi}{\partial t} = \frac{-\hbar^2}{2m} \left(\frac{\partial^2}{\partial x^2} + \frac{\partial^2}{\partial y^2}+\frac{\partial^2}{\partial z^2} \right) \psi + V \psi.
$$