web/README.md

162 lines
5.4 KiB
Markdown
Raw Normal View History

2019-09-30 15:37:14 +03:00
# Jekyll Theme Chirpy
[![Build Status](https://travis-ci.com/cotes2020/jekyll-theme-chirpy.svg?branch=master)](https://travis-ci.com/cotes2020/jekyll-theme-chirpy)
[![GitHub license](https://img.shields.io/github/license/cotes2020/jekyll-theme-chirpy.svg)](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/LICENSE)
[![996.icu](https://img.shields.io/badge/link-996.icu-red.svg)](https://996.icu)
2019-11-16 18:12:26 +03:00
![devices-mockup](https://raw.githubusercontent.com/cotes2020/jekyll-theme-chirpy/master/assets/img/sample/devices-mockup.png)
2019-09-30 15:37:14 +03:00
2019-12-31 20:24:54 +03:00
A minimal, portfolio, sidebar, bootstrap Jekyll theme with responsive web design and focuses on text presentation. Hope you like it! [Live Demo »](https://chirpy.cotes.info)
2019-09-30 15:37:14 +03:00
## Features
2019-12-31 20:24:54 +03:00
* Posts' Last Modified Date
2019-09-30 15:37:14 +03:00
* Table of Contents
* Disqus Comments
* Syntax highlighting
* Two Level Categories
* Search
2019-12-31 20:24:54 +03:00
* HTML Compress
* Atom Feeds
2019-09-30 15:37:14 +03:00
* Google Analytics
2019-12-31 20:24:54 +03:00
* GA Pageviews (Advanced)
* SEO Tag
* Performance Optimization
2019-09-30 15:37:14 +03:00
2019-11-18 17:36:22 +03:00
## Getting Started
2019-09-30 15:37:14 +03:00
2019-11-16 18:12:26 +03:00
### Preparation
2019-09-30 15:37:14 +03:00
2019-11-18 17:36:22 +03:00
Follow the [Jekyll Docs](https://jekyllrb.com/docs/installation/) to complete the installtion of basic environment (Ruby, RubyGem, Bundler and Jekyll). In addition, to use the funny script tools, we also need to install [Python](https://www.python.org/downloads/)(version 3.5 or abover) and [ruamel.yaml](https://pypi.org/project/ruamel.yaml/).
2019-09-30 15:37:14 +03:00
2019-11-18 17:36:22 +03:00
Next, [fork](https://github.com/cotes2020/jekyll-theme-chirpy/fork) **Chirpy** and then clone your replicated repository locally.
2019-09-30 15:37:14 +03:00
2019-11-16 18:12:26 +03:00
2019-11-18 17:36:22 +03:00
### Install Jekyll Plugins
2019-11-16 18:12:26 +03:00
Go to root directory of the repository and run the following:
```terminal
2019-09-30 15:37:14 +03:00
$ bundle install
```
2019-11-16 18:12:26 +03:00
`bundle` will install all the dependent Jekyll Plugins listed in file `Gemfile` automatically.
2019-11-18 17:36:22 +03:00
### File Structure
2019-11-16 18:12:26 +03:00
The main files and related brief introductions are listed below.
```sh
jekyll-theme-chirpy/
├── _data
├── _includes
├── _layouts
├── _posts # posts stay here
├── _scripts
2019-12-24 15:33:13 +03:00
│ └── travis # CI stuff, remove it
├── .travis.yml # remove it, too
2019-11-16 18:12:26 +03:00
├── assets
├── tabs
│   └── about.md # the ABOUT page
├── .gitignore
├── 404.html
├── Gemfile
├── LICENSE
├── README.md
├── _config.yml # configuration file
├── build.sh # script tool
├── run.sh # script tool
├── init.sh # script tool
├── pv.sh
├── feed.xml
├── index.html
├── robots.txt
├── search.json
└── sitemap.xml
```
### Configuration
Customize the variables in file `_config.yml` as needed.
### Atom Feed
2019-09-30 15:37:14 +03:00
2019-11-16 18:12:26 +03:00
The Atom feed url of your site will be:
```
<SITE_URL>/feed.xml
2019-09-30 15:37:14 +03:00
```
2019-11-16 18:12:26 +03:00
The `SITE_URL` was defined by variable `url` in file `_config.yml`.
2019-11-18 17:36:22 +03:00
### Run Locally
2019-11-16 18:12:26 +03:00
You may want to preview the site before publishing, so just run the script tool:
```terminal
2019-09-30 15:37:14 +03:00
$ bash run.sh
```
2019-11-16 18:12:26 +03:00
2019-11-18 17:36:22 +03:00
>**Note**: The *Recent Update* list requires the latest git-log date of posts, thus make sure the changes in `_posts` have been committed before running this command.
Open a brower and visit <http://localhost:4000>.
Few days later, you may find that the file changes does not refresh in real time by using `run.sh`. Don't worry, the advanced option `-r` (or `--realtime`) will solve this problem, but it requires [**fswatch**](http://emcrisostomo.github.io/fswatch/) to be installed on your machine.
2019-11-16 18:12:26 +03:00
### Deploying to GitHub Pages
Before the deployment begins, ensure the `url` in `_config.yml` has been set to `https://<username>.github.io`.
#### Option 1: Built by GitHub Pages
By deploying your site in this way, you can push the source code to GitHub repository directly.
> **Note**: If you want to add any third-party Jekyll plugins or custom scripts to your project, please refer to [*Option 2: Build locally*](#option-2-build-locally).
**1**. Rename your repository as `<username>.github.io`.
**2**. Commit the changes of your repository, then run the initialization script:
```console
$ bash init.sh
```
It will automatically generates the *Latest Modified Date* and *Categories / Tags* page for the posts.
**3**. Push the changes to `origin/master` then go to GitHub website and enable GitHub Pages service for the repository `<username>.github.io`.
**4**. Visit `https://<username>.github.io` and enjoy.
2019-11-18 17:36:22 +03:00
#### Option 2: Build Locally
2019-11-16 18:12:26 +03:00
For security reasons, GitHub Pages runs on `safe` mode, which means the third-party Jekyll plugins or custom scripts will not work. If you want to use any another third-party Jekyll plugins, **your have to build locally rather than on GitHub Pages**.
**1**. On GitHub website, create a brand new repository with name `<username>.github.io` and then clone it locally.
**2**. Build your site by:
```console
$ bash build.sh -d /path/to/<username>.github.io/
```
The build results will be stored in the root directory of `<username>.github.io` and don't forget to push the changes of `<username>.github.io` to branch `master` on GitHub.
**3**. Go to GitHub website and enable GitHub Pages service for the new repository `<username>.github.io`.
2019-09-30 15:37:14 +03:00
2019-11-16 18:12:26 +03:00
**4**. Visit `https://<username>.github.io` and enjoy.
2019-09-30 15:37:14 +03:00
2019-11-05 17:14:02 +03:00
## Documentation
2019-11-16 18:12:26 +03:00
For more information, please see the [tutorial](https://chirpy.cotes.info/categories/tutorial/). In the meanwhile, a copy of the tutorial is also available on the [Wiki](https://github.com/cotes2020/jekyll-theme-chirpy/wiki).
2019-09-30 15:37:14 +03:00
## License
This work is published under [MIT](https://github.com/cotes2020/jekyll-theme-chirpy/blob/master/LICENSE) License.