Templates for homepage and markdown posts.
Signed-off-by: HE, Tao <sighingnow@gmail.com>
This commit is contained in:
parent
e18e0cee7e
commit
4c29410efa
24
404.html
Normal file
24
404.html
Normal file
@ -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>
|
29
README.md
Normal file
29
README.md
Normal file
@ -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
|
41
_config.yml
Normal file
41
_config.yml
Normal file
@ -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
|
33
_includes/body.html
Normal file
33
_includes/body.html
Normal file
@ -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>
|
10
_includes/footer.html
Normal file
10
_includes/footer.html
Normal file
@ -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> -->
|
34
_includes/head.html
Normal file
34
_includes/head.html
Normal file
@ -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">
|
22
_includes/metadata-home.json.tpl
Normal file
22
_includes/metadata-home.json.tpl
Normal file
@ -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 -%}
|
||||
}
|
20
_includes/metadata-post.json.tpl
Normal file
20
_includes/metadata-post.json.tpl
Normal file
@ -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 -%}
|
||||
}
|
82
_includes/metadata.json.tpl
Normal file
82
_includes/metadata.json.tpl
Normal file
@ -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": ""
|
||||
}
|
9
_includes/search.html
Normal file
9
_includes/search.html
Normal file
@ -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>
|
42
_includes/toc-date.html
Normal file
42
_includes/toc-date.html
Normal file
@ -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>
|
41
_layouts/home.html
Normal file
41
_layouts/home.html
Normal file
@ -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>
|
53
_layouts/post.html
Normal file
53
_layouts/post.html
Normal file
@ -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>
|
20
_posts/2019-04-27-why.md
Normal file
20
_posts/2019-04-27-why.md
Normal file
@ -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
|
14
_posts/2019-04-28-howto.md
Normal file
14
_posts/2019-04-28-howto.md
Normal file
@ -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
|
Loading…
Reference in New Issue
Block a user