├── .gitignore ├── 404.html ├── CNAME ├── LICENSE ├── README.md ├── _config.yml ├── _includes ├── footer.html ├── head.html ├── meta.html ├── nav.html └── svg-icons.html ├── _layouts ├── default.html ├── page.html └── post.html ├── _posts ├── 2018-04-01-how-to-participate-in-terminus.md └── 2018-04-20-lao-tian-bu-ping-deng.md ├── _sass ├── _highlights.scss ├── _open-color.scss ├── _reset.scss └── _variables.scss ├── about.md ├── assets └── js │ ├── pangu.min.js │ └── search-script.js ├── atom.xml ├── categories.html ├── favicon.ico ├── images ├── 404.jpg └── logo.jpg ├── index.html ├── search.json ├── style.scss └── tags.html /.gitignore: -------------------------------------------------------------------------------- 1 | _site/ 2 | .sass-cache/ 3 | .jekyll-cache/ 4 | .jekyll-metadata 5 | .DS_Store 6 | -------------------------------------------------------------------------------- /404.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | permalink: 404.html 4 | --- 5 | 6 |
你在一个对抗 404 的网站发现了 404 页面!
8 |{{ site.footer-text }}
5 | {% endif %} 6 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 |{{ site.description }}
11 |107 | 108 | 109 | 引用可以嵌套。如果要在一个引用里插入一个引用,可以用两个('>')开头。依此类推,根据嵌套层次加相应数量的符号。 110 | 111 | > 这是一个引用。这是第一行 112 | 这是第二行。 113 | >> 这是一个嵌套的引用。这是第一行。 114 | 这是第二行 115 | > 116 | > 外层引用的第三行。前面需要一个视觉上的空行表示内层嵌套的结束,空行前面的('>')可以有可以没有。 117 | 118 | > 这是一个引用。这是第一行 119 | 这是第二行。 120 | >> 这是一个嵌套的引用。这是第一行。 121 | 这是第二行 122 | > 123 | > 外层引用的第三行。前面需要一个视觉上的空行表示内层嵌套的结束,空行前面的('>')可以有可以没有。 124 | 125 | ### 链接 126 | 127 | 链接可以在行内插入: 128 | 129 | [链接文字](链接地址) 130 | 131 | 例子: [Markdown](http://zh.wikipedia.com/wiki/Markdown) 132 | 133 | [链接文字](链接地址) 134 | 135 | 例子: [Markdown](http://zh.wikipedia.com/wiki/Markdown) 136 | 137 | 138 | 另一种选择是,链接地址可以放在段落后面的脚注,前面放上链接引用标签区分。举例说,先在内容行内插入以下内容: 139 | 140 | [链接文字][链接引用标签] 141 | 142 | 143 | 然后在段落的后面(或者文档的结尾)放上以下内容,就可以生成一个链接: 144 | 145 | [链接引用标签]: 链接地址 "链接标题" 146 | 147 | 148 | ### 水平分割线 149 | 150 | 要生成水平分割线,可以在单独一行里输入3个或以上的短横线、星号或者下划线实现。短横线和星号之间可以输入任意空格。以下每一行都产生一条水平分割线。 151 | 152 | * * * 153 | *** 154 | ***** 155 | - - - 156 | --------------------------------------- 157 | 158 | 159 | 本文源代码作为示例 160 | 161 | 162 | [1]: http://daringfireball.net/projects/markdown/ 163 | [2]: http://daringfireball.net/projects/markdown/syntax 164 | -------------------------------------------------------------------------------- /_sass/_highlights.scss: -------------------------------------------------------------------------------- 1 | pre, code { 2 | font-family: $code-font; 3 | } 4 | 5 | code.highlighter-rouge { 6 | font-size: 90%; 7 | color: $oc-indigo-9; 8 | background-color: $oc-gray-1; 9 | padding: .1em .2em; 10 | border-radius: 3px; 11 | } 12 | 13 | pre.highlight { 14 | font-size: $small-font-size; 15 | padding: .45em .45em .45em .625em; 16 | border: 1px solid $oc-gray-3; 17 | border-radius: 3px; 18 | margin: 1em 0; 19 | overflow: scroll; 20 | } 21 | 22 | .highlight { background: $oc-gray-0; } 23 | .highlight .c { color: #999988; font-style: italic } /* Comment */ 24 | .highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ 25 | .highlight .k { font-weight: bold } /* Keyword */ 26 | .highlight .o { font-weight: bold } /* Operator */ 27 | .highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ 28 | .highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ 29 | .highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ 30 | .highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ 31 | .highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ 32 | .highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ 33 | .highlight .ge { font-style: italic } /* Generic.Emph */ 34 | .highlight .gr { color: #aa0000 } /* Generic.Error */ 35 | .highlight .gh { color: #999999 } /* Generic.Heading */ 36 | .highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ 37 | .highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ 38 | .highlight .go { color: #888888 } /* Generic.Output */ 39 | .highlight .gp { color: #555555 } /* Generic.Prompt */ 40 | .highlight .gs { font-weight: bold } /* Generic.Strong */ 41 | .highlight .gu { color: #aaaaaa } /* Generic.Subheading */ 42 | .highlight .gt { color: #aa0000 } /* Generic.Traceback */ 43 | .highlight .kc { font-weight: bold } /* Keyword.Constant */ 44 | .highlight .kd { font-weight: bold } /* Keyword.Declaration */ 45 | .highlight .kp { font-weight: bold } /* Keyword.Pseudo */ 46 | .highlight .kr { font-weight: bold } /* Keyword.Reserved */ 47 | .highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ 48 | .highlight .m { color: #009999 } /* Literal.Number */ 49 | .highlight .s { color: #d14 } /* Literal.String */ 50 | .highlight .na { color: #008080 } /* Name.Attribute */ 51 | .highlight .nb { color: #0086B3 } /* Name.Builtin */ 52 | .highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ 53 | .highlight .no { color: #008080 } /* Name.Constant */ 54 | .highlight .ni { color: #800080 } /* Name.Entity */ 55 | .highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ 56 | .highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ 57 | .highlight .nn { color: #555555 } /* Name.Namespace */ 58 | .highlight .nt { color: #000080 } /* Name.Tag */ 59 | .highlight .nv { color: #008080 } /* Name.Variable */ 60 | .highlight .ow { font-weight: bold } /* Operator.Word */ 61 | .highlight .w { color: #bbbbbb } /* Text.Whitespace */ 62 | .highlight .mf { color: #009999 } /* Literal.Number.Float */ 63 | .highlight .mh { color: #009999 } /* Literal.Number.Hex */ 64 | .highlight .mi { color: #009999 } /* Literal.Number.Integer */ 65 | .highlight .mo { color: #009999 } /* Literal.Number.Oct */ 66 | .highlight .sb { color: #d14 } /* Literal.String.Backtick */ 67 | .highlight .sc { color: #d14 } /* Literal.String.Char */ 68 | .highlight .sd { color: #d14 } /* Literal.String.Doc */ 69 | .highlight .s2 { color: #d14 } /* Literal.String.Double */ 70 | .highlight .se { color: #d14 } /* Literal.String.Escape */ 71 | .highlight .sh { color: #d14 } /* Literal.String.Heredoc */ 72 | .highlight .si { color: #d14 } /* Literal.String.Interpol */ 73 | .highlight .sx { color: #d14 } /* Literal.String.Other */ 74 | .highlight .sr { color: #009926 } /* Literal.String.Regex */ 75 | .highlight .s1 { color: #d14 } /* Literal.String.Single */ 76 | .highlight .ss { color: #990073 } /* Literal.String.Symbol */ 77 | .highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ 78 | .highlight .vc { color: #008080 } /* Name.Variable.Class */ 79 | .highlight .vg { color: #008080 } /* Name.Variable.Global */ 80 | .highlight .vi { color: #008080 } /* Name.Variable.Instance */ 81 | .highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ -------------------------------------------------------------------------------- /_sass/_open-color.scss: -------------------------------------------------------------------------------- 1 | // 2 | // 𝗖 𝗢 𝗟 𝗢 𝗥 3 | // v 1.5.1 4 | // https://github.com/yeun/open-color/blob/master/open-color.scss 5 | // ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 6 | 7 | 8 | // General 9 | // ─────────────────────────────────── 10 | 11 | $oc-white: #ffffff; 12 | $oc-black: #000000; 13 | 14 | 15 | // Gray 16 | // ─────────────────────────────────── 17 | 18 | $oc-gray-list: ( 19 | "0": #f8f9fa, 20 | "1": #f1f3f5, 21 | "2": #e9ecef, 22 | "3": #dee2e6, 23 | "4": #ced4da, 24 | "5": #adb5bd, 25 | "6": #868e96, 26 | "7": #495057, 27 | "8": #343a40, 28 | "9": #212529 29 | ); 30 | 31 | $oc-gray-0: map-get($oc-gray-list, "0"); 32 | $oc-gray-1: map-get($oc-gray-list, "1"); 33 | $oc-gray-2: map-get($oc-gray-list, "2"); 34 | $oc-gray-3: map-get($oc-gray-list, "3"); 35 | $oc-gray-4: map-get($oc-gray-list, "4"); 36 | $oc-gray-5: map-get($oc-gray-list, "5"); 37 | $oc-gray-6: map-get($oc-gray-list, "6"); 38 | $oc-gray-7: map-get($oc-gray-list, "7"); 39 | $oc-gray-8: map-get($oc-gray-list, "8"); 40 | $oc-gray-9: map-get($oc-gray-list, "9"); 41 | 42 | 43 | // Red 44 | // ─────────────────────────────────── 45 | 46 | $oc-red-list: ( 47 | "0": #fff5f5, 48 | "1": #ffe3e3, 49 | "2": #ffc9c9, 50 | "3": #ffa8a8, 51 | "4": #ff8787, 52 | "5": #ff6b6b, 53 | "6": #fa5252, 54 | "7": #f03e3e, 55 | "8": #e03131, 56 | "9": #c92a2a 57 | ); 58 | 59 | $oc-red-0: map-get($oc-red-list, "0"); 60 | $oc-red-1: map-get($oc-red-list, "1"); 61 | $oc-red-2: map-get($oc-red-list, "2"); 62 | $oc-red-3: map-get($oc-red-list, "3"); 63 | $oc-red-4: map-get($oc-red-list, "4"); 64 | $oc-red-5: map-get($oc-red-list, "5"); 65 | $oc-red-6: map-get($oc-red-list, "6"); 66 | $oc-red-7: map-get($oc-red-list, "7"); 67 | $oc-red-8: map-get($oc-red-list, "8"); 68 | $oc-red-9: map-get($oc-red-list, "9"); 69 | 70 | 71 | // Pink 72 | // ─────────────────────────────────── 73 | 74 | $oc-pink-list: ( 75 | "0": #fff0f6, 76 | "1": #ffdeeb, 77 | "2": #fcc2d7, 78 | "3": #faa2c1, 79 | "4": #f783ac, 80 | "5": #f06595, 81 | "6": #e64980, 82 | "7": #d6336c, 83 | "8": #c2255c, 84 | "9": #a61e4d 85 | ); 86 | 87 | $oc-pink-0: map-get($oc-pink-list, "0"); 88 | $oc-pink-1: map-get($oc-pink-list, "1"); 89 | $oc-pink-2: map-get($oc-pink-list, "2"); 90 | $oc-pink-3: map-get($oc-pink-list, "3"); 91 | $oc-pink-4: map-get($oc-pink-list, "4"); 92 | $oc-pink-5: map-get($oc-pink-list, "5"); 93 | $oc-pink-6: map-get($oc-pink-list, "6"); 94 | $oc-pink-7: map-get($oc-pink-list, "7"); 95 | $oc-pink-8: map-get($oc-pink-list, "8"); 96 | $oc-pink-9: map-get($oc-pink-list, "9"); 97 | 98 | 99 | // Grape 100 | // ─────────────────────────────────── 101 | 102 | $oc-grape-list: ( 103 | "0": #f8f0fc, 104 | "1": #f3d9fa, 105 | "2": #eebefa, 106 | "3": #e599f7, 107 | "4": #da77f2, 108 | "5": #cc5de8, 109 | "6": #be4bdb, 110 | "7": #ae3ec9, 111 | "8": #9c36b5, 112 | "9": #862e9c 113 | ); 114 | 115 | $oc-grape-0: map-get($oc-grape-list, "0"); 116 | $oc-grape-1: map-get($oc-grape-list, "1"); 117 | $oc-grape-2: map-get($oc-grape-list, "2"); 118 | $oc-grape-3: map-get($oc-grape-list, "3"); 119 | $oc-grape-4: map-get($oc-grape-list, "4"); 120 | $oc-grape-5: map-get($oc-grape-list, "5"); 121 | $oc-grape-6: map-get($oc-grape-list, "6"); 122 | $oc-grape-7: map-get($oc-grape-list, "7"); 123 | $oc-grape-8: map-get($oc-grape-list, "8"); 124 | $oc-grape-9: map-get($oc-grape-list, "9"); 125 | 126 | 127 | // Violet 128 | // ─────────────────────────────────── 129 | 130 | $oc-violet-list: ( 131 | "0": #f3f0ff, 132 | "1": #e5dbff, 133 | "2": #d0bfff, 134 | "3": #b197fc, 135 | "4": #9775fa, 136 | "5": #845ef7, 137 | "6": #7950f2, 138 | "7": #7048e8, 139 | "8": #6741d9, 140 | "9": #5f3dc4 141 | ); 142 | 143 | $oc-violet-0: map-get($oc-violet-list, "0"); 144 | $oc-violet-1: map-get($oc-violet-list, "1"); 145 | $oc-violet-2: map-get($oc-violet-list, "2"); 146 | $oc-violet-3: map-get($oc-violet-list, "3"); 147 | $oc-violet-4: map-get($oc-violet-list, "4"); 148 | $oc-violet-5: map-get($oc-violet-list, "5"); 149 | $oc-violet-6: map-get($oc-violet-list, "6"); 150 | $oc-violet-7: map-get($oc-violet-list, "7"); 151 | $oc-violet-8: map-get($oc-violet-list, "8"); 152 | $oc-violet-9: map-get($oc-violet-list, "9"); 153 | 154 | 155 | // Indigo 156 | // ─────────────────────────────────── 157 | 158 | $oc-indigo-list: ( 159 | "0": #edf2ff, 160 | "1": #dbe4ff, 161 | "2": #bac8ff, 162 | "3": #91a7ff, 163 | "4": #748ffc, 164 | "5": #5c7cfa, 165 | "6": #4c6ef5, 166 | "7": #4263eb, 167 | "8": #3b5bdb, 168 | "9": #364fc7 169 | ); 170 | 171 | $oc-indigo-0: map-get($oc-indigo-list, "0"); 172 | $oc-indigo-1: map-get($oc-indigo-list, "1"); 173 | $oc-indigo-2: map-get($oc-indigo-list, "2"); 174 | $oc-indigo-3: map-get($oc-indigo-list, "3"); 175 | $oc-indigo-4: map-get($oc-indigo-list, "4"); 176 | $oc-indigo-5: map-get($oc-indigo-list, "5"); 177 | $oc-indigo-6: map-get($oc-indigo-list, "6"); 178 | $oc-indigo-7: map-get($oc-indigo-list, "7"); 179 | $oc-indigo-8: map-get($oc-indigo-list, "8"); 180 | $oc-indigo-9: map-get($oc-indigo-list, "9"); 181 | 182 | 183 | // Blue 184 | // ─────────────────────────────────── 185 | 186 | $oc-blue-list: ( 187 | "0": #e8f7ff, 188 | "1": #ccedff, 189 | "2": #a3daff, 190 | "3": #72c3fc, 191 | "4": #4dadf7, 192 | "5": #329af0, 193 | "6": #228ae6, 194 | "7": #1c7cd6, 195 | "8": #1b6ec2, 196 | "9": #1862ab 197 | ); 198 | 199 | $oc-blue-0: map-get($oc-blue-list, "0"); 200 | $oc-blue-1: map-get($oc-blue-list, "1"); 201 | $oc-blue-2: map-get($oc-blue-list, "2"); 202 | $oc-blue-3: map-get($oc-blue-list, "3"); 203 | $oc-blue-4: map-get($oc-blue-list, "4"); 204 | $oc-blue-5: map-get($oc-blue-list, "5"); 205 | $oc-blue-6: map-get($oc-blue-list, "6"); 206 | $oc-blue-7: map-get($oc-blue-list, "7"); 207 | $oc-blue-8: map-get($oc-blue-list, "8"); 208 | $oc-blue-9: map-get($oc-blue-list, "9"); 209 | 210 | 211 | // Cyan 212 | // ─────────────────────────────────── 213 | 214 | $oc-cyan-list: ( 215 | "0": #e3fafc, 216 | "1": #c5f6fa, 217 | "2": #99e9f2, 218 | "3": #66d9e8, 219 | "4": #3bc9db, 220 | "5": #22b8cf, 221 | "6": #15aabf, 222 | "7": #1098ad, 223 | "8": #0c8599, 224 | "9": #0b7285 225 | ); 226 | 227 | $oc-cyan-0: map-get($oc-cyan-list, "0"); 228 | $oc-cyan-1: map-get($oc-cyan-list, "1"); 229 | $oc-cyan-2: map-get($oc-cyan-list, "2"); 230 | $oc-cyan-3: map-get($oc-cyan-list, "3"); 231 | $oc-cyan-4: map-get($oc-cyan-list, "4"); 232 | $oc-cyan-5: map-get($oc-cyan-list, "5"); 233 | $oc-cyan-6: map-get($oc-cyan-list, "6"); 234 | $oc-cyan-7: map-get($oc-cyan-list, "7"); 235 | $oc-cyan-8: map-get($oc-cyan-list, "8"); 236 | $oc-cyan-9: map-get($oc-cyan-list, "9"); 237 | 238 | 239 | // Teal 240 | // ─────────────────────────────────── 241 | 242 | $oc-teal-list: ( 243 | "0": #e6fcf5, 244 | "1": #c3fae8, 245 | "2": #96f2d7, 246 | "3": #63e6be, 247 | "4": #38d9a9, 248 | "5": #20c997, 249 | "6": #12b886, 250 | "7": #0ca678, 251 | "8": #099268, 252 | "9": #087f5b 253 | ); 254 | 255 | $oc-teal-0: map-get($oc-teal-list, "0"); 256 | $oc-teal-1: map-get($oc-teal-list, "1"); 257 | $oc-teal-2: map-get($oc-teal-list, "2"); 258 | $oc-teal-3: map-get($oc-teal-list, "3"); 259 | $oc-teal-4: map-get($oc-teal-list, "4"); 260 | $oc-teal-5: map-get($oc-teal-list, "5"); 261 | $oc-teal-6: map-get($oc-teal-list, "6"); 262 | $oc-teal-7: map-get($oc-teal-list, "7"); 263 | $oc-teal-8: map-get($oc-teal-list, "8"); 264 | $oc-teal-9: map-get($oc-teal-list, "9"); 265 | 266 | 267 | // Green 268 | // ─────────────────────────────────── 269 | 270 | $oc-green-list: ( 271 | "0": #ebfbee, 272 | "1": #d3f9d8, 273 | "2": #b2f2bb, 274 | "3": #8ce99a, 275 | "4": #69db7c, 276 | "5": #51cf66, 277 | "6": #40c057, 278 | "7": #37b24d, 279 | "8": #2f9e44, 280 | "9": #2b8a3e 281 | ); 282 | 283 | $oc-green-0: map-get($oc-green-list, "0"); 284 | $oc-green-1: map-get($oc-green-list, "1"); 285 | $oc-green-2: map-get($oc-green-list, "2"); 286 | $oc-green-3: map-get($oc-green-list, "3"); 287 | $oc-green-4: map-get($oc-green-list, "4"); 288 | $oc-green-5: map-get($oc-green-list, "5"); 289 | $oc-green-6: map-get($oc-green-list, "6"); 290 | $oc-green-7: map-get($oc-green-list, "7"); 291 | $oc-green-8: map-get($oc-green-list, "8"); 292 | $oc-green-9: map-get($oc-green-list, "9"); 293 | 294 | 295 | // Lime 296 | // ─────────────────────────────────── 297 | 298 | $oc-lime-list: ( 299 | "0": #f4fce3, 300 | "1": #e9fac8, 301 | "2": #d8f5a2, 302 | "3": #c0eb75, 303 | "4": #a9e34b, 304 | "5": #94d82d, 305 | "6": #82c91e, 306 | "7": #74b816, 307 | "8": #66a80f, 308 | "9": #5c940d 309 | ); 310 | 311 | $oc-lime-0: map-get($oc-lime-list, "0"); 312 | $oc-lime-1: map-get($oc-lime-list, "1"); 313 | $oc-lime-2: map-get($oc-lime-list, "2"); 314 | $oc-lime-3: map-get($oc-lime-list, "3"); 315 | $oc-lime-4: map-get($oc-lime-list, "4"); 316 | $oc-lime-5: map-get($oc-lime-list, "5"); 317 | $oc-lime-6: map-get($oc-lime-list, "6"); 318 | $oc-lime-7: map-get($oc-lime-list, "7"); 319 | $oc-lime-8: map-get($oc-lime-list, "8"); 320 | $oc-lime-9: map-get($oc-lime-list, "9"); 321 | 322 | 323 | // Yellow 324 | // ─────────────────────────────────── 325 | 326 | $oc-yellow-list: ( 327 | "0": #fff9db, 328 | "1": #fff3bf, 329 | "2": #ffec99, 330 | "3": #ffe066, 331 | "4": #ffd43b, 332 | "5": #fcc419, 333 | "6": #fab005, 334 | "7": #f59f00, 335 | "8": #f08c00, 336 | "9": #e67700 337 | ); 338 | 339 | $oc-yellow-0: map-get($oc-yellow-list, "0"); 340 | $oc-yellow-1: map-get($oc-yellow-list, "1"); 341 | $oc-yellow-2: map-get($oc-yellow-list, "2"); 342 | $oc-yellow-3: map-get($oc-yellow-list, "3"); 343 | $oc-yellow-4: map-get($oc-yellow-list, "4"); 344 | $oc-yellow-5: map-get($oc-yellow-list, "5"); 345 | $oc-yellow-6: map-get($oc-yellow-list, "6"); 346 | $oc-yellow-7: map-get($oc-yellow-list, "7"); 347 | $oc-yellow-8: map-get($oc-yellow-list, "8"); 348 | $oc-yellow-9: map-get($oc-yellow-list, "9"); 349 | 350 | 351 | // Orange 352 | // ─────────────────────────────────── 353 | 354 | $oc-orange-list: ( 355 | "0": #fff4e6, 356 | "1": #ffe8cc, 357 | "2": #ffd8a8, 358 | "3": #ffc078, 359 | "4": #ffa94d, 360 | "5": #ff922b, 361 | "6": #fd7e14, 362 | "7": #f76707, 363 | "8": #e8590c, 364 | "9": #d9480f 365 | ); 366 | 367 | $oc-orange-0: map-get($oc-orange-list, "0"); 368 | $oc-orange-1: map-get($oc-orange-list, "1"); 369 | $oc-orange-2: map-get($oc-orange-list, "2"); 370 | $oc-orange-3: map-get($oc-orange-list, "3"); 371 | $oc-orange-4: map-get($oc-orange-list, "4"); 372 | $oc-orange-5: map-get($oc-orange-list, "5"); 373 | $oc-orange-6: map-get($oc-orange-list, "6"); 374 | $oc-orange-7: map-get($oc-orange-list, "7"); 375 | $oc-orange-8: map-get($oc-orange-list, "8"); 376 | $oc-orange-9: map-get($oc-orange-list, "9"); 377 | 378 | 379 | // Color list 380 | // ─────────────────────────────────── 381 | 382 | $oc-color-spectrum: 9; 383 | 384 | $oc-color-list: ( 385 | $oc-gray-list: "gray", 386 | $oc-red-list: "red", 387 | $oc-pink-list: "pink", 388 | $oc-grape-list: "grape", 389 | $oc-violet-list: "violet", 390 | $oc-indigo-list: "indigo", 391 | $oc-blue-list: "blue", 392 | $oc-cyan-list: "cyan", 393 | $oc-teal-list: "teal", 394 | $oc-green-list: "green", 395 | $oc-lime-list: "lime", 396 | $oc-yellow-list: "yellow", 397 | $oc-orange-list: "orange" 398 | ); -------------------------------------------------------------------------------- /_sass/_reset.scss: -------------------------------------------------------------------------------- 1 | 2 | /***************/ 3 | /* MEYER RESET */ 4 | /***************/ 5 | 6 | html, body, div, span, applet, object, iframe, 7 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, 8 | a, abbr, acronym, address, big, cite, code, 9 | del, dfn, em, img, ins, kbd, q, s, samp, 10 | small, strike, strong, sub, sup, tt, var, 11 | b, u, i, center, 12 | dl, dt, dd, ol, ul, li, 13 | fieldset, form, label, legend, 14 | table, caption, tbody, tfoot, thead, tr, th, td, 15 | article, aside, canvas, details, embed, 16 | figure, figcaption, footer, header, hgroup, 17 | menu, nav, output, ruby, section, summary, 18 | time, mark, audio, video { 19 | margin: 0; 20 | padding: 0; 21 | border: 0; 22 | font-size: 100%; 23 | font: inherit; 24 | vertical-align: baseline; 25 | } 26 | // HTML5 display-role reset for older browsers 27 | article, aside, details, figcaption, figure, 28 | footer, header, hgroup, menu, nav, section { 29 | display: block; 30 | } 31 | body { 32 | line-height: 1; 33 | } 34 | ol, ul, dl { 35 | list-style: none; 36 | } 37 | blockquote, q { 38 | quotes: none; 39 | } 40 | blockquote:before, blockquote:after, 41 | q:before, q:after { 42 | content: ''; 43 | content: none; 44 | } 45 | 46 | table { 47 | border-collapse: collapse; 48 | border-spacing: 0; 49 | } 50 | // Apply a natural box layout model to all elements 51 | // from: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ 52 | *, *:before, *:after { 53 | -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 54 | } 55 | -------------------------------------------------------------------------------- /_sass/_variables.scss: -------------------------------------------------------------------------------- 1 | 2 | // 3 | // VARIABLES 4 | // 5 | 6 | // Colors 7 | $blue: #4183C4; 8 | 9 | // Grays 10 | $black: #000; 11 | $darkerGray: #222; 12 | $darkGray: #333; 13 | $gray: #666; 14 | $lightGray: #eee; 15 | $white: #fff; 16 | 17 | // Font stacks 18 | $helvetica: Helvetica, Arial, sans-serif; 19 | $helveticaNeue: "Helvetica Neue", Helvetica, Arial, sans-serif; 20 | $georgia: Georgia, serif; 21 | 22 | // Fonts 23 | $base-font: Optima,'Lucida Sans',Calibri,Candara,Arial,source-han-serif-sc,'Source Han Serif SC','Source Han Serif CN','Source Han Serif TC','Source Han Serif TW','Source Han Serif','Songti SC','Microsoft YaHei',sans-serif; 24 | $code-font: 'Menlo', 'Courier New', 'Monaco', 'Spoqa Han Sans', monospace; 25 | 26 | // Font sizes 27 | $base-font-size: 18px; 28 | $small-font-size: 14px; 29 | 30 | // Colors 31 | $base-color: $oc-gray-8; 32 | $base-lighten-color: $oc-gray-6; 33 | 34 | $text-color: $base-color; 35 | $link-color: $oc-blue-8; 36 | $divider-color: $oc-gray-1; 37 | 38 | $table-border-color: $oc-gray-2; 39 | $table-background-color: $oc-gray-1; 40 | 41 | $blockquote-color: $base-lighten-color; 42 | $blockquote-border-color: $oc-gray-3; 43 | 44 | $footnote-link-border-color: $oc-gray-1; 45 | $footnote-link-background-over-color: $oc-gray-1; 46 | 47 | $selection-color: $oc-black; 48 | $selection-background-color: $oc-gray-1; 49 | 50 | $pagination-color: $oc-gray-6; 51 | $pagination-over-color: $oc-gray-7; 52 | 53 | $tag-index-label-color: $base-color; 54 | $tag-index-label-background-color: $oc-gray-2; 55 | $tag-index-count-background-color: $oc-gray-3; 56 | 57 | $footer-border-color: $oc-gray-2; 58 | $footer-background-color: $oc-gray-1; 59 | 60 | // List 61 | $li-bottom-space: 0.4em; 62 | $li-bullets-width: 1.4em; 63 | $li-line-height: 1.55; 64 | 65 | $ul-bullets-font: inherit; 66 | $ul-bullets-font-size: 1.4em; 67 | $ul-bullets-font-line-height: 1.2; 68 | $ul-bullets-right-space: .3em; 69 | 70 | $ol-bullets-font: inherit; 71 | $ol-bullets-font-size: 1em; 72 | $ol-bullets-font-line-height: inherit; 73 | $ol-bullets-right-space: .3em; 74 | 75 | $li-child-size-ratio: 0.95; 76 | 77 | $dt-width: 180px; 78 | $dt-dd-space: 20px; 79 | $dd-position: $dt-width+$dt-dd-space; 80 | 81 | // Mobile breakpoints 82 | @mixin mobile { 83 | @media screen and (max-width: 640px) { 84 | @content; 85 | } 86 | } 87 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: 关于 4 | permalink: /about.html 5 | --- 6 | 7 | {% if site.posts.size == 0 %} 8 |这一整段的内容都会作为一个HTML的引用元素。引用元素是会自动优化排版的(reflowable,可回流)。你可以任意地将引用的内容包含进来,然后所有这些都会被解析成为单独一个引用元素。