2015 new version

Author: P233

404.html

@@ -1,8 +1,7 @@
----
-layout: index
-title: 404 Not Found Error
----
-
-<article id="post__content">
-  <h1 id="post__title">404 Not Found Error</h1>
-</article> <!-- end #post__content -->
+---
+layout: default
+---
+<div id="not-found" class="container">
+  <h1>抱歉，文章不存在</h1>
+  <p>欢迎阅读其他文章</p>
+</div>

LICENSE.txt

@@ -1,98 +1,4 @@
-# 3-Jekyll Theme
-
-欢迎任何改进建议，请直接[提交 issues](https://github.com/P233/3-Jekyll/issues/new)，感谢。
-
-## 主要功能
-
-* 不支持 IE9 及以下浏览器。
-* 三列布局，最左侧是博客的 Tags 列表（需手动配置），点击后过滤相关文章，一篇文章可以给多个 tags 不会影响。
-* 支持 pygments 代码高亮。
-* 支持插入 Codepen。
-* Lazy-load Disqus。
-* 自动生成文章目录列表（h1-h3），鼠标移动到浏览器右侧边缘自动滑出（给每个标题重新生成一串随机字母做 ID，但这样可能会影响分享链接）。
-* 支持移动设备，文章目录在移动设备上不显示。
-
-同时制作了一份 Ghost 版本，请查看：[https://github.com/P233/3-Ghost](https://github.com/P233/3-Ghost)，你也可以移植给其他 Blog 平台，需遵守 MIT License。
-
-**安装后需要做一些简单配置才可使用，请仔细阅读下面的说明：**
-
-## 配置模板
-
-### 模板文件
-
-`/_layouts/index.html` 包含整个页面框架，以及左侧 sidebar 部分；`/index.html` 仅包含首页内容；`/_layouts/post.html` 包含文章内容布局，分享按钮，以及评论等等。
-
-### 设置标签
-
-这是修改模板最关键的一步。
-
-1. 打开 `/_layouts/index.html` 文件找到 `<ul id="tags__ul"></ul>` 部分，将 `place_your_tag_display_name_here` 替换成 Tag 显示名称，别忘记修改 ID 顺序，完毕之后记录 tags 顺序以及总数。
-2. 打开 `/assets/js/script.js` 找到 `// Variables` 部分，将 `place_your_tag_name_here` 替换成 tag 名称，这个名称需要与编辑文章时输入的 tag 一模一样，同时也需要满足 CSS 的 class 命名规则（不得已会影响命名 tag 的方式），顺序要与第一步匹配。
-3. 在 js 文件中继续寻找 `// Tags switcher` 注释后面跟着的 `for`  循环，将 `i <= 6` 换成 tags 总数 + 1 (因为 No.1 是全部分类)。
-
-### 搜索功能
-
-搜索框目前只是摆设，请使用 [Google Custom Search Engine](https://www.google.com/cse/) 或 [jekyll-lunr-js-search](https://github.com/slashdotdash/jekyll-lunr-js-search) 插件。
-
-### 修改头像
-
-替换 `/assets/img/` 中的头像图片，`100px * 100px` 用于普通屏幕， `200px * 200px` 用于 Retina Display。
-
-### 修改邮箱
-
-通过 [Stop Link Spam Bots](http://www.safeemail.org/) 编辑了邮箱地址，希望能防 spam。
-
-### Icon-font
-
-使用了 [Fontello icon fonts generator](http://fontello.com)，并附上了 config 文件放置在 `/assets/font/` 中，方便替换图标。
-
-### 代码高亮
-
-支持 pygments 代码高亮，配色使用的是 [https://gist.github.com/edwardhotchkiss/2005058](https://gist.github.com/edwardhotchkiss/2005058) 并基于 [prism.js Coy theme](http://prismjs.com/download.html) 修改，文件位置在 `/assets/_sass/_pygments.scss` 中。
 
-### Embedding Codepen
-
-如果需要插入 Codepen，只需将 embed code 中的 `<p>` 部分粘贴在正文中，而不必粘贴 `<script>` 部分。更多关于插入 Codepen 的解释请查看 http://blog.codepen.io/documentation/features/how-do-i-embed-a-pen-on-another-site/ 。
-
-如果完全不需要这个功能可以将 `/assets/js/script.js` 中的相关代码删除。
-
-### 修改分享链接地址
-
-打开 `/_layouts/post.html` 将分享链接中的 `place_your_url_here` 提换成博客地址。
-
-### 修改许可协议
-
-在 `/_layouts/post.html` 文件的分享链接部分声明博客内容所使用的许可协议，默认使用 [Attribution-NonCommercial-ShareAlike 3.0 Unported](http://creativecommons.org/licenses/by-nc-sa/3.0/)。
-
-### Disqus 评论
-
-Disqus 评论加载比较慢，所以使用了 lazy-load 的方式，在 `/assets/js/script.js` 的最下方找到 Disqus 相关代码，将 `window.disqus_shortname` 的值修改为自己的 shortname 。每篇文章的发表时间（`{{ page.date | date: "%Y%m%d" }}`）作为 identifier。
-
-### 调整配色
-
-个人非常不擅长配色，所以在 `/assets/_sass/style.scss` 文件中尽可能多地定义了颜色变量方便大家修改配色。关于默认的主题配色也请大家多提建议。
-
-### 设置 RSS
-
-请不要忘记编辑 `rss.xml` 文件，语言可填 `zh-cn` 或 `zh-tw`。
-
-## 已知问题
-
-1. 键盘 <kbd>Space</kbd> <kbd>PgUp</kbd> <kbd>PgDn</kbd> <kbd>↑</kbd> <kbd>↓</kbd> 等快捷键无效，这是由于当前的布局方式影响的。iOS7 Mobile Safari 自动隐藏地址栏也会无效。
-
-## Credits
-
-* [jquery-pjax](https://github.com/defunkt/jquery-pjax)
-* [NProgress.js](http://ricostacruz.com/nprogress/)
-* [Solarized Light Pygments CSS](https://gist.github.com/edwardhotchkiss/2005058)
-
-## Copyright & License
-
-Copyright (c) 2013 Peiwen Lu - Released under The MIT License.
-
-Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+# 3-Jekyll Theme
 
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
-NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+2015 新版，完成度 80%，旧版请在 [https://github.com/P233/3-Jekyll/releases](https://github.com/P233/3-Jekyll/releases) 下载

README.md

@@ -1 +1,29 @@
-pygments: true
+# Site settings
+title: Your awesome title
+email: [email protected]
+description: > # this means to ignore newlines until "baseurl:"
+  Write an awesome description for your new site here. You can edit this
+  line in _config.yml. It will appear in your document head meta (for
+  Google search results) and in your feed.xml site description.
+baseurl: "" # the subpath of your site, e.g. /blog/
+url: "http://yourdomain.com" # the base hostname & protocol for your site
+
+
+# Social account
+# twitter:  username
+# weibo:    ID
+# github:   username
+# codepen:  username
+# dribbble: username
+
+
+# Comment
+# disqus_shortname:
+
+
+# Build settings
+markdown: kramdown
+sass:
+  style: compressed
+gems:
+  - jekyll-sitemap

_config.yml

@@ -0,0 +1,14 @@
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
+  <!--[if lte IE 9]><meta http-equiv="refresh" content="0;url={{ "/ie.html" | prepend: site.baseurl }}"><![endif]-->
+
+  <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
+  <meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+
+  <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600|Droid+Sans+Mono' rel='stylesheet' type='text/css'>
+  <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
+  <link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
+  <link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}" />
+</head>

_includes/head.html

@@ -0,0 +1,4 @@
+<script src="{{ "/assets/js/jquery-2.1.3.min.js" | prepend: site.baseurl }}"></script>
+<script src="{{ "/assets/js/jquery.pjax.js" | prepend: site.baseurl }}"></script>
+<script src="{{ "/assets/js/nprogress.js" | prepend: site.baseurl }}"></script>
+<script src="{{ "/assets/js/main.js" | prepend: site.baseurl }}"></script>

_includes/scripts.html

@@ -0,0 +1,34 @@
+<aside id="sidebar">
+  <div id="sidebar-left">
+    <a id="sidebar-avatar" href="{{ "/" | prepend: site.baseurl }}">
+      <img id="sidebar-avatar-img" alt="{{ site.tittle }}" src="{{ "/assets/img/avatar.jpg" | prepend: site.baseurl }}"/>
+    </a>
+
+    <div id="sidebar-social">
+      <a href="{{ "/feed.xml" | prepend: site.baseurl }}" class="sidebar-social-icon feed"></a>
+      <a href="mailto:{{ site.email }}" class="sidebar-social-icon email"></a>
+      {% include social.html %}
+    </div>
+
+    <ul id="sidebar-tags">
+      <li class="sidebar-tag active" data-filter="all">全部文章</li>
+      {% for category in site.categories %}
+      <li class="sidebar-tag" data-filter="{{ category | first }}">{{ category | first }}</li>
+      {% endfor %}
+    </ul>
+  </div>
+
+  <div id="sidebar-right">
+    <div id="search-box">
+      <input id="search-input" type="text" placeholder="Search" />
+    </div>
+
+    <nav id="toc">
+      {% for post in site.posts %}
+      <a class="toc-link" data-tags="{{ post.categories | join: ' ' }}" href="{{ post.url }}">
+        {{ post.title }}
+      </a>
+      {% endfor %}
+    </nav>
+  </div>
+</aside>

_includes/sidebar.html

@@ -0,0 +1,19 @@
+{% if site.twitter %}
+  <a href="https://twitter.com/{{ site.twitter }}" class="sidebar-social-icon twitter" target="_blank"></a>
+{% endif %}
+
+{% if site.weibo %}
+  <a href="http://www.weibo.com/{{ site.weibo }}" class="sidebar-social-icon weibo" target="_blank"></a>
+{% endif %}
+
+{% if site.github %}
+  <a href="https://github.com/{{ site.github }}" class="sidebar-social-icon github" target="_blank"></a>
+{% endif %}
+
+{% if site.codepen %}
+  <a href="http://codepen.io/{{ site.codepen }}" class="sidebar-social-icon codepen" target="_blank"></a>
+{% endif %}
+
+{% if site.dribbble %}
+  <a href="https://dribbble.com/{{ site.dribbble }}" class="sidebar-social-icon dribbble" target="_blank"></a>
+{% endif %}

_includes/social.html

@@ -0,0 +1,11 @@
+---
+#
+# Jekyll layout that compresses HTML
+# v1.1.1
+# http://jch.penibelst.de/
+# © 2015 Anatol Broder
+# MIT License
+#
+---
+
+{% if site.compress_html.ignore.envs contains jekyll.environment %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd p rt rp optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if site.compress_html.comments.size == 2 %}{% assign _comment_befores = _content | split: site.compress_html.comments.first %}{% for _comment_before in _comment_befores %}{% assign _comment_content = _comment_before | split: site.compress_html.comments.last | first %}{% if _comment_content %}{% capture _comment %}{{ site.compress_html.comments.first }}{{ _comment_content }}{{ site.compress_html.comments.last }}{% endcapture %}{% assign _content = _content | remove: _comment %}{% endif %}{% endfor %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% case _pres.size %}{% when 2 %}{% capture _content %}{{ _content }}<pre{{ _pres.first }}</pre>{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% when 1 %}{% capture _content %}{{ _content }}{{ _pres.last | split: " " | join: " " }}{% endcapture %}{% endcase %}{% endfor %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{{ _content }}{% endif %}

_layouts/compress.html

@@ -0,0 +1,27 @@
+---
+layout: compress
+---
+<!DOCTYPE html>
+<html>
+  {% include head.html %}
+  <body>
+    {% include sidebar.html %}
+
+    <main id="main">
+      {{ content }}
+
+      <div class="footer">
+        <div class="container">
+          <p class="footer-entry">All content is licensed under <a href="http://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">CC BY-NC-SA</a></p>
+          <p class="footer-entry">Buit with <a href="http://jekyllrb.com/" target="_blank">Jekyll</a> and <a href="https://github.com/P233/3-Jekyll" target="_blank">3-Jekyll theme</a> • Hosted on <a href="https://pages.github.com/" target="_blank">Github</a></p>
+        </div>
+      </div>
+    </main>
+
+    <button id="menu">
+      <span id="menu-icons"></span>
+    </button>
+
+    {% include scripts.html %}
+  </body>
+</html>