viko16

var page = require('webpage').create();

var url = 'http://ukn.me/#!/post/2016-07-13-Array%2520%25E9%259B%2586%25E5%2590%2588%25E6%2596%25B9%25E6%25B3%2595.md';

// 视窗大小
page.viewportSize = {
  width: 1440,
  height: 900
}

viko16

Inconsolata

• Good: 一切都好，非常好看的等宽，第一眼很惊艳
• Bad: 斜体不太好看，引号太斜几乎不能忍

Monaco

• Good: 中规中矩，斜体好看
• Bad: 总感觉是被拉高了，感觉怪怪的，暂时发现小写 m 挤在一起不太好看

Source Code Pro

• Good: 字体饱满，i l 特别，0 中间带点

viko16

Header

Header 部分只有一行，包括三个字段：

type（必需）、scope（可选）和subject（必需）。

type

用于说明 commit 的类别，只允许使用下面7个标识。

• feat：新功能

viko16

// Grid
.row
  margin-bottom: 2%
  &:after
    clear: both
  &:before, &:after
    content: " "
    display: table

[class*=col-]

viko16

{
	// "color_scheme": "Packages/ayu/ayu-dark.tmTheme",
	"create_window_at_startup": false,
	"font_face": "Ubuntu mono",
	"font_size": 14,
	"ignored_packages":
	[
		"Git",
		"GitGutter",
		"Vintage"

viko16

"*":
  "atom-beautify":
    _analyticsUserId: "c4bbb6d5-8b8e-42b0-ae10-07a10722a74b"
    analytics: false
  "atom-csscomb":
    indentSize: 4
  "atom-material-ui":
    fonts:
      fontSize: 14
    tabs: {}

viko16

.el {
  transform: transition3d(0,0,0);
  transform: translateZ(0); /* 推荐 */
}

/*
 * 二选一即可
 * 强制开启GPU硬件加速
 * 参考：
 * @url http://stackoverflow.com/questions/13176746/css-keyframe-animation-cpu-usage-is-high-should-it-be-this-way

viko16

# encoding=utf8
import MySQLdb
import sys
import time

reload(sys)
sys.setdefaultencoding('utf8') 

specialSign = "<!--markdown-->"

viko16

// 坤坤写的自动版

if (!Object.prototype.watch) {
    Object.defineProperty(Object.prototype, "watch", {
        enumerable: false,
        configurable: true,
        writable: false,
        value: function (prop, handler) {
            var oldval = this[prop],
                newval = oldval,

viko16

<!--[if lt IE 8]>
<style type="text/css">html{overflow:hidden}body{height:100%;overflow:auto}#upgradeyoubrowser{position:fixed;height:100%;width:100%;top:0;left:0;bottom:0;right:0;z-index:9999;background:#fff;padding:30px}#upgradeyoubrowser h3{padding:30px}#upgradeyoubrowser a{color:#08c;text-decoration:underline}</style>
<div id="upgradeyoubrowser">
    <h1>是时候升级你的浏览器了</h1>

    <h2>你正在使用过期的 Internet Explorer，请升级或更换后再访问。</h2>

    <h3>建议你下载安装，以便更好地访问我们的网站 : )</h3>
    <ul>
        <li><a href="http://windows.microsoft.com/zh-cn/windows/upgrade-your-browser" target="_blank">Microsoft Internet Explorer 9</a></li>