Jekyll Clean
============
* Get it from [github](https://github.com/scotte/jekyll-clean).
* See the [live demo](https://scotte.github.io/jekyll-clean).
* See it [in action on my own blog](https://scotte.org).
A simple and clean Jekyll theme using [bootstrap](http://getbootstrap.com)
(not to be confused with jekyll-bootstrap) that's easy to modify and very
modular in component and element reuse.
It uses Disqus for comments and includes Google Analytics support. Both of
these features are disabled by default and can be enabled via \_config.yml. You
can also rip this code out of the templates if you like (footer.html and post.html).
The beauty of Jekyll - keep things clean... Jekyll Clean!
The theme works well on mobile phones, using a collapsable nav bar and hiding the
sidebar. The links pane in the sidebar is available on mobile through the nav menu,
and you can do the same thing for any other sections added to the sidebar.
Don't forget to occassionally merge against my upstream repository so you can get
the latest changes. Pull requests are encouraged and accepted!
Installation
============
If you don't have a blog already on github, start by cloning this repository.
Best to do that directly on github and then clone that down to your computer.
If you already do have a blog, You can certainly apply this theme to your existing
blog in place, but then you won't be able to merge as the theme changes. If you
re-apply your blog history on top of this theme's **gh-pages** branch, it's then
easy to update to the latest version of the theme. You also don't want to have to
deal with resolving old conflicts from your existing history, so you may wish to to
push your existing master off to a new branch so you have the old history and start
a new branch with this as the start, merging in your \_posts and other assets (after
git rm'ing the current \_posts.
Not ideal, but you have to make a choice - either apply it manually or base your
blog off this theme's branch. Either way it will work, and both have their own
pros and cons.
You can setup an upstream tracking repository like so:
```
$ git remote add upstream git@github.com:scotte/jekyll-clean.git
```
And now when you wish to merge your own branch onto the latest version of the
theme, simply do:
```
$ git fetch upstream
$ git merge upstream/gh-pages
```
Of course you will have to resolve conflicts for \_config.yml, \_includes/links-list.html,
and \_posts, and so on, but in practice this is pretty simple.
This is how I maintain my own blog which is based on this theme. The old history is
sitting in an **old-master** branch that I can refer to when I need to.
Running Locally
===============
Here's the exact set of packages I need to install on Debian to run jekyll
locally with this theme for testing.
```
$ sudo aptitude install ruby ruby-dev rubygems nodejs
$ sudo gem install jekyll jekyll-paginate
```
And then it's just a simple matter of running jekyll locally:
```
$ jekyll serve --baseurl=''
```
Now browse to http://127.0.0.1:4000
Disqus Comments
===============
Getting Disqus to work can be a bit more work than it seems like it should be.
Make sure your Disqus account is correctly configured with the right domain
of your blog and you know your Disqus shortname.
In _config.yml you'll need to set **disqus** to your Disqus shortname and
make sure **comments** is true.
Finally, in posts, make sure you have **comments: true** in the YAML front
matter.
More information on using Disqus with Jekyll is
[documented here](https://help.disqus.com/customer/portal/articles/472138-jekyll-installation-instructions).
Code Syntax Highlighting
========================
To use code syntax highlighting, use the following syntax:
```
```python
import random
# Roll the die
roll = random.randint(1, 20)
print('You rolled a %d.' % roll)
``` #REMOVE
```
(Remove #REMOVE from the end of the last line). Which will look like this in
the rendered jekyll output using the default css/syntax.css provided with this
theme (which is the **colorful** theme from [https://github.com/iwootten/jekyll-syntax](https://github.com/iwootten/jekyll-syntax)):
```python
import random
# Roll the die
roll = random.randint(1, 20)
print('You rolled a %d.' % roll)
```
NOTE: The example in this README.md will render differently than in the
final jekyll output. See the [live demo](https://scotte.github.io/jekyll-clean)
to see how it really looks.
You can, of course, use any theme you wish, see the jekyll and pygments
documentation for more details.
License
=======
The content of this theme is distributed and licensed under a
![License Badge](/images/cc_by_88x31.png)
[Creative Commons Attribution 4.0 License](https://creativecommons.org/licenses/by/4.0/legalcode)
This license lets others distribute, remix, tweak, and build upon your work,
even commercially, as long as they credit you for the original creation. This
is the most accommodating of licenses offered. Recommended for maximum
dissemination and use of licensed materials.
In other words: you can do anything you want with this theme on any site, just please
provide a link to [the original theme on github](https://github.com/scotte/jekyll-clean)
so I get credit for the original design. Beyond that, have at it!
This theme includes the following files which are the properties of their
respective owners:
* js/bootstrap.min.js - [bootstrap](http://getbootstrap.com)
* css/bootstrap.min.css - [bootstrap](http://getbootstrap.com)
* js/jquery.min.js - [jquery](https://jquery.com)
* images/cc_by_88x31.png - [creative commons](https://creativecommons.org)
* css/colorful.css - [iwootten/jekyll-syntax](https://github.com/iwootten/jekyll-syntax)
没有合适的资源?快使用搜索试试~ 我知道了~
用jekyll制作高大上的网站
共59个文件
html:24个
md:7个
css:6个
5星 · 超过95%的资源 需积分: 13 15 下载量 155 浏览量
2016-05-02
15:32:35
上传
评论
收藏 176KB RAR 举报
温馨提示
在 http://www.cnblogs.com/strick/p/5448570.html 有详细说明
资源推荐
资源详情
资源评论
收起资源包目录
jekyll.rar (59个子文件)
jekyll
css
bootstrap.min.css 107KB
syntax.css 4KB
theme.css 524B
_posts
2012-05-22-Vivamus-porttitor-porta-tortor.md 1KB
2013-06-22-Cum-sociis-natoque-penatibus.md 2KB
2014-08-22-jekyll-clean-theme.md 6KB
2013-05-22-Nulla-vel-risus-dapibus.md 2KB
2014-06-22-Maecenas-feugiat-fringilla-nibh.md 2KB
2014-07-22-Lorem-ipsum-dolor-sit-amet.md 2KB
_layouts
default.html 300B
post.html 2KB
Guardfile 2KB
_site
css
bootstrap.min.css 107KB
syntax.css 4KB
theme.css 524B
2012
05
Vivamus-porttitor-porta-tortor.html 6KB
Guardfile 2KB
images
cc_by_88x31.png 5KB
0.1.0 0B
links.html 4KB
feed.xml 20KB
2013
05
Nulla-vel-risus-dapibus.html 7KB
06
Cum-sociis-natoque-penatibus.html 7KB
index.html 15KB
js
jquery.min.js 82KB
bootstrap.min.js 31KB
2014
07
Lorem-ipsum-dolor-sit-amet.html 7KB
06
Maecenas-feugiat-fringilla-nibh.html 7KB
08
jekyll-clean-theme.html 11KB
open.bat 40B
Gemfile 188B
Gemfile.lock 2KB
archive.html 5KB
page2
index.html 9KB
about.html 4KB
images
cc_by_88x31.png 5KB
_includes
footer.html 576B
analytics.html 473B
sidebar.html 350B
disqus-comments.html 534B
disqus-counts.html 558B
links-list.html 153B
header.html 2KB
0.1.0 0B
links.html 170B
feed.xml 782B
_config.yml 953B
index.html 1KB
js
jquery.min.js 82KB
bootstrap.min.js 31KB
LICENSE 13KB
open.bat 40B
Gemfile 188B
.bundle
config 8B
Gemfile.lock 2KB
archive.html 614B
.gitignore 13B
README.md 6KB
about.html 100B
共 59 条
- 1
资源评论
- szhe1002016-10-23学习借鉴一下
loneleaf1
- 粉丝: 44
- 资源: 130
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功