├── .gitignore ├── 404.md ├── CNAME ├── LICENSE.txt ├── README.md ├── _config.yml ├── _includes ├── baidu_analyze.html ├── duoshuo.html ├── footer.html ├── head.html ├── header.html ├── navigation.html ├── pagination.html ├── post_footer.html └── social_links.html ├── _layouts ├── center.html ├── default.html ├── page.html └── post.html ├── _posts ├── 2014-06-08-pixyll-has-pagination.md ├── 2014-06-09-so-what-is-jekyll.md ├── 2014-06-10-see-pixyll-in-action.md └── 2014-06-11-welcome-to-pixyll.markdown ├── _sass ├── _basscss.scss ├── _main.scss ├── _solarized-dark.scss └── _solarized-light.scss ├── about.md ├── contact.html ├── css └── pixyll.scss ├── feed.xml ├── images ├── bdtjcfg.jpg └── me.jpeg └── index.html /.gitignore: -------------------------------------------------------------------------------- 1 | _site 2 | .sass-cache 3 | .DS_Store 4 | 5 | # Ignore the config file that's used for gh-pages. 6 | _config.gh-pages.yml 7 | -------------------------------------------------------------------------------- /404.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: center 3 | permalink: /404.html 4 | no_duoshuo: true 5 | --- 6 | # 404 7 | 悲剧，页面好像找不到了... 8 | 9 |
10 | 主页 11 | 联系 12 |
13 | -------------------------------------------------------------------------------- /CNAME: -------------------------------------------------------------------------------- 1 | pixyll.maxee.info 2 | -------------------------------------------------------------------------------- /LICENSE.txt: -------------------------------------------------------------------------------- 1 | Copyright (c) 2014 John Otander 2 | 3 | MIT License 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining 6 | a copy of this software and associated documentation files (the 7 | "Software"), to deal in the Software without restriction, including 8 | without limitation the rights to use, copy, modify, merge, publish, 9 | distribute, sublicense, and/or sell copies of the Software, and to 10 | permit persons to whom the Software is furnished to do so, subject to 11 | the following conditions: 12 | 13 | The above copyright notice and this permission notice shall be 14 | included in all copies or substantial portions of the Software. 15 | 16 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, 17 | EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF 18 | MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 19 | NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE 20 | LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION 21 | OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION 22 | WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 23 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Pixyll 中文版 2 | ## 中文版说明 3 | 这是pixyll的汉化版，主要改动如下: 4 | 5 | 1. 语言汉化 6 | 2. 加入**多说**评论功能 7 | 3. 加入**百度统计**(可用google统计和百度统计) 8 | 4. fonts.googleapis.com更改为360字体cdn，大幅增加国内访问速度 9 | 10 | 原版:[pixyll.com](http://www.pixyll.com) 11 | 12 | ![Pixyll screenshot](https://cloud.githubusercontent.com/assets/1424573/3847467/134aa236-1e66-11e4-8421-4e8c122118dc.png) 13 | 14 | ## 使用说明 15 | 16 | 要使用Pixyll，你需要先安装ruby和jekyll 17 | 18 | ### 安装 Jekyll 19 | 20 | 你可以使用gem安装Jekyll，若已安装Jeykll，请跳过此步 21 | 22 | ``` 23 | $ gem install jekyll 24 | ``` 25 | 26 | #### 确认 Jekyll 版本 27 | 28 | 确认你的Jekyll版本，因为Pixyll只支持 [Jekyll 2.0 以上版本](http://jekyllrb.com/news/2014/05/06/jekyll-turns-2-0-0/). 29 | 30 | ``` 31 | $ jekyll -v 32 | # This should be jekyll 2.0.0 or later 33 | ``` 34 | 35 | ### 下载源码 36 | 37 | fork 和 clone本repo 38 | 39 | ### 修改配置文件: _config.yml 40 | 41 | 编辑配置文件 `_config.yml` : 42 | 43 | ```yml 44 | # Site settings 45 | title: 网站标题 46 | email: 您的邮箱 47 | author: John Otander 48 | description: "A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff." 49 | baseurl: "" 50 | url: "网站url，如:http://pixyll.com" 51 | 52 | # Build settings 53 | markdown: kramdown 54 | permalink: pretty 55 | #每页文章数量 56 | paginate: 3 57 | ``` 58 | 59 | ### 多说评论和百度统计(可选) 60 | 配置多说，和百度统计，如果不需要评论和统计功能，你可以跳过此步 61 | 你需要先注册多说和百度统计账号，然后将相应id填入配置文件即可 62 | 特别注意，百度统计请使用异步js代码 63 | ![百度统计](https://raw.githubusercontent.com/ee0703/pixyll-zh-cn/master/images/bdtjcfg.jpg) 64 | 65 | ``` yml 66 | #Duoshuo short Name / 多说的shortname 67 | duoshuo: 在这里填入你的多说short name 68 | 69 | #Baidu analytics / 百度统计(异步的js码，注意使用异步版本的) 70 | baidu_analyze: 百度统计码，如：3908cbb144cf558ba6a823230d653fc22 71 | ``` 72 | 73 | 74 | ### 运行服务器 Jekyll Serve 75 | 76 | 运行Jekyll服务器 77 | ``` 78 | $ jekyll serve --watch 79 | ``` 80 | 81 | 用浏览器打开 `localhost:4000`就可以看到网站了. 82 | 83 | ### 使用 Github Pages 84 | 85 | 关于如何使用Github pages来host你的网站,可以参考[这里](https://pages.github.com/) 86 | 87 | -------------------------------------------------------------------------------- /_config.yml: -------------------------------------------------------------------------------- 1 | # Site settings 2 | title: pixell中文版 3 | email: youremail@example.com 4 | author: John Otander 5 | description: "A simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff." 6 | baseurl: "" 7 | url: "http://pixyll.maxee.info" 8 | 9 | #Duoshuo short Name / 多说的shortname 10 | duoshuo: 11 | 12 | #Baidu analytics / 百度统计(异步的js码，注意使用异步版本的) 13 | baidu_analyze: 3908cbb144cf558ba6a823230d653fc22 14 | 15 | # Google analytics 16 | google_analytics: 17 | 18 | # Optional features 19 | animated: false 20 | show_related_posts: false 21 | show_post_footers: false 22 | 23 | # Social icons 24 | show_social_icons: false 25 | github_username: 26 | twitter_username: 27 | google_plus_id: 28 | linkedin_username: 29 | bitcoin_url: 30 | paypal_url: 31 | flattr_button: 32 | 33 | # Build settings 34 | markdown: kramdown 35 | permalink: pretty 36 | paginate: 3 37 | sass: 38 | compressed: true 39 | -------------------------------------------------------------------------------- /_includes/baidu_analyze.html: -------------------------------------------------------------------------------- 1 | {%if site.baidu_analyze %} 2 | 3 | 12 | 13 | {% endif %} 14 | -------------------------------------------------------------------------------- /_includes/duoshuo.html: -------------------------------------------------------------------------------- 1 | {%if site.duoshuo %} 2 | 3 |
4 | 5 | 6 | 17 | 18 | {% endif %} 19 | -------------------------------------------------------------------------------- /_includes/footer.html: -------------------------------------------------------------------------------- 1 | 13 | 14 | {% if site.google_analytics %} 15 | 25 | {% endif %} 26 | -------------------------------------------------------------------------------- /_includes/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {% if page.title %}{{ page.title }} – {% endif %}{{ site.title }} 5 | 6 | 7 | 8 | {% if page.categories %}{% endif %} 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | {% if site.show_social_icons %} 18 | 19 | {% endif %} 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | {% include baidu_analyze.html%} 30 | 31 | -------------------------------------------------------------------------------- /_includes/header.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 | {{ site.title }} 5 | 8 |
9 | {% if site.show_social_icons %} 10 | {% include social_links.html %} 11 | {% endif %} 12 |
13 |
14 |
15 | -------------------------------------------------------------------------------- /_includes/navigation.html: -------------------------------------------------------------------------------- 1 | 关于 2 | 联系 3 | -------------------------------------------------------------------------------- /_includes/pagination.html: -------------------------------------------------------------------------------- 1 | 21 | -------------------------------------------------------------------------------- /_includes/post_footer.html: -------------------------------------------------------------------------------- 1 |
2 | John Otander 3 |

4 | Pixyll is an open-source Jekyll theme that's built by John Otander. 5 | When he's not writing code and building things, he likes to ski. A. Lot. 6 |

7 |

8 | Follow him on Twitter. 9 |

10 |
11 | -------------------------------------------------------------------------------- /_includes/social_links.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {% if site.github_username %} 4 | 5 | {% endif %} 6 | 7 | {% if site.twitter_username %} 8 | 9 | {% endif %} 10 | {% if site.google_plus_id %} 11 | 12 | {% endif %} 13 | {% if site.email %} 14 | 15 | {% endif %} 16 | {% if site.linkedin_username %} 17 | 18 | {% endif %} 19 |
20 |
21 | {% if site.bitcoin_url %} 22 | 23 | {% endif %} 24 | {% if site.paypal_url %} 25 | 26 | {% endif %} 27 | {% if site.flattr_button %} 28 | {{ site.flattr_button }} 29 | {% endif %} 30 |
31 |
32 |
33 | -------------------------------------------------------------------------------- /_layouts/center.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {% include head.html %} 4 | 5 |
6 | {% include header.html %} 7 | 8 |
9 |
10 | {{ content }} 11 |
12 |
13 |
14 | 15 | {% include footer.html %} 16 | 17 | -------------------------------------------------------------------------------- /_layouts/default.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {% include head.html %} 4 | 5 |
6 | {% include header.html %} 7 | 8 |
9 |
10 | {{ content }} 11 | {% if page.no_duoshuo %} 12 | 13 | {% else %} 14 | {% include duoshuo.html %} 15 | {%endif%} 16 |
17 |
18 |
19 | 20 | {% include footer.html %} 21 | 22 | 23 | -------------------------------------------------------------------------------- /_layouts/page.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 |
5 |
6 |

{{ page.title }}

7 |
8 |
9 | {{ content }} 10 |
11 |
12 | -------------------------------------------------------------------------------- /_layouts/post.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | --- 4 | 5 | {% assign minutes = content | number_of_words | divided_by: 180 %} 6 | {% if minutes == 0 %} 7 | {% assign minutes = 1 %} 8 | {% endif %} 9 | 10 |
11 | {% if page.hide_title %} 12 | 13 | {% else %} 14 |

{{ page.title }}

15 | {% endif %} 16 | {{ page.date | date: "%m月 %d日, %Y" }}
17 | {% if page.update_date %} 18 | Updated: {{ page.update_date | date: "%m月 %d日, %Y" }}
19 | {% endif %} 20 | {{ minutes }} minute read 21 |
22 | 23 |
24 | {{ content }} 25 |
26 | 27 | {% if site.show_post_footers %} 28 | {% include post_footer.html %} 29 | {% endif %} 30 | 31 | {% if site.show_related_posts %} 32 |

Related Posts

33 | {% for post in site.related_posts %} 34 |
35 | 36 |

{{ post.title }}

37 |

{{ post.summary }}

38 | 39 |
40 | {% endfor %} 41 | {% endif %} 42 | -------------------------------------------------------------------------------- /_posts/2014-06-08-pixyll-has-pagination.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Pixyll has Pagination 4 | date: 2014-06-08 11:21:29 5 | summary: This is an empty post to illustrate the pagination component with Pixyll. 6 | categories: jekyll pixyll 7 | --- 8 | 9 | This is an empty post to illustrate the pagination component with Pixyll. 10 | -------------------------------------------------------------------------------- /_posts/2014-06-09-so-what-is-jekyll.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: So, What is Jekyll? 4 | date: 2014-06-09 12:32:18 5 | summary: Transform your plain text into static websites and blogs. Simple, static, and blog-aware. 6 | categories: jekyll pixyll 7 | --- 8 | 9 | Jekyll is a tool for transforming your plain text into static websites and 10 | blogs. It is simple, static, and blog-aware. Jekyll uses the 11 | [Liquid](http://docs.shopify.com/themes/liquid-basics) templating 12 | language and has builtin [Markdown](http://daringfireball.net/projects/markdown/) 13 | and [Textile](http://en.wikipedia.org/wiki/Textile_(markup_language)) support. 14 | 15 | It also ties in nicely to [Github Pages](https://pages.github.com/). 16 | 17 | Learn more about Jekyll on their [website](http://jekyllrb.com/). 18 | -------------------------------------------------------------------------------- /_posts/2014-06-10-see-pixyll-in-action.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Pixyll in Action 4 | date: 2014-06-10 12:31:19 5 | summary: See what the different elements looks like. Your markdown has never looked better. I promise. 6 | categories: jekyll pixyll 7 | --- 8 | 9 | There is a significant amount of subtle, yet precisely calibrated, styling to ensure 10 | that your content is emphasized while still looking aesthetically pleasing. 11 | 12 | All links are easy to [locate and discern](#), yet don't detract from the harmony 13 | of a paragraph. The _same_ goes for italics and __bold__ elements. Even the the strikeout 14 | works if for some reason you need to update your post. For consistency's sake, 15 | The same goes for insertions, of course. 16 | 17 | ### Code, with syntax highlighting 18 | 19 | Code blocks use the [solarized](http://ethanschoonover.com/solarized) theme. Both the light and 20 | dark versions are included, so you can swap them out easily. _Solarized Dark_ is the default. 21 | 22 | {% highlight ruby %} 23 | class Awesome < ActiveRecord::Base 24 | include EvenMoreAwesome 25 | 26 | validates_presence_of :something 27 | validates :email, email_format: true 28 | 29 | def initialize(email, name = nil) 30 | self.email = email 31 | self.name = name 32 | end 33 | end 34 | {% endhighlight %} 35 | 36 | # Headings! 37 | 38 | They're responsive, and well-proportioned (in `padding`, `line-height`, `margin`, and `font-size`). 39 | They also heavily rely on the awesome utility, [BASSCSS](http://www.basscss.com/). 40 | 41 | ##### They draw the perfect amount of attention 42 | 43 | This allows your content to have the proper informational and contextual hierarchy. Yay. 44 | 45 | ### There are lists, too 46 | 47 | * Apples 48 | * Oranges 49 | * Potatoes 50 | * Milk 51 | 52 | 1. Mow the lawn 53 | 2. Feed the dog 54 | 3. Dance 55 | 56 | ### Images look great, too 57 | 58 | ![desk](https://cloud.githubusercontent.com/assets/1424573/3378137/abac6d7c-fbe6-11e3-8e09-55745b6a8176.png) 59 | 60 | 61 | ### There are also pretty colors 62 | 63 | Also the result of [BASSCSS](http://www.basscss.com/), you can highlight certain components 64 | of a post with CSS classes. 65 | 66 | I don't recommend using blue, though. It looks like a link. 67 | 68 | ### Stylish blockquotes included 69 | 70 | You can use the markdown quote syntax, `>` for simple quotes. 71 | 72 | > Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse quis porta mauris. 73 | 74 | However, you need to inject html if you'd like a citation footer. I will be working on a way to 75 | hopefully sidestep this inconvenience. 76 | 77 |
78 |

79 | Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. 80 |

81 | 82 |
83 | 84 | ### There's more being added all the time 85 | 86 | Checkout the [Github repository](https://github.com/johnotander/pixyll) to request, 87 | or add, features. 88 | 89 | Happy writing. 90 | -------------------------------------------------------------------------------- /_posts/2014-06-11-welcome-to-pixyll.markdown: -------------------------------------------------------------------------------- 1 | --- 2 | layout: post 3 | title: Hello, Pixyll 4 | date: 2014-06-11 15:31:19 5 | summary: Pixyll is a simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff. 6 | categories: jekyll pixyll 7 | --- 8 | 9 | Hello. 10 | 11 | Pixyll is a simple, beautiful theme for Jekyll that emphasizes content rather than aesthetic fluff. It's mobile _first_, fluidly responsive, and delightfully lightweight. 12 | 13 | It's pretty minimal, but leverages large type and drastic contrast to make a statement, on all devices. 14 | 15 |
16 |

17 | Perfection is achieved, not when there is nothing more to add, but when there is nothing left to take away. 18 |

19 | 20 |
21 | 22 | ## Where is it? 23 | 24 | Checkout the [Github repository](https://github.com/johnotander/pixyll) to download it, request a feature, or report a bug. 25 | 26 | It's free, and open source ([MIT](http://opensource.org/licenses/MIT)). 27 | -------------------------------------------------------------------------------- /_sass/_basscss.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* 3 | 4 | BASSCSS 5 | 6 | Next-level CSS toolkit - http://jxnblk.github.io/basscss 7 | 8 | Made with love by Jxnblk - ©2014 Brent Jackson 9 | MIT License http://opensource.org/licenses/MIT 10 | 11 | */ 12 | body, button, input, select, textarea, pre { 13 | margin: 0; 14 | } 15 | 16 | h1, h2, h3, h4, h5, h6, p, dl, ol, ul { 17 | margin-top: 0; 18 | margin-bottom: 1rem; 19 | } 20 | 21 | button, input, select, textarea { 22 | font-family: inherit; 23 | font-size: 100%; 24 | } 25 | 26 | article, aside, details, figcaption, figure, footer, header, main, nav, section, summary { 27 | display: block; 28 | } 29 | 30 | body { 31 | font-family: 'Helvetica Neue', Helvetica, sans-serif; 32 | line-height: 1.5rem; 33 | font-weight: 400; 34 | } 35 | 36 | h1, .h1, .f1 { 37 | font-size: 2rem; 38 | line-height: 2.5rem; 39 | } 40 | 41 | h2, .h2, .f2 { 42 | font-size: 1.5rem; 43 | line-height: 2rem; 44 | } 45 | 46 | h3, .h3, .f3 { 47 | font-size: 1.25rem; 48 | line-height: 1.5rem; 49 | } 50 | 51 | p, .p, .f4, h4, h5, h6, dl, ol, ul { 52 | font-size: 1.125rem; 53 | line-height: 1.5rem; 54 | } 55 | 56 | small, .small, .f5 { 57 | font-size: .875rem; 58 | line-height: 1.5rem; 59 | } 60 | 61 | @media screen and (min-width: 48em) { 62 | .h1 { 63 | font-size: 4rem; 64 | line-height: 5rem; 65 | } 66 | 67 | .h2 { 68 | font-size: 2rem; 69 | line-height: 2.5rem; 70 | } 71 | 72 | .h3 { 73 | font-size: 1.5rem; 74 | line-height: 2rem; 75 | } 76 | 77 | .p { 78 | font-size: 1.25rem; 79 | line-height: 2rem; 80 | } 81 | 82 | .small { 83 | font-size: 1rem; 84 | } 85 | } 86 | @media screen and (min-width: 64em) { 87 | .h1 { 88 | font-size: 6rem; 89 | line-height: 8rem; 90 | } 91 | 92 | .h2 { 93 | font-size: 3rem; 94 | line-height: 3.5rem; 95 | } 96 | } 97 | strong, .bold { 98 | font-weight: bold; 99 | } 100 | 101 | .regular { 102 | font-weight: normal; 103 | } 104 | 105 | .italic { 106 | font-style: italic; 107 | } 108 | 109 | .caps { 110 | text-transform: uppercase; 111 | letter-spacing: .2em; 112 | } 113 | 114 | .center { 115 | text-align: center; 116 | } 117 | 118 | .right-align { 119 | text-align: right; 120 | } 121 | 122 | .measure { 123 | max-width: 48rem; 124 | } 125 | 126 | .measure-narrow { 127 | max-width: 32rem; 128 | } 129 | 130 | .measure-wide { 131 | max-width: 60rem; 132 | } 133 | 134 | .leading-1 { 135 | line-height: 1.5rem; 136 | } 137 | 138 | .leading-2 { 139 | line-height: 2rem; 140 | } 141 | 142 | .leading-3 { 143 | line-height: 3rem; 144 | } 145 | 146 | .leading-4 { 147 | line-height: 4rem; 148 | } 149 | 150 | .m0 { 151 | margin: 0; 152 | } 153 | 154 | .mb0 { 155 | margin-bottom: 0; 156 | } 157 | 158 | .m1 { 159 | margin: 1rem; 160 | } 161 | 162 | .mt1 { 163 | margin-top: 1rem; 164 | } 165 | 166 | .mr1 { 167 | margin-right: 1rem; 168 | } 169 | 170 | .mb1 { 171 | margin-bottom: 1rem; 172 | } 173 | 174 | .ml1 { 175 | margin-left: 1rem; 176 | } 177 | 178 | .m2 { 179 | margin: 2rem; 180 | } 181 | 182 | .mt2 { 183 | margin-top: 2rem; 184 | } 185 | 186 | .mr2 { 187 | margin-right: 2rem; 188 | } 189 | 190 | .mb2 { 191 | margin-bottom: 2rem; 192 | } 193 | 194 | .ml2 { 195 | margin-left: 2rem; 196 | } 197 | 198 | .m3 { 199 | margin: 3rem; 200 | } 201 | 202 | .mt3 { 203 | margin-top: 3rem; 204 | } 205 | 206 | .mr3 { 207 | margin-right: 3rem; 208 | } 209 | 210 | .mb3 { 211 | margin-bottom: 3rem; 212 | } 213 | 214 | .ml3 { 215 | margin-left: 3rem; 216 | } 217 | 218 | .m4 { 219 | margin: 4rem; 220 | } 221 | 222 | .mt4 { 223 | margin-top: 4rem; 224 | } 225 | 226 | .mr4 { 227 | margin-right: 4rem; 228 | } 229 | 230 | .mb4 { 231 | margin-bottom: 4rem; 232 | } 233 | 234 | .ml4 { 235 | margin-left: 4rem; 236 | } 237 | 238 | .wrap { 239 | margin-right: auto; 240 | margin-left: auto; 241 | } 242 | 243 | .m-responsive { 244 | margin: 2rem; 245 | } 246 | 247 | .mt-responsive { 248 | margin-top: 2rem; 249 | } 250 | 251 | .mr-responsive { 252 | margin-right: 2rem; 253 | } 254 | 255 | .mb-responsive { 256 | margin-bottom: 2rem; 257 | } 258 | 259 | .ml-responsive { 260 | margin-left: 2rem; 261 | } 262 | 263 | @media screen and (min-width: 48em) and (max-width: 64em) { 264 | .m-responsive { 265 | margin: 3rem; 266 | } 267 | 268 | .mt-responsive { 269 | margin-top: 3rem; 270 | } 271 | 272 | .mr-responsive { 273 | margin-right: 3rem; 274 | } 275 | 276 | .mb-responsive { 277 | margin-bottom: 3rem; 278 | } 279 | 280 | .ml-responsive { 281 | margin-left: 3rem; 282 | } 283 | } 284 | @media screen and (min-width: 64em) { 285 | .m-responsive { 286 | margin: 4rem; 287 | } 288 | 289 | .mt-responsive { 290 | margin-top: 4rem; 291 | } 292 | 293 | .mr-responsive { 294 | margin-right: 4rem; 295 | } 296 | 297 | .mb-responsive { 298 | margin-bottom: 4rem; 299 | } 300 | 301 | .ml-responsive { 302 | margin-left: 4rem; 303 | } 304 | } 305 | .p1 { 306 | padding: 1rem; 307 | } 308 | 309 | .px1 { 310 | padding-right: 1rem; 311 | padding-left: 1rem; 312 | } 313 | 314 | .py1 { 315 | padding-top: 1rem; 316 | padding-bottom: 1rem; 317 | } 318 | 319 | .p2 { 320 | /* padding: 2rem;*/ 321 | padding: 2rem; 322 | } 323 | 324 | .px2 { 325 | padding-right: 2rem; 326 | padding-left: 2rem; 327 | } 328 | 329 | .py2 { 330 | padding-top: 2rem; 331 | padding-bottom: 2rem; 332 | } 333 | 334 | .p3 { 335 | padding: 3rem; 336 | } 337 | 338 | .px3 { 339 | padding-right: 3rem; 340 | padding-left: 3rem; 341 | } 342 | 343 | .py3 { 344 | padding-top: 3rem; 345 | padding-bottom: 3rem; 346 | } 347 | 348 | .p4 { 349 | padding: 4rem; 350 | } 351 | 352 | .px4 { 353 | padding-right: 4rem; 354 | padding-left: 4rem; 355 | } 356 | 357 | .py4 { 358 | padding-top: 4rem; 359 | padding-bottom: 4rem; 360 | } 361 | 362 | .p-responsive { 363 | padding: 1.5rem; 364 | } 365 | 366 | .px-responsive { 367 | padding-right: 1.5rem; 368 | padding-left: 1.5rem; 369 | } 370 | 371 | .py-responsive { 372 | padding-top: 1.5rem; 373 | padding-bottom: 1.5rem; 374 | } 375 | 376 | @media screen and (min-width: 48em) and (max-width: 64em) { 377 | .p-responsive { 378 | padding: 3rem; 379 | } 380 | 381 | .px-responsive { 382 | padding-right: 3rem; 383 | padding-left: 3rem; 384 | } 385 | 386 | .py-responsive { 387 | padding-top: 3rem; 388 | padding-bottom: 3rem; 389 | } 390 | } 391 | @media screen and (min-width: 64em) { 392 | .p-responsive { 393 | padding: 4rem; 394 | } 395 | 396 | .px-responsive { 397 | padding-right: 4rem; 398 | padding-left: 4rem; 399 | } 400 | 401 | .py-responsive { 402 | padding-top: 4rem; 403 | padding-bottom: 4rem; 404 | } 405 | } 406 | .inline { 407 | display: inline; 408 | } 409 | 410 | .block { 411 | display: block; 412 | } 413 | 414 | .inline-block { 415 | display: inline-block; 416 | } 417 | 418 | .oh { 419 | overflow: hidden; 420 | } 421 | 422 | .left { 423 | float: left; 424 | } 425 | 426 | .right { 427 | float: right; 428 | } 429 | 430 | .clearfix:before, .clearfix:after { 431 | content: " "; 432 | display: table; 433 | } 434 | .clearfix:after { 435 | clear: both; 436 | } 437 | 438 | .fit { 439 | max-width: 100%; 440 | } 441 | 442 | .full-width { 443 | width: 100%; 444 | } 445 | 446 | .half-width { 447 | width: 50%; 448 | } 449 | 450 | .mobile-show { 451 | display: none; 452 | } 453 | 454 | @media screen and (max-width: 48em) { 455 | .mobile-show, 456 | .mobile-block { 457 | display: block; 458 | } 459 | 460 | .mobile-block { 461 | width: 100%; 462 | } 463 | 464 | .mobile-hide { 465 | display: none; 466 | } 467 | 468 | .mobile-center { 469 | text-align: center; 470 | } 471 | } 472 | .button { 473 | font-family: inherit; 474 | font-weight: bold; 475 | text-decoration: none; 476 | cursor: pointer; 477 | border: none; 478 | -webkit-appearance: none; 479 | appearance: none; 480 | white-space: nowrap; 481 | display: inline-block; 482 | line-height: 2rem; 483 | height: auto; 484 | min-height: 2rem; 485 | padding: .5rem 1rem; 486 | } 487 | 488 | .button-big { 489 | padding: 1rem 1.5rem; 490 | } 491 | 492 | .button-small { 493 | padding: 0 1rem; 494 | } 495 | 496 | .form { 497 | font-size: 1rem; 498 | } 499 | 500 | .input { 501 | appearance: none; 502 | border-style: solid; 503 | border-width: 1px; 504 | -moz-box-sizing: border-box; 505 | box-sizing: border-box; 506 | max-width: 100%; 507 | height: 3rem; 508 | line-height: 2rem; 509 | padding: .5rem; 510 | border-radius: .25rem; 511 | } 512 | 513 | .select { 514 | box-sizing: border-box; 515 | height: 3rem; 516 | margin-right: 0; 517 | margin-left: 0; 518 | border-radius: .25rem; 519 | } 520 | 521 | .textarea { 522 | box-sizing: border-box; 523 | padding: 1rem; 524 | line-height: 1.5rem; 525 | border-radius: .25rem; 526 | } 527 | 528 | .form-stacked label, 529 | .form-stacked .input, 530 | .form-stacked .select { 531 | display: block; 532 | width: 100%; 533 | } 534 | .form-stacked .input, 535 | .form-stacked .select, 536 | .form-stacked .radio, 537 | .form-stacked .checkbox { 538 | margin-bottom: 1rem; 539 | } 540 | 541 | .list { 542 | padding-left: 2rem; 543 | } 544 | 545 | .list-simple { 546 | list-style: none; 547 | padding-left: 0; 548 | } 549 | 550 | .list-inline { 551 | list-style: none; 552 | padding-left: 0; 553 | } 554 | .list-inline li { 555 | display: inline; 556 | white-space: nowrap; 557 | } 558 | 559 | .relative { 560 | position: relative; 561 | } 562 | 563 | .absolute { 564 | position: absolute; 565 | } 566 | 567 | .fixed { 568 | position: fixed; 569 | } 570 | 571 | .t0 { 572 | top: 0; 573 | } 574 | 575 | .r0 { 576 | right: 0; 577 | } 578 | 579 | .b0 { 580 | bottom: 0; 581 | } 582 | 583 | .l0 { 584 | left: 0; 585 | } 586 | 587 | .z1 { 588 | z-index: 1; 589 | } 590 | 591 | .z2 { 592 | z-index: 2; 593 | } 594 | 595 | .z3 { 596 | z-index: 3; 597 | } 598 | 599 | .z4 { 600 | z-index: 4; 601 | } 602 | 603 | .absolute-center { 604 | top: 0; 605 | right: 0; 606 | bottom: 0; 607 | left: 0; 608 | margin: auto; 609 | display: table; 610 | } 611 | 612 | .white { 613 | color: #fff; 614 | } 615 | 616 | .blue { 617 | color: #0096cc; 618 | } 619 | 620 | .light-gray { 621 | color: #eeeeee; 622 | } 623 | 624 | .mid-gray { 625 | color: #777777; 626 | } 627 | 628 | .dark-gray { 629 | color: #333333; 630 | } 631 | 632 | .red { 633 | color: #ff5522; 634 | } 635 | 636 | .green { 637 | color: #00ff66; 638 | } 639 | 640 | .orange { 641 | color: #ffcc22; 642 | } 643 | 644 | .bg-white { 645 | background-color: #fff; 646 | } 647 | 648 | .bg-blue { 649 | background-color: #0096cc; 650 | } 651 | 652 | .bg-light-gray { 653 | background-color: #eeeeee; 654 | } 655 | 656 | .bg-mid-gray { 657 | background-color: #777777; 658 | } 659 | 660 | .bg-dark-gray { 661 | background-color: #333333; 662 | } 663 | 664 | .bg-red { 665 | background-color: #ff5522; 666 | } 667 | 668 | .bg-green { 669 | background-color: #00ff66; 670 | } 671 | 672 | .bg-orange { 673 | background-color: #ffcc22; 674 | } 675 | 676 | body { 677 | color: #333333; 678 | background-color: #fff; 679 | } 680 | 681 | a { 682 | color: #0096cc; 683 | text-decoration: none; 684 | } 685 | a:hover { 686 | color: #007199; 687 | } 688 | 689 | .button { 690 | border-radius: .25rem; 691 | transition-duration: .2s; 692 | transition-timing-function: ease; 693 | transition-property: box-shadow , background-color; 694 | } 695 | .button:focus { 696 | outline: none; 697 | box-shadow: 0 0 0 2px white, 0 0 1px 4px rgba(0, 150, 204, 0.5); 698 | } 699 | 700 | .button-blue { 701 | color: #fff; 702 | background-color: #0096cc; 703 | } 704 | .button-blue:hover { 705 | color: #fff; 706 | background-color: #004b66; 707 | } 708 | 709 | .button-gray { 710 | color: #fff; 711 | background-color: #777777; 712 | } 713 | .button-gray:hover { 714 | color: #fff; 715 | background-color: #444444; 716 | } 717 | 718 | .form-light .input, 719 | .form-light .textarea, 720 | .form-light .select { 721 | transition: box-shadow .2s ease; 722 | border-color: #777777; 723 | } 724 | .form-light .input:focus, 725 | .form-light .textarea:focus, 726 | .form-light .select:focus { 727 | outline: none; 728 | border-color: #0096cc; 729 | box-shadow: 0 0 0.125rem rgba(0, 150, 204, 0.5); 730 | } 731 | .form-light .radio input, 732 | .form-light .checkbox input { 733 | transition: box-shadow .2s ease; 734 | } 735 | .form-light .radio input:focus, 736 | .form-light .checkbox input:focus { 737 | outline: none; 738 | box-shadow: 0 0 0 2px white, 0 0 1px 4px rgba(0, 150, 204, 0.5); 739 | } 740 | .form-light .radio input { 741 | border-radius: 50%; 742 | } 743 | 744 | .border { 745 | border-style: solid; 746 | border-width: 1px; 747 | } 748 | 749 | .border-top { 750 | border-top-style: solid; 751 | border-top-width: 1px; 752 | } 753 | 754 | .border-light-gray { 755 | border-color: #eeeeee; 756 | } 757 | 758 | .rounded { 759 | border-radius: .25rem; 760 | } 761 | 762 | .transition-all { 763 | transition: all .2s ease; 764 | } 765 | -------------------------------------------------------------------------------- /_sass/_main.scss: -------------------------------------------------------------------------------- 1 | @charset "UTF-8"; 2 | /* 3 | 4 | Pixyll 5 | 6 | A simple, beautiful theme for Jekyll that emphasizes content rather than 7 | aesthetic fluff. 8 | 9 | Best served with BASSCSS (http://jxnblk.github.io/basscss) 10 | 11 | Crafted with <3 by John Otander (@4lpine) - ©2014 John Otander 12 | MIT License http://opensource.org/licenses/MIT 13 | 14 | */ 15 | 16 | body { 17 | font-family: "Merriweather", "PT Serif", Georgia, "Times New Roman", serif; 18 | } 19 | 20 | html, body { 21 | height: 100%; 22 | } 23 | 24 | img { 25 | width: auto; 26 | max-width: 100%; 27 | } 28 | 29 | .site-wrap { 30 | min-height: 100%; 31 | margin-bottom: -120px; 32 | } 33 | 34 | .site-wrap:after { 35 | content: ""; 36 | display: block; 37 | } 38 | 39 | .footer, .site-wrap:after { 40 | height: 120px; 41 | } 42 | 43 | body { 44 | font-size: 1.5rem; 45 | 46 | box-sizing: border-box; 47 | -moz-box-sizing: border-box; 48 | -webkit-box-sizing: border-box; 49 | } 50 | 51 | .gist, 52 | .gist .highlight .p { 53 | font-size: .75rem; 54 | } 55 | 56 | .gist .lines { 57 | width: 100%; 58 | } 59 | 60 | .site-header a { 61 | color: #333; 62 | font-weight: 300; 63 | } 64 | 65 | .site-header nav a { 66 | font-size: 1rem; 67 | color: #666; 68 | } 69 | 70 | .site-header nav a:hover { 71 | color: #444; 72 | opacity: 1; 73 | border-bottom: 2px solid #444; 74 | } 75 | 76 | .site-nav a + a { 77 | margin-left: 1em; 78 | } 79 | 80 | .site-nav { 81 | margin: 0; 82 | padding: 0; 83 | } 84 | 85 | .site-header a:hover, 86 | .posts .post a:hover .post-meta, 87 | .posts .post a:hover .post-title, 88 | .posts .post a:hover .post-summary { 89 | opacity: 0.88; 90 | } 91 | 92 | .related-post-title { 93 | border-bottom: thin solid #f3f3f3; 94 | } 95 | 96 | .posts { 97 | margin: 0; 98 | } 99 | 100 | .posts .post { 101 | margin-bottom: 0.75em; 102 | padding-bottom: .375em; 103 | border-bottom: thin solid #f3f3f3; 104 | } 105 | 106 | .posts .post:last-child { 107 | border-bottom: none; 108 | margin-bottom: .375em; 109 | padding-bottom: 0; 110 | } 111 | 112 | .post-link .post-title { 113 | margin-top: 0; 114 | font-weight: 600; 115 | color: #333; 116 | } 117 | 118 | .post-footer { 119 | @extend .italic; 120 | 121 | margin-top: .75rem; 122 | text-align: center; 123 | } 124 | 125 | .post-footer .avatar { 126 | margin: 2rem 0; 127 | width: 100px; 128 | border-radius: 50%; 129 | } 130 | 131 | .pagination, 132 | .button { 133 | font-size: 1rem; 134 | font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; 135 | font-weight: 300; 136 | text-align: center; 137 | } 138 | 139 | .pagination a, .pagination .disabled { 140 | -webkit-transition: all 0.2s ease-in-out; 141 | -moz-transition: all 0.2s ease-in-out; 142 | transition: all 0.2s ease-in-out; 143 | background: #fafafa; 144 | border-radius: 0.1875em; 145 | border: 1px solid #f3f3f3; 146 | color: #333333; 147 | padding: 1em 1.5em; 148 | } 149 | 150 | .pagination .disabled { 151 | opacity: 0.5; 152 | } 153 | 154 | .pagination a:hover, .pagination a:focus { 155 | background: white; 156 | color: #477dca; 157 | } 158 | 159 | .pagination a:active { 160 | background: #f7f7f7; 161 | } 162 | 163 | .wrap .measure { 164 | margin: 0 auto; 165 | } 166 | 167 | .meta, 168 | .post-meta { 169 | width: auto; 170 | font-size: 1rem; 171 | font-weight: 300; 172 | margin: 0; 173 | padding: .25em 0; 174 | color: #7a7a7a; 175 | font-style: italic; 176 | } 177 | 178 | .pagination .button { 179 | font-size: 1rem; 180 | font-weight: 300; 181 | letter-spacing: 1px; 182 | } 183 | 184 | .button-disabled { 185 | opacity: 0.55; 186 | background-color: #999; 187 | } 188 | 189 | .button-disabled:hover, 190 | .button-disabled:active, 191 | .button-disabled:focus { 192 | cursor: not-allowed; 193 | background-color: #999; 194 | } 195 | 196 | form { 197 | font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; 198 | font-weight: 300; 199 | font-size: 1rem; 200 | } 201 | 202 | textarea.input { 203 | height: 8em; 204 | } 205 | 206 | p { 207 | font-weight: 300; 208 | line-height: 1.5; 209 | color: #333; 210 | } 211 | 212 | abbr { 213 | border-bottom: 1px black dotted; 214 | cursor: help; 215 | } 216 | 217 | pre, code { 218 | font-family: Menlo, Monaco, "Courier New", monospace 219 | } 220 | 221 | code { 222 | color: #7a7a7a; 223 | } 224 | 225 | pre { 226 | padding: 1.125em; 227 | font-size: 1.125rem; 228 | line-height: 1.11; 229 | overflow-x: scroll; 230 | margin-bottom: 0.88em; 231 | } 232 | 233 | .highlight .p { 234 | font-size: 1.125rem; 235 | line-height: 1; 236 | } 237 | 238 | blockquote { 239 | padding: 1.33em; 240 | font-style: italic; 241 | border-left: 5px solid #7a7a7a; 242 | } 243 | 244 | blockquote footer { 245 | font-size: .85rem; 246 | font-style: normal; 247 | background-color: #fff; 248 | color: #7a7a7a; 249 | border-color: transparent; 250 | } 251 | 252 | h1, 253 | .h1, 254 | h2, 255 | .h2, 256 | h3, 257 | .h3, 258 | h4, 259 | .h4, 260 | h5, 261 | .h5, 262 | h6, 263 | .h6 { 264 | font-family: "Lato", 'Helvetica Neue', Helvetica, sans-serif; 265 | font-weight: 900; 266 | line-height: 1.2; 267 | /*margin: 1.414em 0 0.5em;*/ 268 | } 269 | 270 | .social-icons { 271 | padding: 0.5em 0 0 0; 272 | font-size: 1.25rem; 273 | width: 100%; 274 | } 275 | .social-icons a.fa { 276 | padding: 0.2em; 277 | opacity: 0.8; 278 | cursor: pointer; 279 | } 280 | .social-icons a.fa:hover { 281 | opacity: 1; 282 | } 283 | .social-icons iframe[title=Flattr] { 284 | position: relative; 285 | top: 0.1em; 286 | } 287 | 288 | @media screen and (min-width: 48em) { 289 | .site-header .site-title { 290 | float: left; 291 | } 292 | 293 | .meta, 294 | .post-meta { 295 | margin: 0; 296 | padding: 0; 297 | font-size: 1.25rem; 298 | } 299 | 300 | .h1, 301 | h1 { 302 | font-size: 3.250rem; 303 | } 304 | 305 | .h2, 306 | h2 { 307 | font-size: 2.298rem; 308 | } 309 | 310 | .h3, 311 | h3 { 312 | font-size: 1.625rem; 313 | } 314 | 315 | .h4, 316 | h4 { 317 | font-size: 1.150rem; 318 | } 319 | 320 | .p, 321 | p, 322 | li { 323 | font-size: 1.25rem; 324 | line-height: 1.8; 325 | } 326 | 327 | .small { 328 | font-size: 1rem; 329 | } 330 | 331 | .post-link .post-title { 332 | margin-top: 0.5em; 333 | } 334 | 335 | .posts .post { 336 | margin-bottom: 1.333em; 337 | padding-bottom: 0.666em; 338 | border-bottom: thin solid #f3f3f3; 339 | } 340 | 341 | .posts .post:last-child { 342 | border-bottom: none; 343 | margin-bottom: .333em; 344 | padding-bottom: 0; 345 | } 346 | } 347 | 348 | @media screen and (max-width: 48em) { 349 | .h1, 350 | h1 { 351 | font-size: 2.827rem; 352 | } 353 | 354 | .h2, 355 | h2 { 356 | font-size: 1.999rem; 357 | } 358 | 359 | .h3, 360 | h3 { 361 | font-size: 1.413rem; 362 | } 363 | 364 | .h4, 365 | h4 { 366 | font-size: 1rem; 367 | } 368 | 369 | .site-header { 370 | text-align: center; 371 | } 372 | 373 | .site-header .site-title { 374 | float: center; 375 | } 376 | 377 | .site-header .site-nav { 378 | width: 100%; 379 | float: left; 380 | text-align: center; 381 | margin-top: 0.666em; 382 | margin-bottom: 1.333em; 383 | } 384 | 385 | .social-icons .left, .social-icons .right { 386 | text-align: center; 387 | float: none; 388 | } 389 | } 390 | 391 | @media screen and (min-width: 64em) { 392 | .h1, 393 | h1 { 394 | font-size: 4.498rem; 395 | } 396 | 397 | .h2, 398 | h2 { 399 | font-size: 3.18rem; 400 | } 401 | 402 | .h3, 403 | h3 { 404 | font-size: 2.249rem; 405 | } 406 | 407 | .h4, 408 | h4 { 409 | font-size: 1.591rem; 410 | } 411 | 412 | .posts .post-meta { 413 | padding-bottom: .2em; 414 | } 415 | 416 | .post-link .post-title { 417 | margin-top: .125em; 418 | } 419 | 420 | .posts .post { 421 | margin-bottom: 2.666em; 422 | padding-bottom: 1.333em; 423 | border-bottom: thin solid #f3f3f3; 424 | } 425 | 426 | .posts .post:last-child { 427 | border-bottom: none; 428 | margin-bottom: .666em; 429 | padding-bottom: 0; 430 | } 431 | } 432 | 433 | footer { 434 | border-top: thin solid #f3f3f3; 435 | } 436 | 437 | footer, 438 | footer .wrap { 439 | color: #7a7a7a; 440 | background-color: #fafafa; 441 | font-family: 'Lato', 'Helvetica Neue', Helvetica, sans-serif; 442 | font-weight: 300; 443 | clear: both; 444 | } 445 | 446 | footer:after { 447 | content: ""; 448 | display: block; 449 | } 450 | 451 | @charset "UTF-8"; 452 | 453 | /*! 454 | Animate.css - http://daneden.me/animate 455 | Licensed under the MIT license - http://opensource.org/licenses/MIT 456 | 457 | Copyright (c) 2014 Daniel Eden 458 | */ 459 | 460 | .animated { 461 | -webkit-animation-duration: 1s; 462 | animation-duration: 1s; 463 | -webkit-animation-fill-mode: both; 464 | animation-fill-mode: both; 465 | } 466 | 467 | .animated.infinite { 468 | -webkit-animation-iteration-count: infinite; 469 | animation-iteration-count: infinite; 470 | } 471 | 472 | .animated.hinge { 473 | -webkit-animation-duration: 2s; 474 | animation-duration: 2s; 475 | } 476 | 477 | @-webkit-keyframes fadeInDown { 478 | 0% { 479 | opacity: 0; 480 | -webkit-transform: translateY(-20px); 481 | transform: translateY(-20px); 482 | } 483 | 484 | 100% { 485 | opacity: 1; 486 | -webkit-transform: translateY(0); 487 | transform: translateY(0); 488 | } 489 | } 490 | 491 | @keyframes fadeInDown { 492 | 0% { 493 | opacity: 0; 494 | 495 | -webkit-transform: translateY(-20px) translate3d(0, 0, 0); 496 | -ms-transform: translateY(-20px) translate3d(0, 0, 0); 497 | transform: translateY(-20px) translate3d(0, 0, 0); 498 | } 499 | 500 | 100% { 501 | opacity: 1; 502 | 503 | -webkit-transform: translateY(0) translate3d(0, 0, 0); 504 | -ms-transform: translateY(0) translate3d(0, 0, 0); 505 | transform: translateY(0) translate3d(0, 0, 0); 506 | } 507 | } 508 | 509 | .fade-in-down { 510 | -webkit-animation-name: fadeInDown; 511 | animation-name: fadeInDown; 512 | } 513 | -------------------------------------------------------------------------------- /_sass/_solarized-dark.scss: -------------------------------------------------------------------------------- 1 | /* Solarized Dark 2 | 3 | For use with Jekyll and Pygments 4 | 5 | http://ethanschoonover.com/solarized 6 | 7 | SOLARIZED HEX ROLE 8 | --------- -------- ------------------------------------------ 9 | base03 #002b36 background 10 | base01 #586e75 comments / secondary content 11 | base1 #93a1a1 body text / default code / primary content 12 | orange #cb4b16 constants 13 | red #dc322f regex, special keywords 14 | blue #268bd2 reserved keywords 15 | cyan #2aa198 strings, numbers 16 | green #859900 operators, other keywords 17 | */ 18 | 19 | .highlight, 20 | .gist-syntax .highlight { background-color: #002b36; color: #93a1a1 } 21 | .highlight .c, 22 | .gist-syntax .highlight .c { color: #586e75 } /* Comment */ 23 | .highlight .err, 24 | .gist-syntax .highlight .err { color: #93a1a1 } /* Error */ 25 | .highlight .g, 26 | .gist-syntax .highlight .g { color: #93a1a1 } /* Generic */ 27 | .highlight .k, 28 | .gist-syntax .highlight .k { color: #859900 } /* Keyword */ 29 | .highlight .l, 30 | .gist-syntax .highlight .l { color: #93a1a1 } /* Literal */ 31 | .highlight .n, 32 | .gist-syntax .highlight .n { color: #93a1a1 } /* Name */ 33 | .highlight .o, 34 | .gist-syntax .highlight .o { color: #859900 } /* Operator */ 35 | .highlight .x, 36 | .gist-syntax .highlight .x { color: #cb4b16 } /* Other */ 37 | .highlight .p, 38 | .gist-syntax .highlight .p { color: #93a1a1 } /* Punctuation */ 39 | .highlight .cm, 40 | .gist-syntax .highlight .cm { color: #586e75 } /* Comment.Multiline */ 41 | .highlight .cp, 42 | .gist-syntax .highlight .cp { color: #859900 } /* Comment.Preproc */ 43 | .highlight .c1, 44 | .gist-syntax .highlight .c1 { color: #586e75 } /* Comment.Single */ 45 | .highlight .cs, 46 | .gist-syntax .highlight .cs { color: #859900 } /* Comment.Special */ 47 | .highlight .gd, 48 | .gist-syntax .highlight .gd { color: #2aa198 } /* Generic.Deleted */ 49 | .highlight .ge, 50 | .gist-syntax .highlight .ge { color: #93a1a1; font-style: italic } /* Generic.Emph */ 51 | .highlight .gr, 52 | .gist-syntax .highlight .gr { color: #dc322f } /* Generic.Error */ 53 | .highlight .gh, 54 | .gist-syntax .highlight .gh { color: #cb4b16 } /* Generic.Heading */ 55 | .highlight .gi, 56 | .gist-syntax .highlight .gi { color: #859900 } /* Generic.Inserted */ 57 | .highlight .go, 58 | .gist-syntax .highlight .go { color: #93a1a1 } /* Generic.Output */ 59 | .highlight .gp, 60 | .gist-syntax .highlight .gp { color: #93a1a1 } /* Generic.Prompt */ 61 | .highlight .gs, 62 | .gist-syntax .highlight .gs { color: #93a1a1; font-weight: bold } /* Generic.Strong */ 63 | .highlight .gu, 64 | .gist-syntax .highlight .gu { color: #cb4b16 } /* Generic.Subheading */ 65 | .highlight .gt, 66 | .gist-syntax .highlight .gt { color: #93a1a1 } /* Generic.Traceback */ 67 | .highlight .kc, 68 | .gist-syntax .highlight .kc { color: #cb4b16 } /* Keyword.Constant */ 69 | .highlight .kd, 70 | .gist-syntax .highlight .kd { color: #268bd2 } /* Keyword.Declaration */ 71 | .highlight .kn, 72 | .gist-syntax .highlight .kn { color: #859900 } /* Keyword.Namespace */ 73 | .highlight .kp, 74 | .gist-syntax .highlight .kp { color: #859900 } /* Keyword.Pseudo */ 75 | .highlight .kr, 76 | .gist-syntax .highlight .kr { color: #268bd2 } /* Keyword.Reserved */ 77 | .highlight .kt, 78 | .gist-syntax .highlight .kt { color: #dc322f } /* Keyword.Type */ 79 | .highlight .ld, 80 | .gist-syntax .highlight .ld { color: #93a1a1 } /* Literal.Date */ 81 | .highlight .m, 82 | .gist-syntax .highlight .m { color: #2aa198 } /* Literal.Number */ 83 | .highlight .s, 84 | .gist-syntax .highlight .s { color: #2aa198 } /* Literal.String */ 85 | .highlight .na, 86 | .gist-syntax .highlight .na { color: #93a1a1 } /* Name.Attribute */ 87 | .highlight .nb, 88 | .gist-syntax .highlight .nb { color: #B58900 } /* Name.Builtin */ 89 | .highlight .nc, 90 | .gist-syntax .highlight .nc { color: #268bd2 } /* Name.Class */ 91 | .highlight .no, 92 | .gist-syntax .highlight .no { color: #cb4b16 } /* Name.Constant */ 93 | .highlight .nd, 94 | .gist-syntax .highlight .nd { color: #268bd2 } /* Name.Decorator */ 95 | .highlight .ni, 96 | .gist-syntax .highlight .ni { color: #cb4b16 } /* Name.Entity */ 97 | .highlight .ne, 98 | .gist-syntax .highlight .ne { color: #cb4b16 } /* Name.Exception */ 99 | .highlight .nf, 100 | .gist-syntax .highlight .nf { color: #268bd2 } /* Name.Function */ 101 | .highlight .nl, 102 | .gist-syntax .highlight .nl { color: #93a1a1 } /* Name.Label */ 103 | .highlight .nn, 104 | .gist-syntax .highlight .nn { color: #93a1a1 } /* Name.Namespace */ 105 | .highlight .nx, 106 | .gist-syntax .highlight .nx { color: #93a1a1 } /* Name.Other */ 107 | .highlight .py, 108 | .gist-syntax .highlight .py { color: #93a1a1 } /* Name.Property */ 109 | .highlight .nt, 110 | .gist-syntax .highlight .nt { color: #268bd2 } /* Name.Tag */ 111 | .highlight .nv, 112 | .gist-syntax .highlight .nv { color: #268bd2 } /* Name.Variable */ 113 | .highlight .ow, 114 | .gist-syntax .highlight .ow { color: #859900 } /* Operator.Word */ 115 | .highlight .w, 116 | .gist-syntax .highlight .w { color: #93a1a1 } /* Text.Whitespace */ 117 | .highlight .mf, 118 | .gist-syntax .highlight .mf { color: #2aa198 } /* Literal.Number.Float */ 119 | .highlight .mh, 120 | .gist-syntax .highlight .mh { color: #2aa198 } /* Literal.Number.Hex */ 121 | .highlight .mi, 122 | .gist-syntax .highlight .mi { color: #2aa198 } /* Literal.Number.Integer */ 123 | .highlight .mo, 124 | .gist-syntax .highlight .mo { color: #2aa198 } /* Literal.Number.Oct */ 125 | .highlight .sb, 126 | .gist-syntax .highlight .sb { color: #586e75 } /* Literal.String.Backtick */ 127 | .highlight .sc, 128 | .gist-syntax .highlight .sc { color: #2aa198 } /* Literal.String.Char */ 129 | .highlight .sd, 130 | .gist-syntax .highlight .sd { color: #93a1a1 } /* Literal.String.Doc */ 131 | .highlight .s2, 132 | .gist-syntax .highlight .s2 { color: #2aa198 } /* Literal.String.Double */ 133 | .highlight .se, 134 | .gist-syntax .highlight .se { color: #cb4b16 } /* Literal.String.Escape */ 135 | .highlight .sh, 136 | .gist-syntax .highlight .sh { color: #93a1a1 } /* Literal.String.Heredoc */ 137 | .highlight .si, 138 | .gist-syntax .highlight .si { color: #2aa198 } /* Literal.String.Interpol */ 139 | .highlight .sx, 140 | .gist-syntax .highlight .sx { color: #2aa198 } /* Literal.String.Other */ 141 | .highlight .sr, 142 | .gist-syntax .highlight .sr { color: #dc322f } /* Literal.String.Regex */ 143 | .highlight .s1, 144 | .gist-syntax .highlight .s1 { color: #2aa198 } /* Literal.String.Single */ 145 | .highlight .ss, 146 | .gist-syntax .highlight .ss { color: #2aa198 } /* Literal.String.Symbol */ 147 | .highlight .bp, 148 | .gist-syntax .highlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ 149 | .highlight .vc, 150 | .gist-syntax .highlight .vc { color: #268bd2 } /* Name.Variable.Class */ 151 | .highlight .vg, 152 | .gist-syntax .highlight .vg { color: #268bd2 } /* Name.Variable.Global */ 153 | .highlight .vi, 154 | .gist-syntax .highlight .vi { color: #268bd2 } /* Name.Variable.Instance */ 155 | .highlight .il, 156 | .gist-syntax .highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ 157 | -------------------------------------------------------------------------------- /_sass/_solarized-light.scss: -------------------------------------------------------------------------------- 1 | /* Solarized Light 2 | 3 | For use with Jekyll and Pygments 4 | 5 | http://ethanschoonover.com/solarized 6 | 7 | SOLARIZED HEX ROLE 8 | --------- -------- ------------------------------------------ 9 | base01 #586e75 body text / default code / primary content 10 | base1 #93a1a1 comments / secondary content 11 | base3 #fdf6e3 background 12 | orange #cb4b16 constants 13 | red #dc322f regex, special keywords 14 | blue #268bd2 reserved keywords 15 | cyan #2aa198 strings, numbers 16 | green #859900 operators, other keywords 17 | */ 18 | 19 | .highlight, 20 | .gist-syntax .highlight { background-color: #fdf6e3; color: #586e75 } 21 | .highlight .c, 22 | .gist-syntax .highlight .c { color: #93a1a1 } /* Comment */ 23 | .highlight .err, 24 | .gist-syntax .highlight .err { color: #586e75 } /* Error */ 25 | .highlight .g, 26 | .gist-syntax .highlight .g { color: #586e75 } /* Generic */ 27 | .highlight .k, 28 | .gist-syntax .highlight .k { color: #859900 } /* Keyword */ 29 | .highlight .l, 30 | .gist-syntax .highlight .l { color: #586e75 } /* Literal */ 31 | .highlight .n, 32 | .gist-syntax .highlight .n { color: #586e75 } /* Name */ 33 | .highlight .o, 34 | .gist-syntax .highlight .o { color: #859900 } /* Operator */ 35 | .highlight .x, 36 | .gist-syntax .highlight .x { color: #cb4b16 } /* Other */ 37 | .highlight .p, 38 | .gist-syntax .highlight .p { color: #586e75 } /* Punctuation */ 39 | .highlight .cm, 40 | .gist-syntax .highlight .cm { color: #93a1a1 } /* Comment.Multiline */ 41 | .highlight .cp, 42 | .gist-syntax .highlight .cp { color: #859900 } /* Comment.Preproc */ 43 | .highlight .c1, 44 | .gist-syntax .highlight .c1 { color: #93a1a1 } /* Comment.Single */ 45 | .highlight .cs, 46 | .gist-syntax .highlight .cs { color: #859900 } /* Comment.Special */ 47 | .highlight .gd, 48 | .gist-syntax .highlight .gd { color: #2aa198 } /* Generic.Deleted */ 49 | .highlight .ge, 50 | .gist-syntax .highlight .ge { color: #586e75; font-style: italic } /* Generic.Emph */ 51 | .highlight .gr, 52 | .gist-syntax .highlight .gr { color: #dc322f } /* Generic.Error */ 53 | .highlight .gh, 54 | .gist-syntax .highlight .gh { color: #cb4b16 } /* Generic.Heading */ 55 | .highlight .gi, 56 | .gist-syntax .highlight .gi { color: #859900 } /* Generic.Inserted */ 57 | .highlight .go, 58 | .gist-syntax .highlight .go { color: #586e75 } /* Generic.Output */ 59 | .highlight .gp, 60 | .gist-syntax .highlight .gp { color: #586e75 } /* Generic.Prompt */ 61 | .highlight .gs, 62 | .gist-syntax .highlight .gs { color: #586e75; font-weight: bold } /* Generic.Strong */ 63 | .highlight .gu, 64 | .gist-syntax .highlight .gu { color: #cb4b16 } /* Generic.Subheading */ 65 | .highlight .gt, 66 | .gist-syntax .highlight .gt { color: #586e75 } /* Generic.Traceback */ 67 | .highlight .kc, 68 | .gist-syntax .highlight .kc { color: #cb4b16 } /* Keyword.Constant */ 69 | .highlight .kd, 70 | .gist-syntax .highlight .kd { color: #268bd2 } /* Keyword.Declaration */ 71 | .highlight .kn, 72 | .gist-syntax .highlight .kn { color: #859900 } /* Keyword.Namespace */ 73 | .highlight .kp, 74 | .gist-syntax .highlight .kp { color: #859900 } /* Keyword.Pseudo */ 75 | .highlight .kr, 76 | .gist-syntax .highlight .kr { color: #268bd2 } /* Keyword.Reserved */ 77 | .highlight .kt, 78 | .gist-syntax .highlight .kt { color: #dc322f } /* Keyword.Type */ 79 | .highlight .ld, 80 | .gist-syntax .highlight .ld { color: #586e75 } /* Literal.Date */ 81 | .highlight .m, 82 | .gist-syntax .highlight .m { color: #2aa198 } /* Literal.Number */ 83 | .highlight .s, 84 | .gist-syntax .highlight .s { color: #2aa198 } /* Literal.String */ 85 | .highlight .na, 86 | .gist-syntax .highlight .na { color: #586e75 } /* Name.Attribute */ 87 | .highlight .nb, 88 | .gist-syntax .highlight .nb { color: #B58900 } /* Name.Builtin */ 89 | .highlight .nc, 90 | .gist-syntax .highlight .nc { color: #268bd2 } /* Name.Class */ 91 | .highlight .no, 92 | .gist-syntax .highlight .no { color: #cb4b16 } /* Name.Constant */ 93 | .highlight .nd, 94 | .gist-syntax .highlight .nd { color: #268bd2 } /* Name.Decorator */ 95 | .highlight .ni, 96 | .gist-syntax .highlight .ni { color: #cb4b16 } /* Name.Entity */ 97 | .highlight .ne, 98 | .gist-syntax .highlight .ne { color: #cb4b16 } /* Name.Exception */ 99 | .highlight .nf, 100 | .gist-syntax .highlight .nf { color: #268bd2 } /* Name.Function */ 101 | .highlight .nl, 102 | .gist-syntax .highlight .nl { color: #586e75 } /* Name.Label */ 103 | .highlight .nn, 104 | .gist-syntax .highlight .nn { color: #586e75 } /* Name.Namespace */ 105 | .highlight .nx, 106 | .gist-syntax .highlight .nx { color: #586e75 } /* Name.Other */ 107 | .highlight .py, 108 | .gist-syntax .highlight .py { color: #586e75 } /* Name.Property */ 109 | .highlight .nt, 110 | .gist-syntax .highlight .nt { color: #268bd2 } /* Name.Tag */ 111 | .highlight .nv, 112 | .gist-syntax .highlight .nv { color: #268bd2 } /* Name.Variable */ 113 | .highlight .ow, 114 | .gist-syntax .highlight .ow { color: #859900 } /* Operator.Word */ 115 | .highlight .w, 116 | .gist-syntax .highlight .w { color: #586e75 } /* Text.Whitespace */ 117 | .highlight .mf, 118 | .gist-syntax .highlight .mf { color: #2aa198 } /* Literal.Number.Float */ 119 | .highlight .mh, 120 | .gist-syntax .highlight .mh { color: #2aa198 } /* Literal.Number.Hex */ 121 | .highlight .mi, 122 | .gist-syntax .highlight .mi { color: #2aa198 } /* Literal.Number.Integer */ 123 | .highlight .mo, 124 | .gist-syntax .highlight .mo { color: #2aa198 } /* Literal.Number.Oct */ 125 | .highlight .sb, 126 | .gist-syntax .highlight .sb { color: #93a1a1 } /* Literal.String.Backtick */ 127 | .highlight .sc, 128 | .gist-syntax .highlight .sc { color: #2aa198 } /* Literal.String.Char */ 129 | .highlight .sd, 130 | .gist-syntax .highlight .sd { color: #586e75 } /* Literal.String.Doc */ 131 | .highlight .s2, 132 | .gist-syntax .highlight .s2 { color: #2aa198 } /* Literal.String.Double */ 133 | .highlight .se, 134 | .gist-syntax .highlight .se { color: #cb4b16 } /* Literal.String.Escape */ 135 | .highlight .sh, 136 | .gist-syntax .highlight .sh { color: #586e75 } /* Literal.String.Heredoc */ 137 | .highlight .si, 138 | .gist-syntax .highlight .si { color: #2aa198 } /* Literal.String.Interpol */ 139 | .highlight .sx, 140 | .gist-syntax .highlight .sx { color: #2aa198 } /* Literal.String.Other */ 141 | .highlight .sr, 142 | .gist-syntax .highlight .sr { color: #dc322f } /* Literal.String.Regex */ 143 | .highlight .s1, 144 | .gist-syntax .highlight .s1 { color: #2aa198 } /* Literal.String.Single */ 145 | .highlight .ss, 146 | .gist-syntax .highlight .ss { color: #2aa198 } /* Literal.String.Symbol */ 147 | .highlight .bp, 148 | .gist-syntax .highlight .bp { color: #268bd2 } /* Name.Builtin.Pseudo */ 149 | .highlight .vc, 150 | .gist-syntax .highlight .vc { color: #268bd2 } /* Name.Variable.Class */ 151 | .highlight .vg, 152 | .gist-syntax .highlight .vg { color: #268bd2 } /* Name.Variable.Global */ 153 | .highlight .vi, 154 | .gist-syntax .highlight .vi { color: #268bd2 } /* Name.Variable.Instance */ 155 | .highlight .il, 156 | .gist-syntax .highlight .il { color: #2aa198 } /* Literal.Number.Integer.Long */ 157 | -------------------------------------------------------------------------------- /about.md: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: 关于Pixyll 中文版 4 | permalink: /about/ 5 | no_duoshuo: true 6 | --- 7 | 8 | ##中文版说明## 9 | 这是pixyll的汉化版，主要改动如下: 10 | 11 | 1. 语言汉化 12 | 2. 加入**多说**评论功能 13 | 3. 加入**百度统计**(可用google统计和百度统计) 14 | 4. fonts.googleapis.com更改为360字体cdn，大幅增加国内访问速度 15 | 16 | 关于如何使用，请参考：[中文版使用说明](http://pixyll.maxee.info) 17 | 18 | ##原版说明## 19 | This Jekyll theme was crafted with <3 by [John Otander](http://johnotander.com) 20 | ([@4lpine](https://twitter.com/4lpine)). 21 | 22 | Checkout the [Github repository](https://github.com/johnotander/pixyll) to download it, 23 | request a feature, report a bug, or contribute. It's free, and open source 24 | ([MIT](http://opensource.org/licenses/MIT)). 25 | 26 | Thanks to the following: 27 | 28 | * [BASSCSS](http://basscss.com) 29 | * [Jekyll](http://jekyllrb.com) 30 | * [Refills](http://refills.bourbon.io/) 31 | * [Solarized](http://ethanschoonover.com/solarized) 32 | -------------------------------------------------------------------------------- /contact.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: page 3 | title: 联系我 4 | permalink: /contact/ 5 | no_duoshuo: true 6 | --- 7 |
8 |
9 | 10 | 11 | 12 |
13 |
14 | -------------------------------------------------------------------------------- /css/pixyll.scss: -------------------------------------------------------------------------------- 1 | --- 2 | # The scss file which include files from _sass/ 3 | --- 4 | 5 | @charset "utf-8"; 6 | 7 | @import "basscss"; 8 | @import "main"; 9 | @import "solarized-dark"; 10 | -------------------------------------------------------------------------------- /feed.xml: -------------------------------------------------------------------------------- 1 | --- 2 | layout: null 3 | --- 4 | 5 | 6 | 7 | {{ site.title | xml_escape }} 8 | {{ site.description | xml_escape }} 9 | {{ site.url }}{{ site.baseurl }}/ 10 | 11 | {% for post in site.posts limit:10 %} 12 | 13 | {{ post.title | xml_escape }} 14 | {{ post.content | xml_escape }} 15 | {{ post.date | date: "%a, %d %b %Y %H:%M:%S %z" }} 16 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 17 | {{ post.url | prepend: site.baseurl | prepend: site.url }} 18 | 19 | {% endfor %} 20 | 21 | 22 | -------------------------------------------------------------------------------- /images/bdtjcfg.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ee0703/pixyll-zh-cn/d94619de1c3860f02d3df6cd5d5da090ab1564bd/images/bdtjcfg.jpg -------------------------------------------------------------------------------- /images/me.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/ee0703/pixyll-zh-cn/d94619de1c3860f02d3df6cd5d5da090ab1564bd/images/me.jpeg -------------------------------------------------------------------------------- /index.html: -------------------------------------------------------------------------------- 1 | --- 2 | layout: default 3 | no_duoshuo: true 4 | --- 5 | 6 |
7 | 8 |
9 | {% for post in paginator.posts %} 10 |
11 | 12 |

{{ post.date | date: "%m 月 %d日, %Y" }}

13 |

{{ post.title }}

14 |

{{ post.summary }}

15 | 16 |
17 | {% endfor %} 18 |
19 | 20 | {% include pagination.html %} 21 |
22 | --------------------------------------------------------------------------------