From 4c29410efaadd40a990945c6ff4473d06519773a Mon Sep 17 00:00:00 2001
From: "HE, Tao" <sighingnow@gmail.com>
Date: Sun, 28 Apr 2019 19:15:43 +0800
Subject: [PATCH] Templates for homepage and markdown posts.

Signed-off-by: HE, Tao <sighingnow@gmail.com>
---
 404.html                         | 24 ++++++++++
 README.md                        | 29 +++++++++++
 _config.yml                      | 41 ++++++++++++++++
 _includes/body.html              | 33 +++++++++++++
 _includes/footer.html            | 10 ++++
 _includes/head.html              | 34 +++++++++++++
 _includes/metadata-home.json.tpl | 22 +++++++++
 _includes/metadata-post.json.tpl | 20 ++++++++
 _includes/metadata.json.tpl      | 82 ++++++++++++++++++++++++++++++++
 _includes/search.html            |  9 ++++
 _includes/toc-date.html          | 42 ++++++++++++++++
 _layouts/home.html               | 41 ++++++++++++++++
 _layouts/post.html               | 53 +++++++++++++++++++++
 _posts/2019-04-27-why.md         | 20 ++++++++
 _posts/2019-04-28-howto.md       | 14 ++++++
 index.md                         |  5 ++
 16 files changed, 479 insertions(+)
 create mode 100644 404.html
 create mode 100644 README.md
 create mode 100644 _config.yml
 create mode 100644 _includes/body.html
 create mode 100644 _includes/footer.html
 create mode 100644 _includes/head.html
 create mode 100644 _includes/metadata-home.json.tpl
 create mode 100644 _includes/metadata-post.json.tpl
 create mode 100644 _includes/metadata.json.tpl
 create mode 100644 _includes/search.html
 create mode 100644 _includes/toc-date.html
 create mode 100644 _layouts/home.html
 create mode 100644 _layouts/post.html
 create mode 100644 _posts/2019-04-27-why.md
 create mode 100644 _posts/2019-04-28-howto.md
 create mode 100644 index.md

diff --git a/404.html b/404.html
new file mode 100644
index 0000000..3ec73b3
--- /dev/null
+++ b/404.html
@@ -0,0 +1,24 @@
+---
+layout: home
+---
+
+<style type="text/css" media="screen">
+  .container {
+    margin: 10px auto;
+    max-width: 600px;
+    text-align: center;
+  }
+  h1 {
+    margin: 30px 0;
+    font-size: 4em;
+    line-height: 1;
+    letter-spacing: -1px;
+  }
+</style>
+
+<div class="container">
+  <h1>404</h1>
+
+  <p><strong>Page not found :(</strong></p>
+  <p>The requested page could not be found.</p>
+</div>
diff --git a/README.md b/README.md
new file mode 100644
index 0000000..3c56bfb
--- /dev/null
+++ b/README.md
@@ -0,0 +1,29 @@
+# Jekyll GitBook
+
+Make Jelly site have a GitBook look!
+
+## Demo
+
+[https://sighingnow.github.io/jekyll-gitbook](https://sighingnow.github.io/jekyll-gitbook)
+
+## Why Jekyll with GitBook
+
+GitBook is an amazing frontend style to present and organize contents (such as book chapters
+and blogs) on Web. The typical to deploy GitBook at [Github Pages](https://pages.github.com/)
+is building HTML files locally and then push to Github repository, usually to the `gh-pages`
+branch. It's quite annoying to repeat such workload and make it hard for people do version
+control via git for when there are generated HTML files to be staged in and out.
+
+This theme takes style definition out of generated GitBook site and provided the template
+for Jekyll to rendering markdown documents to HTML, thus the whole site can be deployed
+to Github Pages without generating and uploading HTML bundle every time when there are
+changes to the original repo.
+
+## How to Get Started
+
+This theme can be used just as other [Jekyll themes][1].
+
+Fork this repository and add your markdown posts to the `_posts` folder.
+
+[2]: https://pages.github.com
+[2]: https://pages.github.com/themes
\ No newline at end of file
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..a27cd94
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,41 @@
+# Configurations
+title:            Jekyll Gitbook
+longtitle:        Jekyll Gitbook
+author:           HE Tao
+email:            sighingnow@gmail.com
+description: >
+  Build Jekyll site with the GitBook style.
+
+version:          1.0
+gitbook_version:  3.2.3
+
+url:              'https://sighingnow.github.io/jekyll-gitbook'
+baseurl:          ''
+rss:              RSS
+
+# markdown render engine.
+markdown:         kramdown
+kramdown:
+  auto_ids:               true
+  input:                  GFM
+  math_engine:            mathjax
+  smart_quotes:           lsquo,rsquo,ldquo,rdquo
+  toc_levels:             1..6
+  syntax_highlighter:     rouge
+  syntax_highlighter_opts:
+    guess_lang:           true
+
+markdown_ext:     markdown,mkdown,mkdn,mkd,md
+
+# Permalinks
+permalink:        /:categories/:year-:month-:day-:title:output_ext
+
+exclude:
+  - _drafts
+
+destination:      ./_site
+incremental:      false
+regenerate:       true
+
+plugins:
+  - jemoji
diff --git a/_includes/body.html b/_includes/body.html
new file mode 100644
index 0000000..311e1a7
--- /dev/null
+++ b/_includes/body.html
@@ -0,0 +1,33 @@
+<div class="body-inner">
+    <div class="book-header" role="navigation">
+        <!-- Title -->
+        <h1>
+            <i class="fa fa-circle-o-notch fa-spin"></i>
+            {% if page.title %}
+                <a href="." >{{ page.title | escape }}</a>
+            {% else %}
+                <a href="." >{{ site.title | escape }}</a>
+            {% endif %}
+        </h1>
+    </div>
+    <div class="page-wrapper" tabindex="-1" role="main">
+        <div class="page-inner">
+            <div id="book-search-results">
+                <div class="search-noresults">
+                    <section class="normal markdown-section">
+
+                        {% if page.title %}
+                            <h1 id="{{ page.id }}">{{ page.title | escape }}</h1>
+                        {% else %}
+                            <h1 id="{{ page.id }}">{{ site.title | escape }}</h1>
+                        {% endif %}
+
+                        {{ content }}
+                    </section>
+                </div>
+
+                 <!-- {%- include search.html -%} -->
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/_includes/footer.html b/_includes/footer.html
new file mode 100644
index 0000000..d2b304e
--- /dev/null
+++ b/_includes/footer.html
@@ -0,0 +1,10 @@
+<script src="{{site.url}}/gitbook/gitbook.js"></script>
+<script src="{{site.url}}/gitbook/theme.js"></script>
+
+<script src="{{site.url}}/gitbook/gitbook-plugin-fontsettings/fontsettings.js"></script>
+<script src="{{site.url}}/gitbook/gitbook-plugin-sharing/buttons.js"></script>
+
+<!-- <script src="../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
+<script src="../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
+<script src="../gitbook/gitbook-plugin-search/search-engine.js"></script>
+<script src="../gitbook/gitbook-plugin-search/search.js"></script> -->
\ No newline at end of file
diff --git a/_includes/head.html b/_includes/head.html
new file mode 100644
index 0000000..214906b
--- /dev/null
+++ b/_includes/head.html
@@ -0,0 +1,34 @@
+<meta charset="UTF-8">
+<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+
+{%- if page.title -%}
+    <title>{{ page.title | escape }} · {{ site.title | escape }}</title>
+{%- else -%}
+    <title>{{ site.title | escape }}</title>
+{%- endif -%}
+
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<meta name="description" content="{{site.description}}">
+
+{%- if site.gitbook_version -%}
+    <meta name="generator" content="Jekyll (using style of GitBook {{ site.gitbook_version | escape }})">
+{%- else -%}
+    <meta name="generator" content="Jekyll (using style of GitBook)">
+{%- endif -%}
+
+{%- if site.author -%}
+    <meta name="author" content="{{ site.author | escape }}">
+{%- endif -%}
+
+<link rel="stylesheet" href="{{site.url}}/gitbook/style.css">
+<link rel="stylesheet" href="{{site.url}}/gitbook/gitbook-plugin-fontsettings/website.css">
+<!-- <link rel="stylesheet" href="../gitbook/gitbook-plugin-search/search.css"> -->
+
+<link rel="stylesheet" href="{{site.url}}/gitbook/rouge-highlight-colorful.css">
+
+<meta name="HandheldFriendly" content="true"/>
+<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+<meta name="apple-mobile-web-app-capable" content="yes">
+<meta name="apple-mobile-web-app-status-bar-style" content="black">
+<link rel="apple-touch-icon-precomposed" sizes="152x152" href="{{site.url}}/gitbook/images/apple-touch-icon-precomposed-152.png">
+<link rel="shortcut icon" href="{{site.url}}/gitbook/images/favicon.ico" type="image/x-icon">
\ No newline at end of file
diff --git a/_includes/metadata-home.json.tpl b/_includes/metadata-home.json.tpl
new file mode 100644
index 0000000..f08ac0d
--- /dev/null
+++ b/_includes/metadata-home.json.tpl
@@ -0,0 +1,22 @@
+{
+    "page": {
+        "title": "Introduction",
+        "level": "1.1",
+        "depth": 1,
+        {% assign reversed_posts = site.posts | reverse %}
+
+        {% if reversed_posts %}
+        "next": {
+            "title": "{{reversed_posts.first.title}}",
+            "level": "1.2",
+            "depth": 1,
+            "path": "{{reversed_posts.first.path}}",
+            "ref": "{{reversed_posts.first.path}}",
+            "articles": []
+        },
+        {% endif %}
+        "dir": "ltr"
+    },
+
+    {%- include metadata.json.tpl -%}
+}
\ No newline at end of file
diff --git a/_includes/metadata-post.json.tpl b/_includes/metadata-post.json.tpl
new file mode 100644
index 0000000..6da551d
--- /dev/null
+++ b/_includes/metadata-post.json.tpl
@@ -0,0 +1,20 @@
+{
+    "page": {
+        "title": "Introduction",
+        "level": "1.1",
+        "depth": 1,
+        {% if page.next %}
+        "next": {
+            "title": "{{page.next.title}}",
+            "level": "1.2",
+            "depth": 1,
+            "path": "{{page.next.path}}",
+            "ref": "{{page.next.path}}",
+            "articles": []
+        },
+        {% endif %}
+        "dir": "ltr"
+    },
+
+    {%- include metadata.json.tpl -%}
+}
\ No newline at end of file
diff --git a/_includes/metadata.json.tpl b/_includes/metadata.json.tpl
new file mode 100644
index 0000000..b752520
--- /dev/null
+++ b/_includes/metadata.json.tpl
@@ -0,0 +1,82 @@
+    "config": {
+        "plugins": ["fontsettings", "highlight", "livereload", "lunr", "search", "sharing", "theme-default", "livereload"],
+        "styles": {
+            "ebook": "styles/ebook.css",
+            "epub": "styles/epub.css",
+            "mobi": "styles/mobi.css",
+            "pdf": "styles/pdf.css",
+            "print": "styles/print.css",
+            "website": "styles/website.css"
+        },
+        "pluginsConfig": {
+            "fontsettings": {
+                "family": "sans",
+                "size": 2,
+                "theme": "white"
+            },
+            "highlight": {},
+            "livereload": {},
+            "lunr": {
+                "ignoreSpecialCharacters": false,
+                "maxIndexSize": 1000000
+            },
+            "search": {},
+            "sharing": {
+                "all": ["facebook", "google", "twitter", "weibo", "instapaper"],
+                "facebook": true,
+                "google": false,
+                "instapaper": false,
+                "twitter": true,
+                "vk": false,
+                "weibo": false
+            },
+            "theme-default": {
+                "showLevel": false,
+                "styles": {
+                    "ebook": "styles/ebook.css",
+                    "epub": "styles/epub.css",
+                    "mobi": "styles/mobi.css",
+                    "pdf": "styles/pdf.css",
+                    "print": "styles/print.css",
+                    "website": "styles/website.css"
+                }
+            }
+        },
+        "theme": "default",
+        "author": "Tao He",
+        "pdf": {
+            "pageNumbers": true,
+            "fontSize": 12,
+            "fontFamily": "Arial",
+            "paperSize": "a4",
+            "chapterMark": "pagebreak",
+            "pageBreaksBefore": "/",
+            "margin": {
+                "right": 62,
+                "left": 62,
+                "top": 56,
+                "bottom": 56
+            }
+        },
+        "structure": {
+            "langs": "LANGS.md",
+            "readme": "README.md",
+        },
+        "variables": {},
+        "title": "{{site.title}}",
+        "language": "en",
+        "gitbook": "*"
+    },
+    "file": {
+        "path": "{{ page.path }}",
+        "mtime": "{{ page.date }}",
+        "type": "markdown"
+    },
+    "gitbook": {
+        "version": "{{site.url}}",
+        "time": "{{site.time}}"
+    },
+    "basePath": "{{site.url}}",
+    "book": {
+        "language": ""
+    }
diff --git a/_includes/search.html b/_includes/search.html
new file mode 100644
index 0000000..d236201
--- /dev/null
+++ b/_includes/search.html
@@ -0,0 +1,9 @@
+<div class="search-results">
+    <div class="has-results">
+        <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
+        <ul class="search-results-list"></ul>
+    </div>
+    <div class="no-results">
+        <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
+    </div>
+</div>
\ No newline at end of file
diff --git a/_includes/toc-date.html b/_includes/toc-date.html
new file mode 100644
index 0000000..6234109
--- /dev/null
+++ b/_includes/toc-date.html
@@ -0,0 +1,42 @@
+<div class="book-summary">
+    <div id="book-search-input" role="search">
+        <input type="text" placeholder="Type to search" />
+    </div>
+    <nav role="navigation">
+        <ul class="summary">
+            {% if page.url == "/index.html" or page.url == "/" %}
+            <li class="chapter active" data-level="1.1" data-path="{{site.url}}">
+            {% else %}
+            <li class="chapter" data-level="1.1" data-path="{{site.url}}">
+            {% endif %}
+                <a href="{{site.url}}">
+                    {{ site.title | escape }}
+                </a>
+            </li>
+
+            <li class="divider"></li>
+
+            {% assign reversed_posts = site.posts | reverse %}
+
+            {% for post in reversed_posts %}
+                {% if page.url == post.url %}
+                <li class="chapter active" data-level="1.2" data-path="{{post.url}}">
+                {% else %}
+                <li class="chapter" data-level="1.1" data-path="{{post.url}}">
+                {% endif %}
+                    <a href="{{post.url}}">
+                        {{ post.title | escape }}
+                    </a>
+                </li>
+            {% endfor %}
+
+            <li class="divider"></li>
+
+            <li>
+                <a href="https://github.com/sighingnow/jekyll-gitbook" target="blank" class="gitbook-link">
+                    Fork it Now!
+                </a>
+            </li>
+        </ul>
+    </nav>
+</div>
\ No newline at end of file
diff --git a/_layouts/home.html b/_layouts/home.html
new file mode 100644
index 0000000..e8ff2b4
--- /dev/null
+++ b/_layouts/home.html
@@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+<html lang="en" >
+    <head>
+
+        {%- include head.html -%}
+
+        {% assign reversed_posts = site.posts | reverse %}
+
+        {% if reversed_posts %}
+            <link rel="next" href="{{reversed_posts.first.url}}" />
+        {% endif %}
+    </head>
+    <body>
+        <div class="book">
+
+            {%- include toc-date.html -%}
+
+            <div class="book-body">
+                {%- include body.html -%}
+
+                {% if reversed_posts %}
+                    <a href="{{reversed_posts.first.url}}" class="navigation navigation-next navigation-unique" aria-label="Next page: {{reversed_posts.first.title}}">
+                        <i class="fa fa-angle-right"></i>
+                    </a>
+                {% endif %}
+            </div>
+
+            <!-- {%- include search.html -%} -->
+
+            <script>
+            var gitbook = gitbook || [];
+            gitbook.push(function() {
+                gitbook.page.hasChanged({%- include metadata-home.json.tpl -%});
+            });
+            </script>
+        </div>
+
+        {%- include footer.html -%}
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/_layouts/post.html b/_layouts/post.html
new file mode 100644
index 0000000..6021701
--- /dev/null
+++ b/_layouts/post.html
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML>
+<html lang="en" >
+    <head>
+
+        {%- include head.html -%}
+
+        {% if page.previous %}
+            <link rel="prev" href="{{page.previous.url}}" />
+        {% else %}
+            <link rel="prev" href="{{site.url}}" />
+        {% endif %}
+
+        {% if page.next %}
+            <link rel="next" href="{{page.next.url}}" />
+        {% endif %}
+    </head>
+    <body>
+        <div class="book">
+
+            {%- include toc-date.html -%}
+
+            <div class="book-body">
+                {%- include body.html -%}
+
+                {% if page.previous %}
+                    <a href="{{page.previous.url}}" class="navigation navigation-prev navigation-unique" aria-label="Previous page: {{page.previous.title}}">
+                        <i class="fa fa-angle-left"></i>
+                    </a>
+                {% else %}
+                    <a href="{{site.url}}" class="navigation navigation-prev navigation-unique" aria-label="Previous page: {{site.title}}">
+                        <i class="fa fa-angle-left"></i>
+                    </a>
+                {% endif %}
+
+                {% if page.next %}
+                    <a href="{{page.next.url}}" class="navigation navigation-next navigation-unique" aria-label="Next page: {{page.next.title}}">
+                        <i class="fa fa-angle-right"></i>
+                    </a>
+                {% endif %}
+            </div>
+
+            <script>
+            var gitbook = gitbook || [];
+            gitbook.push(function() {
+                gitbook.page.hasChanged({%- include metadata-post.json.tpl -%});
+            });
+            </script>
+        </div>
+
+        {%- include footer.html -%}
+
+    </body>
+</html>
\ No newline at end of file
diff --git a/_posts/2019-04-27-why.md b/_posts/2019-04-27-why.md
new file mode 100644
index 0000000..81af6b7
--- /dev/null
+++ b/_posts/2019-04-27-why.md
@@ -0,0 +1,20 @@
+---
+title: Why Jekyll with GitBook
+author: Tao He
+date: 2019-04-27
+category: Jekyll
+layout: post
+---
+
+GitBook is an amazing frontend style to present and organize contents (such as book chapters
+and blogs) on Web. The typical to deploy GitBook at [Github Pages][1]
+is building HTML files locally and then push to Github repository, usually to the `gh-pages`
+branch. However, it's quite annoying to repeat such workload and make it hard for people do
+version control via git for when there are generated HTML files to be staged in and out.
+
+This theme takes style definition out of generated GitBook site and provided the template
+for Jekyll to rendering markdown documents to HTML, thus the whole site can be deployed
+to [Github Pages][1] without generating and uploading HTML bundle every time when there are
+changes to the original repository.
+
+[1]: https://pages.github.com
\ No newline at end of file
diff --git a/_posts/2019-04-28-howto.md b/_posts/2019-04-28-howto.md
new file mode 100644
index 0000000..e9f072d
--- /dev/null
+++ b/_posts/2019-04-28-howto.md
@@ -0,0 +1,14 @@
+---
+title: How to Get Started
+author: Tao He
+date: 2019-04-28
+category: Jekyll
+layout: post
+---
+
+This theme can be used just as other [Jekyll themes][1].
+
+Fork this repository and add your markdown posts to the `_posts` folder, then
+push to your own Github repository. No need to push generated HTML bundle.
+
+[1]: https://pages.github.com/themes
\ No newline at end of file
diff --git a/index.md b/index.md
new file mode 100644
index 0000000..7709b0f
--- /dev/null
+++ b/index.md
@@ -0,0 +1,5 @@
+---
+layout: home
+---
+
+Make Jelly site have a GitBook look!