You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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)
11
+
A minimal, portfolio, sidebar, bootstrap Jekyll theme with responsive web design and focuses on text exhibition. It will help you easily record, manage and share your knowledge and experience. Hope you like it! [**Live Demo** »](https://chirpy.cotes.info)
12
+
10
13
11
14
## Features
12
15
16
+
* Auto Dark Mode
13
17
* Posts' Last Modified Date
14
18
* Table of Contents
19
+
* Recommand Related Post Automatically
15
20
* Disqus Comments
16
21
* Syntax highlighting
17
22
* Two Level Categories
@@ -23,18 +28,18 @@ A minimal, portfolio, sidebar, bootstrap Jekyll theme with responsive web design
23
28
* SEO Tag
24
29
* Performance Optimization
25
30
26
-
## Getting Started
31
+
## Quick Start
27
32
28
33
### Preparation
29
34
30
35
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/).
31
36
32
-
Next, [fork](https://github.com/cotes2020/jekyll-theme-chirpy/fork)**Chirpy** and then clone your replicated repository locally.
37
+
Next, [fork](https://github.com/cotes2020/jekyll-theme-chirpy/fork)**Chirpy** and then clone your forked repo locally.
33
38
34
39
35
40
### Install Jekyll Plugins
36
41
37
-
Go to root directory of the repository and run the following:
42
+
Go to the root of repo and run:
38
43
39
44
```terminal
40
45
$ bundle install
@@ -56,7 +61,7 @@ jekyll-theme-chirpy/
56
61
├── _scripts
57
62
│ └── travis # CI stuff, remove it
58
63
├── .travis.yml # remove this, too
59
-
├── .github # remove
64
+
├── .github # remove it
60
65
├── assets
61
66
├── tabs
62
67
│ └── about.md # the ABOUT page
@@ -74,20 +79,34 @@ jekyll-theme-chirpy/
74
79
```
75
80
76
81
82
+
As mentioned above, some files or directories should be removed from your repo:
83
+
84
+
- .travis.yml
85
+
- .github
86
+
-_scripts/travis
87
+
88
+
77
89
### Configuration
78
90
79
91
Customize the variables in file `_config.yml` as needed.
80
92
93
+
* Avatar
94
+
95
+
The sample avatar is `/assets/img/sample/avatar.jpg`. It should be replaced by your own one. Notice that a huge image file will increase the load time of your site, so keep your avatar size as samll as possible(may be *<https://tinypng.com/>* will help).
81
96
82
-
### Atom Feed
97
+
* TimeZone
83
98
84
-
The Atom feed url of your site will be:
99
+
To ensure that the posts' release date matches the city you live in, please modify the field `timezone` correctly. A list of all available values can be found on [TimezoneConverter](http://www.timezoneconverter.com/cgi-bin/findzone/findzone) or [Wikipedia](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones).
85
100
86
-
```
87
-
<SITE_URL>/feed.xml
88
-
```
101
+
* Atom Feed
102
+
103
+
The Atom feed url of your site will be:
104
+
105
+
```
106
+
<SITE_URL>/feed.xml
107
+
```
89
108
90
-
The `SITE_URL` was defined by variable `url`in file`_config.yml`.
109
+
The `SITE_URL` was defined by variable `url` of `_config.yml`.
91
110
92
111
93
112
### Run Locally
@@ -104,53 +123,84 @@ Open a brower and visit <http://localhost:4000>.
104
123
105
124
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.
106
125
107
-
108
126
### Deploying to GitHub Pages
109
127
110
-
Before the deployment begins, ensure the `url` in `_config.yml` has been set to `https://<username>.github.io`.
128
+
Before the deployment begins, ensure the `url` in file `_config.yml` has been set to `https://<username>.github.io`(or the custom domain, if you have. e.g. `https://yourdomain.com`).
111
129
112
130
#### Option 1: Built by GitHub Pages
113
131
114
-
By deploying your site in this way, you can push the source code to GitHub repository directly.
132
+
By deploying the site in this way, you're allowed to push the source code directly to the remote.
133
+
134
+
> **Note**: If you want to use any third-party Jekyll plugins that not in [this list](https://pages.github.com/versions/), stop reading the current approach and go to [*Option 2: Build locally*](#option-2-build-locally).
115
135
116
-
> **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).
136
+
**1**. Rename the repository to:
117
137
118
-
**1**. Rename your repository as `<username>.github.io`.
138
+
|Site Type | Repo's Name|
139
+
|:---|:---|
140
+
|User or Organization |`<username>.github.io`|
141
+
|Project| any one except `<username>.github.io`, let's say `project`|
119
142
120
-
**2**. Commit the changes of your repository, then run the initialization script:
143
+
**2**. Commit the changes of the repo first, then run the initialization script:
121
144
122
145
```console
123
146
$ bash tools/init.sh
124
147
```
125
148
126
-
It will automatically generates the *Latest Modified Date* and *Categories / Tags* page for the posts.
149
+
it will automatically generates the *Latest Modified Date* and *Categories / Tags* page for the posts.
127
150
128
-
**3**. Push the changes to `origin/master` then go to GitHub website and enable GitHub Pages service for the repository `<username>.github.io`.
151
+
**3**. Push the changes to `origin/master` then go to GitHub website and enable GitHub Pages service for the repo.
129
152
130
-
**4**. Visit `https://<username>.github.io` and enjoy.
153
+
**4**. Check it out:
154
+
155
+
|Site Type | Site URL |
156
+
|:---|:---|
157
+
|User or Organization |`https://<username>.github.io/`|
158
+
|Project|`https://<username>.github.io/project/`|
131
159
132
160
133
161
#### Option 2: Build Locally
134
162
135
-
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**.
163
+
For security reasons, GitHub Pages runs on `safe` mode, which means the third-party Jekyll plugins or custom scripts won't work. If you want to use any another plugins that not in the [whitelist](https://pages.github.com/versions/), **you have to generate the site locally rather than on GitHub Pages**.
164
+
165
+
**1**. Browse to GitHub website, create a brand new repo named:
166
+
167
+
|Site Type | Repo's Name|
168
+
|:---|:---|
169
+
|User or Organization |`<username>.github.io`|
170
+
|Project| any one except `<username>.github.io`, let's say `project`|
136
171
137
-
**1**. On GitHub website, create a brand new repository with name `<username>.github.io`and then clone it locally.
172
+
and clone it.
138
173
139
-
**2**. Build your site by:
174
+
**2**. In the root of the source project, build your site by:
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.
180
+
If you prefer to the Project site, change `baseurl` of file `_config.yml` to your project name, starting with a slash. e.g. `/project`. Or, simply add argument `-b /project` behide the command above.
181
+
182
+
The generated static files will be placed in the root of `/path/to/local/project`. Commit and push the changes to the `master` branch on GitHub.
183
+
184
+
**3**. Go to GitHub website and enable Pages service for the new repository.
146
185
147
-
**3**. Go to GitHub website and enable GitHub Pages service for the new repository `<username>.github.io`.
186
+
**4**. Visit at:
187
+
188
+
|Site Type | Site URL |
189
+
|:---|:---|
190
+
|User or Organization |`https://<username>.github.io/`|
191
+
|Project|`https://<username>.github.io/project/`|
192
+
193
+
and enjoy!
148
194
149
-
**4**. Visit `https://<username>.github.io` and enjoy.
150
195
151
196
## Documentation
152
197
153
-
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).
198
+
For more information, please check out 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).
199
+
200
+
## Sponsor
201
+
202
+
Want to buy me a coffee? Click the button <kbd>❤️Sponsor</kbd> at the top of the [Home Page](https://github.com/cotes2020/jekyll-theme-chirpy) and choose a link that suits you to donate. I'd really appreciate it and take it as encouragement to work on better projects.
0 commit comments