Skip to content

Commit 56cbe15

Browse files
chengzequnchengzequn
committed
网站改版
1 parent d9df051 commit 56cbe15

File tree

680 files changed

+25351
-20362
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

680 files changed

+25351
-20362
lines changed

‎.gitignore

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
_site
2+
.sass-cache
3+
.jekyll-metadata
4+
*.DS_Store
5+
Gemfile.lock

‎404.html

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
---
2+
layout: page
3+
title: Page not found
4+
image: 07.jpg
5+
permalink: /404.html
6+
---
7+
8+
<div class="page-box">
9+
<h2>404</h2>
10+
<p>The requested page could not be found.</p>
11+
<p class="back-arrow"><i class="ion ion-md-arrow-back"></i> <a href="{{site.baseurl}}/">Back to the blog</a></p>
12+
</div>

‎Gemfile

+8
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,8 @@
1+
source 'https://rubygems.org'
2+
gem "bundler"
3+
gem "jekyll"
4+
gem "jekyll-paginate"
5+
gem 'jekyll-tagging'
6+
gem "jekyll-sitemap"
7+
gem 'kramdown'
8+
gem 'kramdown-parser-gfm'

‎README.md

+170
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,170 @@
1+
Zolan - Modern & Minimal Theme for Jekyll
2+
======
3+
Zolan is a minimal blog theme for Jekyll.
4+
5+
* * *
6+
7+
Table of Contents
8+
-----------------
9+
* [Features](#features)
10+
* [Demo](#demo)
11+
* [Deployment](#deployment)
12+
* [Posts](#posts)
13+
* [Disqus Comments](#DisqusComments)
14+
* [Instagram](#instagram)
15+
* [Google Analytics](#GoogleAnalytics)
16+
* [Update favicon](#UpdateFavicon)
17+
* [Credits](#Credits)
18+
* [Support](#Support)
19+
20+
* * *
21+
22+
### Features
23+
24+
* 100% responsive and clean theme
25+
26+
* Optimized for mobile devices
27+
28+
* Minimal design
29+
30+
* Valid HTML5 code
31+
32+
* Post sharing
33+
34+
* Subscription form
35+
36+
* Supports Disqus Comments
37+
38+
* Instagram Feed
39+
40+
* Ionicons Icons
41+
42+
* Google Fonts
43+
44+
45+
* * *
46+
47+
### Demo
48+
49+
Check the theme in action [Demo](https://zolan-jekyll.netlify.app/)
50+
51+
![Main page preview](https://github.com/artemsheludko/zolan/blob/master/images/zolan-main-page.png?raw=true)
52+
53+
The post page would look like this:
54+
55+
![Post page preview](https://github.com/artemsheludko/zolan/blob/master/images/zolan-post.png?raw=true)
56+
57+
* * *
58+
59+
### Deployment
60+
61+
To run the theme locally, navigate to the theme directory and run `bundle install` to install the dependencies, then run `jekyll serve` or `bundle exec jekyll serve` to start the Jekyll server.
62+
63+
I would recommend checking the [Deployment Methods](https://jekyllrb.com/docs/deployment-methods/) page on Jekyll website.
64+
65+
* * *
66+
67+
### Posts
68+
69+
To create a new post, you can create a new markdown file inside the \_posts directory by following the [recommended file structure](https://jekyllrb.com/docs/posts/#creating-post-files).
70+
71+
---
72+
layout: post
73+
title: Time to give gifts to everyone
74+
date: 2018-08-23 16:04:00 +0300
75+
image: 03.jpg
76+
tags: Life
77+
---
78+
79+
80+
You can set the tags and the post image.
81+
82+
Add post images to **/images/** directory.
83+
84+
For tags, try to not add space between two words, for example, `Ruby on Rails`, could be something like (`ruby-on-rails`, `Ruby_on_Rails`, or `Ruby-on-Rails`).
85+
86+
* * *
87+
88+
### Disqus Comments
89+
90+
Zolan Theme comes with Disqus comments enabled.
91+
92+
Open `_data/settings.yml` file, and change the `mr-brown` value on line 26 with your [Disqus account shortname](https://help.disqus.com/customer/portal/articles/466208).
93+
94+
Comment Section (Disqus)
95+
disqus-identifier: mr-brown # Add your shortname for Disqus Comment. For example mr-brown
96+
97+
98+
That’s all you need to setup Disqus from the theme side. If you get any issue regarding that comments are unable to load. First, make sure you have [registered your website with Disqus (Step 1)](https://help.disqus.com/customer/portal/articles/466182-publisher-quick-start-guide).
99+
100+
And also check [Disqus troubleshooting guide](https://help.disqus.com/customer/portal/articles/472007-i-m-receiving-the-message-%22we-were-unable-to-load-disqus-%22) if you still have issues.
101+
102+
* * *
103+
104+
### Instagram
105+
106+
The Instagram feed is working using [Instafeed.js](http://instafeedjs.com/) to show the photos.
107+
108+
First, you will need to get your account `userId` and `accessToken` from the following URLs:
109+
110+
* userId: [http://codeofaninja.com/tools/find-instagram-user-id/](http://codeofaninja.com/tools/find-instagram-user-id/)
111+
* accessToken: [instagram.pixelunion.net](http://instagram.pixelunion.net/)
112+
113+
Second, open the `js/common.js` file and replace the `userId` and `accessToken` values.
114+
115+
var instagramFeed = new Instafeed({
116+
get: 'user',
117+
limit: 6,
118+
resolution: 'standard_resolution',
119+
userId: '8987997106',
120+
accessToken: '8987997106.924f677.8555ecbd52584f41b9b22ec1a16dafb9',
121+
template: ''
122+
});
123+
124+
125+
Third, open the `_data/settings.yml` file and replace the `instafeed: false` on `instafeed: true` value.
126+
127+
# Instagram Feed
128+
instafeed: false # To enable the instafeed, use the value true. To turn off use the value false.
129+
130+
131+
* * *
132+
133+
### Google Analytics
134+
135+
To integrate Google Analytics, open `_data/settings.yml`, and add your Google Analytics identifier.
136+
137+
# Google Analytics
138+
google-analytics: # Add your identifier. For example UA-99631805-1
139+
140+
141+
* * *
142+
143+
### Update favicon
144+
145+
You can find the current favicon (favicon.ico) inside the theme root directory, just replace it with your new favicon.
146+
147+
* * *
148+
149+
### Credits
150+
151+
I have used the following scripts, fonts or other files as listed.
152+
153+
* [Google Fonts](https://fonts.google.com/specimen/Nunito) (Roboto, Sans Serif).
154+
* [Ionicons Icons](https://ionicons.com/)
155+
* [FitVids.js](http://fitvidsjs.com/)
156+
* [Medium’s Image Zoom](https://github.com/fat/zoom.js)
157+
* [Instafeed.js](http://instafeedjs.com/)
158+
* [jQuery.com](https://jquery.com/)
159+
* Preview Images form [unsplash.com](https://unsplash.com/), [pexels.com](https://www.pexels.com/)
160+
161+
* * *
162+
### License
163+
164+
Mit License
165+
166+
* * *
167+
168+
### Support
169+
<p>If you like the themes that I create you can become my sponsor on <a href="https://www.patreon.com/artemsheludko" target="_blank">Patreon</a>.
170+
<p align="center"><b>Thank you for your support ❤️</b></p>

‎_config.yml

+35
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,35 @@
1+
baseurl: "" # 网站子路径, e.g. /blog
2+
url: "http://local host:4000" # the base hostname & protocol for your site, e.g. http://example.com
3+
site_name: "三只蚂蚁"
4+
5+
# Build settings
6+
markdown: kramdown
7+
permalink: pretty
8+
plugins:
9+
- jekyll-paginate
10+
- jekyll-sitemap
11+
- jekyll/tagging
12+
13+
paginate: 10
14+
paginate_path: "/posts/page/:num"
15+
16+
17+
# Pages Path
18+
defaults:
19+
- scope:
20+
path: '_pages'
21+
values:
22+
permalink: /:basename:output_ext
23+
24+
include:
25+
- _pages
26+
27+
28+
# Tags
29+
tag_page_dir: tag
30+
tag_page_layout: tag_page
31+
tag_permalink_style: pretty
32+
33+
sass:
34+
sass_dir: _sass
35+
style: compressed

‎_data/settings.yml

+44
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,44 @@
1+
#-------------------------------
2+
# General Site Settings
3+
title: 三只蚂蚁
4+
logo: # You can add own logo.
5+
description: Zolan is modern minimal theme for Jekyll
6+
7+
8+
#-------------------------------
9+
# Author Settings
10+
author:
11+
name: 阿Q
12+
image: 01.jpg
13+
say-hello: Hello, I’m <strong>Alex Rodriguez</strong>
14+
bio: Designs, talks, and writes about <strong>web</strong>, <strong>ethics</strong>, <strong>privacy</strong>, and dev. I share design tutorials, free resources and inspiration. Loves <a href="#">music</a> & riding his bicycle.
15+
16+
17+
#-------------------------------
18+
# Contact links
19+
twitter: https://twitter.com/ # Add your Twitter handle
20+
facebook: https://facebook.com/ # Add your Facebook handle
21+
dribbble: https://dribbble.com/ # Add your Dribbble handle
22+
instagram: https://instagram.com/ # Add your Instagram handle
23+
pinterest: https://pinterest.com/ # Add your Pinterest handle
24+
25+
26+
#-------------------------------
27+
# Comment Section (Disqus)
28+
disqus-identifier: mr-brown # add your shortname for Disqus Comment. For example mr-brown
29+
30+
31+
#-------------------------------
32+
# Instagram Feed
33+
instafeed: # To enable the instafeed, use the value true. To turn off use the value false.
34+
instagram-profile: artemsheludko_ # Add instagram username
35+
36+
37+
#-------------------------------
38+
# Google Analytics
39+
google-analytics: # Add your identifier. For example UA-99631805-1.
40+
41+
42+
#-------------------------------
43+
# Newsletter
44+
mailchimp: # Add your MailChimp form identifier. For example - blogenjoyfreedom.us16.list-manage.com/subscribe/post?u=cd56155d76ddeeb4c0bc4d080&amp;id=7a526cd13e

‎_includes/article-content.html

+47
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,47 @@
1+
{% assign without-image = nil %}
2+
<!-- begin article -->
3+
<div class="article">
4+
<div class="container">
5+
6+
<div class="article__wrapper">
7+
8+
{% if post.image %}
9+
<a href="{{post.url | prepend: site.baseurl}}" class="article__image" style="background-image: url({{site.baseurl}}/images/{{post.image}})">
10+
</a>
11+
{% else %}
12+
{% assign without-image = 'article-without-image' %}
13+
{% endif %}
14+
15+
<div class="article__content {{ without-image }}">
16+
<div class="article-tags">
17+
{% if post.tags.size >= 1 %}
18+
<div class="article-tags__box">
19+
{% for tag in post.tags %}
20+
<a href="{{ site.baseurl }}/tag/{{ tag | downcase | replace: " ", "-" }}" class="article__tag">{{ tag }}</a>
21+
{% endfor %}
22+
</div>
23+
{% else %}
24+
{% endif %}
25+
</div>
26+
27+
<h2 class="article__title">
28+
<a href="{{ post.url | prepend: site.baseurl }}">{{post.title}}</a>
29+
</h2>
30+
31+
<p class="article__excerpt">{% if post.description %}{{ post.description }}{% else %}{{ post.content | strip_html | truncate: 185 }}{% endif %}</p>
32+
33+
<div class="article__footer">
34+
<div class="article__meta">
35+
<span class="article__date"><time datetime="{{ post.date | date_to_xmlschema }}">{% assign date_format = site.minima.date_format | default: "%B %-d, %Y" %}{{ post.date | date: date_format }}</time></span>
36+
</div>
37+
38+
<a href="{{post.url | prepend: site.baseurl}}" class="read-more">继续阅读 <i class="ion ion-ios-arrow-forward"></i></a>
39+
</div>
40+
41+
</div>
42+
43+
</div>
44+
45+
</div>
46+
</div>
47+
<!-- end article -->

‎_includes/contact-link.html

+23
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
<div class="contact">
2+
<ul class="contact__list list-reset">
3+
{% if site.data.settings.twitter %}
4+
<li><a href="{{ site.data.settings.twitter }}"><i class="ion ion-logo-twitter"></i></a></li>
5+
{% else %} {% endif %}
6+
7+
{% if site.data.settings.facebook %}
8+
<li><a href="{{ site.data.settings.facebook }}"><i class="ion ion-logo-facebook"></i></a></li>
9+
{% else %} {% endif %}
10+
11+
{% if site.data.settings.dribbble %}
12+
<li><a href="{{ site.data.settings.dribbble }}"><i class="ion ion-logo-dribbble"></i></a></li>
13+
{% else %} {% endif %}
14+
15+
{% if site.data.settings.instagram %}
16+
<li><a href="{{ site.data.settings.instagram }}"><i class="ion ion-logo-instagram"></i></a></li>
17+
{% else %} {% endif %}
18+
19+
{% if site.data.settings.pinterest %}
20+
<li><a href="{{ site.data.settings.pinterest }}"><i class="ion ion-logo-pinterest"></i></a></li>
21+
{% else %} {% endif %}
22+
</ul>
23+
</div>

‎_includes/disqus-comments.html

+16
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,16 @@
1+
<!-- begin comments -->
2+
<div class="comments">
3+
<div id="disqus_thread"></div>
4+
<script>
5+
(function () {
6+
var d = document, s = d.createElement('script');
7+
s.src = '//{{ site.data.settings.disqus-identifier }}.disqus.com/embed.js';
8+
s.setAttribute('data-timestamp', +new Date());
9+
(d.head || d.body).appendChild(s);
10+
})();
11+
</script>
12+
<noscript>Please enable JavaScript to view the
13+
<a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a>
14+
</noscript>
15+
</div>
16+
<!-- end comments -->

‎_includes/footer.html

+18
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,18 @@
1+
<!-- begin footer -->
2+
<footer class="footer">
3+
<div class="container">
4+
5+
{% if site.data.settings.mailchimp %}
6+
{% include subscribe.html %}
7+
{% else %} {% endif %}
8+
9+
{% if site.data.settings.instagram %}
10+
{% include instagram.html %}
11+
{% else %} {% endif %}
12+
13+
<!-- {% include contact-link.html %} -->
14+
15+
<div class="copyright"> &copy; {{site.time | date: '%Y'}} <a href="https://threeant.cn">{{ site.data.settings.title }}</a></div>
16+
</div>
17+
</footer>
18+
<!-- end footer -->

0 commit comments

Comments
 (0)