├── .gitignore
├── a_home.md
├── images
    └── favicon.ico
├── _includes
    ├── Blogroll.html
    ├── Tags.html
    ├── sidebar.html
    ├── Categories.html
    ├── Recent_Posts.html
    ├── footer.html
    ├── Archives.html
    ├── comments.html
    ├── page_pagination.html
    ├── Copyright_Notice.html
    ├── post_pagination.html
    ├── Aboutme.html
    ├── header.html
    └── head.html
├── f_guestbook.md
├── _layouts
    ├── page.html
    ├── default.html
    └── post.html
├── _posts
    ├── 2014-12-18-how-to-install.md
    ├── 2013-10-10-milu.md
    ├── 2015-03-31-2.0version.md
    ├── 2014-12-13-simple-post.md
    ├── 2014-12-19-how-to-set-the-config-file.md
    └── 2014-12-19-freshman21-structure.md
├── c_archives.md
├── e_tags.md
├── d_categories.md
├── b_about.md
├── LICENSE
├── feed.xml
├── index.html
├── css
    └── main.scss
├── README.md
├── _sass
    ├── _syntax-highlighting-monokai.scss
    ├── _syntax-highlighting.scss
    ├── _syntax-highlighting-native.scss
    ├── _base.scss
    └── _layout.scss
└── _config.yml


/.gitignore:
--------------------------------------------------------------------------------
1 | _site
2 | .sass-cache
3 | 


--------------------------------------------------------------------------------
/a_home.md:
--------------------------------------------------------------------------------
1 | ---
2 | layout: page
3 | title: Home
4 | permalink: /
5 | ---
6 | 
7 | 


--------------------------------------------------------------------------------
/images/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/yulijia/freshman21/HEAD/images/favicon.ico


--------------------------------------------------------------------------------
/_includes/Blogroll.html:
--------------------------------------------------------------------------------
1 | <div class="sidebar-module">
2 |   <h4>{{ site.locales[site.default_locale].Blogroll }}</h4>
3 |   {% for friend in site.Blogroll %}
4 |   <li><a href="{{ friend.href }}" title="{{ friend.title }}">{{ friend.name }}</a></li>
5 |   {% endfor %}
6 | </div>
7 | 
8 | 


--------------------------------------------------------------------------------
/_includes/Tags.html:
--------------------------------------------------------------------------------
1 | <div class="sidebar-module">
2 |   <h4>{{ site.locales[site.default_locale].Tags }}</h4>
3 |   {% for tag in site.tags %}
4 |     <a href="{{ site.baseurl }}/tags/#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">{{ tag[0] }}</a> &nbsp;
5 |   {% endfor %}
6 | </div>
7 | 
8 | 


--------------------------------------------------------------------------------
/_includes/sidebar.html:
--------------------------------------------------------------------------------
 1 | <div class="col-sm-2">
 2 | {% include Aboutme.html %}
 3 | {% include Copyright_Notice.html %}
 4 | {% include Recent_Posts.html %}
 5 | {% include Categories.html %}
 6 | {% include Tags.html %}
 7 | {% include Blogroll.html %}
 8 | {% include Archives.html %}
 9 | </div>
10 | 
11 | 


--------------------------------------------------------------------------------
/f_guestbook.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | title: Guestbook
 4 | comments: yes
 5 | permalink: /guestbook/
 6 | ---
 7 | ## Hi, welcome to leave a message here.:)
 8 | 
 9 | > To follow the path, look to the master, follow the master, walk with the master, see through the master, become the master.
10 | 
11 | 


--------------------------------------------------------------------------------
/_includes/Categories.html:
--------------------------------------------------------------------------------
1 | <div class="sidebar-module">
2 |   <h4>{{ site.locales[site.default_locale].Categories }}</h4>
3 |   {% for cat in site.categories %}
4 |   <li><a href="{{ site.baseurl }}/categories/#{{ cat[0] }}" title="{{ cat[0] }}" rel="{{ cat[1].size }}">{{ cat[0] }} ({{ cat[1].size }})</a></li>
5 |   {% endfor %}
6 | </div>
7 | 
8 | 


--------------------------------------------------------------------------------
/_includes/Recent_Posts.html:
--------------------------------------------------------------------------------
 1 | <div class="sidebar-module">
 2 |   <h4>{{ site.locales[site.default_locale].Recent_Posts }}</h4>
 3 |   {% for post in site.posts limit:5 %}
 4 |   <li>
 5 |   <a href="{{ site.baseurl }}{{ post.url }}" title="{{ post.title }}" rel="bookmark">{{ post.title }}</a>
 6 |   </li>
 7 |   {% endfor %}
 8 | </div>
 9 | 
10 | 


--------------------------------------------------------------------------------
/_includes/footer.html:
--------------------------------------------------------------------------------
 1 | <footer class="site-footer">
 2 | 
 3 |   <p>Copyright &copy; <a href="{{ site.baseurl }}/">{{site.title}}</a></p>
 4 |   <p>Powered by <a href="https://github.com/jekyll/jekyll">Jekyll</a> 
 5 |   on 
 6 |   <a href="https://github.com/">Github</a>
 7 |   | Theme <a href="https://github.com/yulijia/freshman21/">Freshman21</a> Design by <a href="https://yulijia.net">Lijia Yu</a>  
 8 | 
 9 | </footer>
10 | 


--------------------------------------------------------------------------------
/_layouts/page.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | <div class="post">
 5 | 
 6 |   <header class="post-header">
 7 |     <h1 class="post-title">{{ page.title | replace: page.title, site.locales[site.default_locale][page.title] }}</h1>
 8 |   </header>
 9 | 
10 |   <article class="post-content"> 
11 |     {{ content }}
12 |   </article>
13 | 
14 |   {% if page.comments %}
15 |   {% include comments.html %}
16 |   {% endif %}
17 | 
18 | </div> 
19 | 


--------------------------------------------------------------------------------
/_includes/Archives.html:
--------------------------------------------------------------------------------
 1 | <div class="sidebar-module">
 2 |   <h4>{{ site.locales[site.default_locale].Archives }}</h4>
 3 | 
 4 |   {% for post in site.posts %}
 5 |   {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
 6 |   {% unless year == this_year %}
 7 |   {% assign year = this_year %}
 8 |   {% unless post == site.posts.first %}
 9 |   {% endunless %}
10 |   <li id="{{ year }}" > <a href="{{ site.baseurl }}/archives/#{{year}}">{{ year }}</a></li>
11 |   {% endunless %}
12 |   {% endfor %}
13 | 
14 | </div>
15 | 
16 | 


--------------------------------------------------------------------------------
/_posts/2014-12-18-how-to-install.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: How to install this theme
 4 | categories: articles
 5 | tags: [sample-post]
 6 | comments: true
 7 | description: How to install this theme, follow steps, very easy!
 8 | ---
 9 | 
10 | ## How to install Freshman theme?
11 | 
12 | 
13 | ```bash
14 | # please make sure you have already installed git tools and ruby tools(gem)
15 | $ gem install sass
16 | $ gem install jekyll
17 | $ git clone https://github.com/yulijia/freshman21.git
18 | ```
19 | 
20 | Then, change the folder name to you own github page name, forexample
21 | 
22 | ```bash
23 |  $ mv freshman thisisyouname.github.io
24 | ``` 
25 | 


--------------------------------------------------------------------------------
/_layouts/default.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html>
 3 | 
 4 | {% include head.html %}
 5 | 
 6 | <body>
 7 | 
 8 | <div class="container">
 9 | 
10 |   {% include header.html %}
11 | 
12 |   {% if site.default_column == "two" %}  
13 | 
14 |   <div class="page-content col-sm-8">
15 |     {{ content }}
16 |     {% include post_pagination.html %}
17 |   </div>
18 |   {% include sidebar.html %}
19 | 
20 |   {% else %}
21 | 
22 |   <div class="page-content">
23 |     <div class="wrapper">
24 |       {{ content }}
25 |     </div>
26 |   </div>
27 |   {% include post_pagination.html %}
28 | 
29 |   {% endif %}
30 | 
31 |   {% include footer.html %}
32 | 
33 | </div>
34 | 
35 | </body>
36 | 
37 | </html>
38 | 


--------------------------------------------------------------------------------
/_includes/comments.html:
--------------------------------------------------------------------------------
 1 | <div id="disqus_thread"></div>
 2 | 
 3 | <script type="text/javascript">
 4 | {% if site.safe == false %}
 5 |   var disqus_developer = 1;
 6 | {% endif %}
 7 | var disqus_shortname ='{{ site.disqus_shortname }}';
 8 | /* * * DON'T EDIT BELOW THIS LINE * * */
 9 | (function() {
10 |   var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
11 |   dsq.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
12 |   (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
13 | })();
14 | </script>
15 | 
16 | <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
17 | 


--------------------------------------------------------------------------------
/_includes/page_pagination.html:
--------------------------------------------------------------------------------
 1 | <section class="pager">
 2 |   <ul>
 3 |     {% if page.previous %}
 4 |     <li class="previous"><a href="{{ site.baseurl }}{{ page.previous.url }}" title="{{ page.previous.title }}">&larr; {{ site.locales[site.default_locale].Previous }}</a></li>
 5 |     {% else %}
 6 |     <li class="disabled"><a>&larr; {{ site.locales[site.default_locale].Previous }}</a></li>
 7 |     {% endif %}
 8 |     {% if page.next %}
 9 |     <li class="next"><a href="{{ site.baseurl }}{{ page.next.url }}" title="{{ page.next.title }}">{{ site.locales[site.default_locale].Next }} &rarr;</a></li>
10 |     {% else %}
11 |     <li class="disabled"><a>{{ site.locales[site.default_locale].Next }} &rarr;</a></li>
12 |     {% endif %}
13 |   </ul>
14 | </section>
15 | 


--------------------------------------------------------------------------------
/c_archives.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | title: Archives
 4 | permalink: /archives/
 5 | ---
 6 | 
 7 | <ul class="tags-box">
 8 | 
 9 | {% if site.posts != empty %}
10 | 
11 | {% for post in site.posts %}
12 | {% capture this_year %}{{ post.date | date: "%Y" }}{% endcapture %}
13 | {% unless year == this_year %}
14 | {% assign year = this_year %}
15 | {% unless post == site.posts.first %}
16 | {% endunless %}
17 | <li id="{{ year }}">{{ year }}</li>
18 | {% endunless %}
19 | <time datetime="{{ post.date | date:"%Y-%m-%d" }}">
20 | {{ post.date | date:"%Y-%m-%d" }}
21 | </time>
22 | &raquo; <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title | capitalize }}</a><br />
23 | {% endfor %}
24 | 
25 | {% else %}
26 | 
27 | <span>No posts</span>
28 | 
29 | {% endif %}
30 | 
31 | </ul>
32 | 


--------------------------------------------------------------------------------
/e_tags.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | title: Tags
 4 | permalink: /tags/
 5 | ---
 6 | 
 7 | <ul class="tags-box">
 8 | {% if site.posts != empty %}
 9 | {% for tag in site.tags %}
10 | <a href="#{{ tag[0] }}" title="{{ tag[0] }}" rel="{{ tag[1].size }}">{{ tag[0] }}<span class="size"> {{ tag[1].size }}</span></a>
11 | {% endfor %}
12 | </ul>
13 | 
14 | <ul class="tags-box">
15 | {% for tag in site.tags %}
16 | <li  id="{{ tag[0] }}">{{ tag[0] }}</li>
17 | {% for post in tag[1] %}
18 | <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time> &raquo;
19 | <a href="{{ site.baseurl }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><br />
20 | {% endfor %}
21 | {% endfor %}
22 | {% else %}
23 | <span>No posts</span>
24 | {% endif %}
25 | </ul>
26 | 


--------------------------------------------------------------------------------
/d_categories.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | title: Categories
 4 | permalink: /categories/
 5 | ---
 6 | 
 7 | <ul class="tags-box">
 8 | {% if site.posts != empty %}
 9 | {% for cat in site.categories %}
10 | <a href="#{{ cat[0] }}" title="{{ cat[0] }}" rel="{{ cat[1].size }}">{{ cat[0] | join: "/"}}<span class="size"> {{ cat[1].size }}</span></a>
11 | {% endfor %}
12 | </ul>
13 | 
14 | <ul class="tags-box">
15 | {% for cat in site.categories %}
16 | <li id="{{ cat[0] }}">{{ cat[0]}}</li>
17 | {% for post in cat[1] %}
18 | <time datetime="{{ post.date | date:"%Y-%m-%d" }}">{{ post.date | date:"%Y-%m-%d" }}</time> &raquo;
19 | <a href="{{ site.baseurl }}{{ post.url }}" title="{{ post.title }}">{{ post.title }}</a><br />
20 | {% endfor %}
21 | {% endfor %}
22 | {% else %}
23 | <span>No posts</span>
24 | {% endif %}
25 | </ul>
26 | 
27 | 


--------------------------------------------------------------------------------
/_includes/Copyright_Notice.html:
--------------------------------------------------------------------------------
 1 | <div class="sidebar-module"> <!-- sidebar-module-inset">-->
 2 |   <h4>{{ site.locales[site.default_locale].Copyright_Notice }}</h4>
 3 | 
 4 |   {% if site.default_locale == "cn" %}
 5 | 
 6 |   <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh">
 7 |     <img src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png">
 8 |   </a>
 9 |   <br />
10 |   <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.zh">署名-非商业性使用-相同方式共享</a>
11 | 
12 |   {% else %}
13 | 
14 |   <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">
15 |     <img src="http://i.creativecommons.org/l/by-nc-sa/3.0/88x31.png">
16 |   </a>
17 |   <br />
18 |   <a href="http://creativecommons.org/licenses/by-nc-sa/3.0/">Attribution-NonCommercial-ShareAlike</a>
19 | 
20 |   {% endif %}
21 | 
22 | </div>
23 | 
24 | 


--------------------------------------------------------------------------------
/_includes/post_pagination.html:
--------------------------------------------------------------------------------
 1 | <section class="pager">
 2 |   {% if paginator.previous_page %}
 3 |   {% if paginator.previous_page == 1 %}
 4 |   <li class="previous"><a href="{{site.baseurl}}/" title="{{ site.locales[site.default_locale].Next }}">&larr; {{ site.locales[site.default_locale].Next }}</a></li>
 5 |   {% else %}
 6 |   <li class="previous"><a href="{{site.baseurl}}/page{{ paginator.previous_page }}/" title="{{ site.locales[site.default_locale].Next }}">&larr; {{ site.locales[site.default_locale].Next }}</a></li>
 7 |   {% endif %}
 8 |   {% endif %}
 9 |   {% if paginator.next_page %}
10 |   <li class="next"><a href="{{site.baseurl}}/page{{ paginator.next_page }}/" title="{{ site.locales[site.default_locale].Previous }}">{{ site.locales[site.default_locale].Previous }} &rarr;</a></li>
11 |   {% endif %}
12 | </section>
13 | 
14 | 


--------------------------------------------------------------------------------
/_includes/Aboutme.html:
--------------------------------------------------------------------------------
 1 | <div class="sidebar-module about">
 2 |   <h4>{{ site.locales[site.default_locale].Aboutme }}</h4>
 3 |   <img title="{{site.author}}" src="{{site.aboutme_photo}}" alt="{{site.author}}"/>
 4 |   <span>{{site.aboutme}}</span>
 5 |   <br />
 6 | 
 7 |   {% if site.ShowContactInfo == "True" %}
 8 | 
 9 |   You can contact me via:
10 | 
11 |   {% if site.email != empty %}
12 |   <a href="mailto:{{site.email}}" title="mailto: {{site.email}}">Email</a> /
13 |   {% endif %}
14 |   {% if site.github_username != empty %}
15 |   <a href="https://github.com/{{site.github_username}}" title="GithubID: {{site.github_username}}">Github</a> /
16 |   {% endif %}
17 |   {% if site.twitter_username != empty %}
18 |   <a href="https://twitter.com/{{site.twitter_username}}" title="TwitterID: {{site.twitter_username}}">Twitter</a>
19 |   {% endif %}
20 | 
21 |   {% endif %}
22 | 
23 | </div>
24 | 


--------------------------------------------------------------------------------
/b_about.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: page
 3 | title: About
 4 | comments: yes
 5 | permalink: /about/
 6 | ---
 7 | 
 8 | 
 9 | ### Freshman21 is a Jekyll theme.
10 | 
11 | A tribute to Twenty Twelve and Twenty eleven.
12 | 
13 | I like wordpress's theme Twenty Twelve and Twenty eleven very much. 
14 | So I called my Jekyll theme Freshman21 (Freshman <q>twenty-first</q> , it means twenty-first century, not twenty-one), this theme is based on my former theme [Freshman](https://github.com/yulijia/freshman/).
15 | 
16 | Freshman21 have two main page format, one is [single column](http://yulijia.net/en/  "see demo"), the other is two columns. For more details, please see the articles on the site.
17 | 
18 | <cite>Proudly enjoy using Freshman21 theme.</cite> <code>;)</code>
19 | 
20 | ![麋鹿](https://i.imgur.com/Mdc4szJl.jpg){: .img-about}
21 | 
22 | #### Hi, the picture you have seen in the sample-page is a Père David's deer photoed by my friend at Beijing Milu Park, China.
23 | 
24 | Milu(麋鹿) is the chinese name of Père David's deer.
25 | 
26 | 
27 | 
28 | 


--------------------------------------------------------------------------------
/_posts/2013-10-10-milu.md:
--------------------------------------------------------------------------------
 1 | --- 
 2 | published: true
 3 | title: Père David's deer 
 4 | layout: post
 5 | author: Yu
 6 | category: articles
 7 | tags: 
 8 | - Père David's deer
 9 | - milu
10 | - Elaphurus davidianus
11 | 
12 | ---
13 | 
14 | 
15 | 
16 | 
17 | Père David's deer (Elaphurus davidianus), also known as the milu (Chinese: 麋鹿; pinyin: mílù) or elaphure, is a species of deer that is currently extinct in the wild—all known specimens are found only in captivity. 
18 | This semiaquatic animal prefers marshland, and is native to the subtropics of China. 
19 | It grazes mainly on grass and aquatic plants. 
20 | It is the only extant member of the genus Elaphurus. 
21 | Based on genetic comparisons, Père David's deer is closely related to the deer of the genus Cervus, leading many experts to suggest merging Elaphurus into Cervus<sup>[1]</sup> or demoting Elaphurus to a subgenus of Cervus.
22 | 
23 | 
24 | [1] **Pitra, C.; Fickel, J.; Meijaard, E.; Groves, C. (1 December 2004).** ["Evolution and phylogeny of old world deer"](http://arts.anu.edu.au/grovco/pitra%20deer.pdf). *Molecular Phylogenetics and Evolution* **33** (3): 880–895. 
25 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2014 Lijia Yu
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 
23 | 


--------------------------------------------------------------------------------
/_posts/2015-03-31-2.0version.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | published: true
 3 | title: 2.0 version
 4 | layout: post
 5 | author: Yu 
 6 | category: news
 7 | tags:
 8 | - version
 9 | - new features
10 | - google analytics
11 | - google search
12 | - back to top
13 | - read more
14 | ---
15 | 
16 | Today, I update the theme with some new features. Welcome to use freshman21 2.0 version(gh-pages branch).
17 | 
18 | **gh-pages branch new features** :
19 | 
20 |   - Google  search
21 |   - Google analytics
22 |   - Read more mode
23 |   - Open Graph META Tags
24 |   - Microdata(schema.org)
25 |   - back to top button
26 |   - font awesome icon
27 | 
28 | **master branch new features** :
29 | 
30 |   - Open Graph META Tags  
31 |   - Microdata(schema.org)
32 | 
33 | The main difference between master and gh-pages: only one Javascript (Mathjax) be included in master branch. 
34 | 
35 | Master branch is a more purified html+css framework than gh-pages branch.
36 | 
37 | Clone master branch: 
38 |  
39 | ` git clone https://github.com/yulijia/freshman21.git -b master --single-branch`
40 |  
41 | Clone gh-pages branch: 
42 |  
43 | `git clone https://github.com/yulijia/freshman21.git -b gh-pages --single-branch`
44 | 


--------------------------------------------------------------------------------
/_layouts/post.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | <div class="post" itemscope itemtype="http://schema.org/BlogPosting">
 5 | 
 6 |   <header class="post-header">
 7 |     <h1 itemprop="name" class="post-title">{{ page.title }}</h1>
 8 |     <meta itemprop="keywords" content="{{ page.tags | join: ',' }}" />
 9 |     <p class="post-meta">
10 |     {{ site.locales[site.default_locale].PostedInCategories }}
11 |     {% for cat in page.categories %}
12 |     <a href="{{site.baseurl}}/categories/#{{ cat }}">{{ cat }}</a>{% unless page.categories.last == cat %}, {% endunless %}
13 |     {% endfor %} 
14 |     {% if page.tags != empty %}
15 |     {{ site.locales[site.default_locale].Taggedwith }}
16 |     {% for tag in page.tags %}
17 |     <a href="{{ site.baseurl }}/tags/#{{ tag }}" title="{{ tag }}">{{ tag }}</a>{% unless page.tags.last == tag %}, {% endunless %}
18 |     {% endfor %}
19 |     {% endif %}
20 |     <time itemprop="datePublished" datetime="{{ page.date | date: '%Y-%m-%d' }}">
21 |     {{ site.locales[site.default_locale].PostDate }}{{ page.date | date: "%b %-d, %Y" }}
22 |     </time>
23 |     </p>
24 |   </header>
25 | 
26 |   <article class="post-content" itemprop="articleBody">
27 |     {{ content }}
28 |   </article>
29 |   <hr />
30 | </div>
31 | 
32 | 
33 | {% include page_pagination.html%}
34 | {% include comments.html %}
35 | 
36 | 


--------------------------------------------------------------------------------
/feed.xml:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: null
 3 | title: Subscribe
 4 | ---
 5 | <?xml version="1.0" encoding="UTF-8"?>
 6 | <rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
 7 |   <channel>
 8 |     <title>{{ site.title | xml_escape }}</title>
 9 |     <description>{{ site.description | xml_escape }}</description>
10 |     <link>{{ site.url }}/</link>
11 |     <atom:link href="{{ "/zfeed.xml" | prepend: site.url }}" rel="self" type="application/rss+xml"/>
12 |     <pubDate>{{ site.time | date_to_rfc822 }}</pubDate>
13 |     <lastBuildDate>{{ site.time | date_to_rfc822 }}</lastBuildDate>
14 |     <generator>Jekyll v{{ jekyll.version }}</generator>
15 |     {% for post in site.posts limit:10 %}
16 |       <item>
17 |         <title>{{ post.title | xml_escape }}</title>
18 |         <description>{{ post.content | xml_escape }}</description>
19 |         <pubDate>{{ post.date | date_to_rfc822 }}</pubDate>
20 |         <link>{{ post.url | prepend: site.url }}</link>
21 |         <guid isPermaLink="true">{{ post.url | prepend: site.url }}</guid>
22 |         {% for tag in post.tags %}
23 |         <category>{{ tag | xml_escape }}</category>
24 |         {% endfor %}
25 |         {% for cat in post.categories %}
26 |         <category>{{ cat | xml_escape }}</category>
27 |         {% endfor %}
28 |       </item>
29 |     {% endfor %}
30 |   </channel>
31 | </rss>
32 | 


--------------------------------------------------------------------------------
/_includes/header.html:
--------------------------------------------------------------------------------
 1 | <header class="site-header">
 2 | 
 3 |   <div class="wrapper">
 4 | 
 5 |     <h1 class="site-title"><a href="{{ site.baseurl }}/">{{ site.title }}</a></h1>
 6 |     <h3 class="site-meta">{{ site.tagline }}</h3>
 7 | 
 8 |     <nav class="site-nav">
 9 |       <a href="#" class="menu-icon">
10 |         <svg viewBox="0 0 18 15">
11 |           <path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
12 |           <path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>
13 |           <path fill="#424242" d="M18,13.516C18,14.335,17.335,15,16.516,15H1.484C0.665,15,0,14.335,0,13.516l0,0 c0-0.82,0.665-1.484,1.484-1.484h15.031C17.335,12.031,18,12.696,18,13.516L18,13.516z"/>
14 |         </svg>
15 |       </a>
16 |       <div class="trigger">
17 |         {% for page in site.pages %}
18 |         {% if page.title %}
19 |         <a class="page-link" href="{{ page.url | prepend: site.baseurl }}">{{ page.title | replace: page.title, site.locales[site.default_locale].[page.title] }}</a>
20 |         {% endif %}
21 |         {% endfor %}
22 |       </div>
23 |     </nav>
24 | 
25 |   </div>
26 | 
27 | </header>
28 | 


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: default
 3 | ---
 4 | 
 5 | <div class="home">
 6 |   <div class="post" itemscope itemtype="http://schema.org/BlogPosting" >
 7 |     
 8 |     {% for post in paginator.posts %}
 9 |   
10 |     <header class="post-header">
11 |       <h1 itemprop="name" class="post-title">
12 |         <a itemprop="url" class="post-link" href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a>
13 |       </h1>
14 |       <meta itemprop="keywords" content="{{ post.tags | join: ',' }}" />
15 |       <p class="post-meta">
16 |       {{ site.locales[site.default_locale].PostedInCategories }}
17 |       {% for cat in post.categories %}
18 |       <a href="{{site.baseurl}}/categories/#{{ cat }}">{{ cat }}</a>{% unless post.categories.last == cat%}, {% endunless %}
19 |       {% endfor %}
20 |       {% if post.tags != empty %}
21 |       {{ site.locales[site.default_locale].Taggedwith }}
22 |       {% for tag in post.tags %}
23 |       <a href="{{ site.baseurl }}/tags/#{{ tag }}" title="{{ tag }}">{{ tag }}</a>{% unless post.tags.last == tag %}, {% endunless %}
24 |       {% endfor %}
25 |       {% endif %}
26 |       <time itemprop="datePublished" datetime="{{ post.date | date: '%Y-%m-%d' }}">
27 |       {{ site.locales[site.default_locale].PostDate }}{{ post.date | date: "%b %-d, %Y" }}
28 |       </time>
29 |       </p>
30 |     </header>
31 | 
32 |     <article class="post-content" itemprop="articleBody">
33 |       {{ post.content }}
34 |     </article> <hr />
35 |     
36 |     {% endfor %}
37 |   
38 |   </div>
39 | </div>
40 | 


--------------------------------------------------------------------------------
/css/main.scss:
--------------------------------------------------------------------------------
 1 | ---
 2 | # Only the main Sass file needs front matter (the dashes are enough)
 3 | ---
 4 | @charset "utf-8";
 5 | 
 6 | 
 7 | 
 8 | // Our variables
 9 | $base-font-family: 'Lato', 'Open Sans', Helvetica, Arial, sans-serif !important;
10 | $base-font-size:   16px;
11 | $small-font-size:  $base-font-size * 0.875;
12 | $base-line-height: 1.6em;
13 | 
14 | $spacing-unit:     15px;
15 | 
16 | $text-color:       #111;
17 | $background-color: #f9f9f9;
18 | $brand-color:      #2a7ae2;
19 | $brand-top-color:  #2583ad;
20 | $hover-color:      #DD1144;
21 | 
22 | $grey-color:       #828282;
23 | $grey-color-light: lighten($grey-color, 40%);
24 | $grey-color-dark:  darken($grey-color, 25%);
25 | 
26 | $code-backgroud-color: #29281e;
27 | $code-font-color:  #eee;  
28 | 
29 | 
30 | // Width of the content area
31 | $content-width:    960px;
32 | $page-width:       1000px;
33 | 
34 | $on-palm:          600px;
35 | $on-laptop:        800px;
36 | 
37 | 
38 | 
39 | // Using media queries with like this:
40 | // @include media-query($on-palm) {
41 | //     .wrapper {
42 | //         padding-right: $spacing-unit / 2;
43 | //         padding-left: $spacing-unit / 2;
44 | //     }
45 | // }
46 | @mixin media-query($device) {
47 |     @media screen and (max-width: $device) {
48 |         @content;
49 |     }
50 | }
51 | 
52 | 
53 | 
54 | // Import partials from `sass_dir` (defaults to `_sass`)
55 | @import
56 |         "base",
57 |         "layout",
58 |         "_syntax-highlighting-native" // "syntax-highlighting"
59 | ;
60 | 
61 | @import url('http://fonts.googleapis.com/css?family=Open+Sans');
62 | @import url('http://fonts.googleapis.com/css?family=Lato');
63 | @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
64 | 


--------------------------------------------------------------------------------
/_includes/head.html:
--------------------------------------------------------------------------------
 1 | <head>
 2 | 
 3 | <meta charset="utf-8">
 4 | <meta http-equiv="X-UA-Compatible" content="IE=edge">
 5 | <meta name="viewport" content="width=device-width initial-scale=1">
 6 | 
 7 | <meta property="og:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
 8 | <title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
 9 | <meta property="og:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
10 | <meta property="og:url" content="{{ page.url | replace:'index.html','' | prepend: site.url }}">
11 | <meta property="og:site_name" content="{{ site.title }}">
12 | <meta property="og:locale" content="{{ site.locale }}">
13 | <meta name="twitter:card" content="summary">
14 | <meta name="twitter:site" content="@{{ site.twitter_username }}">
15 | <meta name="twitter:creator" content="@{{ site.twitter_username }}">
16 | <meta name="twitter:title" content="{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}">
17 | <meta name="twitter:description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
18 | <meta name="twitter:url" content="{{ page.url | replace:'index.html','' | prepend: site.url }}">
19 | 
20 | <meta name="keywords" content="{{ site.keywords }}">
21 | 
22 | <link rel="icon" href="{{site.favicon| prepend:site.baseurl}}">
23 | <link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
24 | <link rel="canonical" href="{{ page.url | replace:'index.html','' |  prepend: site.url }}">
25 | <link rel="alternate" type="application/atom+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.url }}" />
26 | 
27 | <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.4/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
28 | 
29 | 
30 | </head>
31 | 
32 | 
33 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | Freshman21
 2 | ==========
 3 | 
 4 | Freshman21 is a Jekyll blog theme, base on theme [Freshman](http://github.com/yulijia/freshman). 
 5 | 
 6 | A tribute to WordPress Theme Twenty-Twelve and Twenty-eleven.
 7 | 
 8 | Enjoy.
 9 | 
10 | 
11 | ![Screen](http://i.imgur.com/oSp7kacl.png)
12 | 
13 | ### Version 2.1 update 2016.06.06
14 | 
15 | - master branch: the simplest template, original version with
16 | 	* Open Graph META Tags
17 | 	* Microdata(schema.org)
18 | 
19 | - gh-pages branch: master branch with 
20 | 
21 | 	* [google analytics js template](https://github.com/yulijia/freshman21/blob/gh-pages/_includes/google_analytics.js)
22 |         * [BackToTop js script](https://github.com/yulijia/freshman21/tree/gh-pages/js)
23 |         * <q>readmore</q> module
24 |         * [keyboard shortcuts for pagination](http://yulijia.net/freshman21/news/2016/05/24/new-features.html)
25 | 	* font awesome icon
26 | 	* [Google search](https://github.com/yulijia/freshman21/blob/gh-pages/_includes/google_search.js)
27 | 
28 | Clone master branch: 
29 | 
30 | ` git clone https://github.com/yulijia/freshman21.git -b master --single-branch`
31 | 
32 | Clone gh-pages branch: 
33 | 
34 | `git clone https://github.com/yulijia/freshman21.git -b gh-pages --single-branch`
35 | 
36 | 
37 | ### A Summary of Features
38 | 
39 | - Provide single column and two columns layout
40 | - Powerful configure file
41 | - Comments by Disqus
42 | - Support LaTeX (by MathJax)
43 | - Syntax highlighting
44 | - Multiple Languages support 
45 |     * English
46 |     * Chinese
47 |     * Japanese (Contributed by [kokeiro001](https://github.com/kokeiro001))
48 |     * Polish (Contributed by [Derson5](https://github.com/Derson5))
49 |     * Korean (Contributed by [Clifford Choi](https://github.com/ulgoon))
50 |     * Russian (Contributed by [Anton Alekseev](https://github.com/alexeyev))
51 |     * Turkish (Contributed by [Muhammet Kara](https://github.com/mrkara))
52 |     * Indonesian (Contributed by [Samsul Ma'arif](https://github.com/samsulmaarif))
53 | 
54 | ### How to install this theme?
55 | 
56 | ```
57 | # please make sure you have already installed git tools and ruby tools(gem)
58 | $ gem install sass
59 | $ gem install jekyll
60 | $ git clone https://github.com/yulijia/freshman21.git
61 | $ mv freshman21/ yourblogname.github.io/
62 | 
63 | ```
64 | 
65 | ### Demo
66 | 
67 | Single column, please see [my own blog](http://yulijia.net/en/)
68 | 
69 | Two columns, please see the [theme website](http://yulijia.net/freshman21/)
70 | 
71 | 
72 | 


--------------------------------------------------------------------------------
/_sass/_syntax-highlighting-monokai.scss:
--------------------------------------------------------------------------------
 1 | .hll { background-color: #49483e }
 2 | .c { color: #75715e } /* Comment */
 3 | .err { color: #960050; background-color: #1e0010 } /* Error */
 4 | .k { color: #66d9ef } /* Keyword */
 5 | .l { color: #ae81ff } /* Literal */
 6 | .n { color: #f8f8f2 } /* Name */
 7 | .o { color: #f92672 } /* Operator */
 8 | .p { color: #f8f8f2 } /* Punctuation */
 9 | .cm { color: #75715e } /* Comment.Multiline */
10 | .cp { color: #75715e } /* Comment.Preproc */
11 | .c1 { color: #75715e } /* Comment.Single */
12 | .cs { color: #75715e } /* Comment.Special */
13 | .ge { font-style: italic } /* Generic.Emph */
14 | .gs { font-weight: bold } /* Generic.Strong */
15 | .kc { color: #66d9ef } /* Keyword.Constant */
16 | .kd { color: #66d9ef } /* Keyword.Declaration */
17 | .kn { color: #f92672 } /* Keyword.Namespace */
18 | .kp { color: #66d9ef } /* Keyword.Pseudo */
19 | .kr { color: #66d9ef } /* Keyword.Reserved */
20 | .kt { color: #66d9ef } /* Keyword.Type */
21 | .ld { color: #e6db74 } /* Literal.Date */
22 | .m { color: #ae81ff } /* Literal.Number */
23 | .s { color: #e6db74 } /* Literal.String */
24 | .na { color: #a6e22e } /* Name.Attribute */
25 | .nb { color: #f8f8f2 } /* Name.Builtin */
26 | .nc { color: #a6e22e } /* Name.Class */
27 | .no { color: #66d9ef } /* Name.Constant */
28 | .nd { color: #a6e22e } /* Name.Decorator */
29 | .ni { color: #f8f8f2 } /* Name.Entity */
30 | .ne { color: #a6e22e } /* Name.Exception */
31 | .nf { color: #a6e22e } /* Name.Function */
32 | .nl { color: #f8f8f2 } /* Name.Label */
33 | .nn { color: #f8f8f2 } /* Name.Namespace */
34 | .nx { color: #a6e22e } /* Name.Other */
35 | .py { color: #f8f8f2 } /* Name.Property */
36 | .nt { color: #f92672 } /* Name.Tag */
37 | .nv { color: #f8f8f2 } /* Name.Variable */
38 | .ow { color: #f92672 } /* Operator.Word */
39 | .w { color: #f8f8f2 } /* Text.Whitespace */
40 | .mf { color: #ae81ff } /* Literal.Number.Float */
41 | .mh { color: #ae81ff } /* Literal.Number.Hex */
42 | .mi { color: #ae81ff } /* Literal.Number.Integer */
43 | .mo { color: #ae81ff } /* Literal.Number.Oct */
44 | .sb { color: #e6db74 } /* Literal.String.Backtick */
45 | .sc { color: #e6db74 } /* Literal.String.Char */
46 | .sd { color: #e6db74 } /* Literal.String.Doc */
47 | .s2 { color: #e6db74 } /* Literal.String.Double */
48 | .se { color: #ae81ff } /* Literal.String.Escape */
49 | .sh { color: #e6db74 } /* Literal.String.Heredoc */
50 | .si { color: #e6db74 } /* Literal.String.Interpol */
51 | .sx { color: #e6db74 } /* Literal.String.Other */
52 | .sr { color: #e6db74 } /* Literal.String.Regex */
53 | .s1 { color: #e6db74 } /* Literal.String.Single */
54 | .ss { color: #e6db74 } /* Literal.String.Symbol */
55 | .bp { color: #f8f8f2 } /* Name.Builtin.Pseudo */
56 | .vc { color: #f8f8f2 } /* Name.Variable.Class */
57 | .vg { color: #f8f8f2 } /* Name.Variable.Global */
58 | .vi { color: #f8f8f2 } /* Name.Variable.Instance */
59 | .il { color: #ae81ff } /* Literal.Number.Integer.Long */
60 | 


--------------------------------------------------------------------------------
/_posts/2014-12-13-simple-post.md:
--------------------------------------------------------------------------------
  1 | ---
  2 | layout: post
  3 | title: Sample Post
  4 | excerpt: "Just about everything you'll need to style in the theme: headings, paragraphs, blockquotes, tables, code blocks, and more."
  5 | categories: articles
  6 | tags: [sample-post]
  7 | comments: true
  8 | ---
  9 | 
 10 | * Table of Contents
 11 | {:toc}
 12 | 
 13 | 
 14 | This is a sample post.
 15 | 
 16 | Below is just about everything you'll need to style in the theme. Check the source code to see the many embedded elements within paragraphs.
 17 | 
 18 | 
 19 | 
 20 | 
 21 | ## Heading
 22 | 
 23 | ~~~
 24 | # Heading 1
 25 | 
 26 | ## Heading 2
 27 | 
 28 | ### Heading 3
 29 | 
 30 | #### Heading 4
 31 | ~~~
 32 | 
 33 | 
 34 | 
 35 | ## Body text
 36 | 
 37 | **This is strong**.
 38 | 
 39 | This is figure
 40 | 
 41 | ![Elaphurus davidianus](https://i.imgur.com/Mdc4szJl.jpg "Père David's deer")
 42 | 
 43 | *This is emphasized*.
 44 | 
 45 |  53 = 125. Water is H<sub>2</sub>O. 
 46 | 
 47 | The New York Times <cite>(That’s a citation)</cite>. 
 48 | 
 49 | <u>Underline</u>. 
 50 | 
 51 | 
 52 | <del>HTML and CSS are our tools</del>. 
 53 | 
 54 | ## Blockquotes
 55 | 
 56 | > Justification:
 57 | > This species is listed as Extinct in the Wild, as all populations are still under captive management. The captive population in China has increased in recent years, and the possibility remains that free-ranging populations can be established some time in the near future. When that happens, its Red List status will need to be reassessed. 
 58 | 
 59 | > I follow up the quest. Despite of day and night and death and hell.
 60 | > <center> -- Idylls of the King, Tennyson </center>
 61 | 
 62 | 
 63 | 
 64 | ## List Types
 65 | 
 66 | ### Ordered Lists
 67 | 
 68 | 1. Item one
 69 |    1. sub item one
 70 |    2. sub item two
 71 |    3. sub item three
 72 | 2. Item two
 73 | 
 74 | ### Unordered Lists
 75 | 
 76 | * Item one
 77 | * Item two
 78 | * Item three
 79 | 
 80 | ## Tables
 81 | 
 82 | | Header1 | Header2 | Header3 |
 83 | |:--------|:-------:|--------:|
 84 | | cell1   | cell2   | cell3   |
 85 | | cell4   | cell5   | cell6   |
 86 | | cell7   | cell8   | cell9   |
 87 | 
 88 | 
 89 | | Kingdom | Phylum  | Class | Order | Family |
 90 | |:------:|:------:|:------:|:------:|:------:| 
 91 | |ANIMALIA|CHORDATA|MAMMALIA|CETARTIODACTYLA|CERVIDAE|
 92 | 
 93 | 
 94 | ## Code Snippets
 95 | 
 96 | Syntax highlighting via Pygments
 97 | 
 98 | {% highlight css %}
 99 | #container {
100 |   float: left;
101 |   margin: 0 -240px 0 0;
102 |   width: 100%;
103 | }
104 | {% endhighlight %}
105 | 
106 | 
107 | #### highlight with line number.
108 | 
109 | {% highlight ruby linenos  %}
110 | def foo
111 |   puts 'foo'
112 | end
113 | {% endhighlight %}
114 | 
115 | 
116 | #### highlight using triple backticks
117 | 
118 | ```r
119 | a=1:10
120 | for(i in a)
121 | {
122 |   print(i)
123 | }
124 | 
125 | 
126 | ```
127 | 
128 | ## $$\LaTeX$$ 
129 | 
130 | you can use latex with <q>double $$ </q>
131 | 
132 | $$e^{i\pi}+1=0$$
133 | 
134 | 
135 | ## \<q\> tag
136 | 
137 | here is a \<q\> q tag \</q\>
138 | 
139 | 
140 | here is a <q> q tag </q>
141 | 


--------------------------------------------------------------------------------
/_posts/2014-12-19-how-to-set-the-config-file.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | layout: post
 3 | title: How to set the config.yml file
 4 | modified: 2014-12-19
 5 | categories: [articles, Howto]
 6 | tags: 
 7 |   - configure
 8 | comments: true
 9 | ---
10 | 
11 | The [config.yml file](https://github.com/yulijia/freshman21/blob/master/_config.yml) in the Freshman21 theme includes five parts. 
12 | 
13 | **First part** is the site info.
14 | 
15 | ```yaml
16 | title: Freshman21 # blog title
17 | tagline: Another Jekyll theme, Freshman twenty-first # blog sub-titile
18 | author: Lijia YU # author name
19 | email: yu@lijiayu.net # author email
20 | description: "Freshman21 is a Jekyll blog theme." # You can edit this line in _config.yml. It will appear in your document head meta and in 
21 | your feed.xml site description
22 | keywords: "Jekyll, theme, Freshman21" # html meta keywords
23 | baseurl: "/freshman21" # the subpath of your site, e.g. /blog
24 | url: "http://yulijia.net/freshman21" # the base hostname & protocol for your site
25 | ```
26 | 
27 | **Part 2**, Personal info and site tools info, twitter, github, aboutme and aboutme_photo only appears on the sidebar aboutme-box, you can <q>Hide</q> in two ways <sup>[[1]](#[1])</sup>:
28 | 
29 | ```yaml
30 | twitter_username: #your twitter handle  
31 | github_username:  #your github account
32 | disqus_shortname: #disqus shortname
33 | favicon:     "images/favicon.ico"
34 | aboutme: Hi, this is Lijia Yu. I made the Freshman21 theme. Please enjoy it. # these are shown on aboutme-box(sidebar).
35 | aboutme_photo: https://i.imgur.com/15BT1.jpg # your personal photo.
36 | ```
37 | 
38 | **Part3**, Site setting:
39 | 
40 | ```yaml
41 | ShowContactInfo: "True" # Personal Info (twitter,github,email) can be seen on aboutme-sidebar, those info only shown where ShowContactInfo == True
42 | default_column: "two" # blog style: two columns, if default_column != "two", you will see a one column blog.
43 | default_locale: "en" # blog sidebar language set, only include: English(en) and Chinese (cn)
44 | ```
45 | 
46 | 
47 | **Part4**, Blogroll info, only *name* tags can shown on the page.
48 | 
49 | ```yaml
50 | Blogroll:
51 |       - name: Freshman
52 |         href: http://yulijia.net/freshman
53 |         title: Another Jekyll blog theme
54 |       - name: author's website
55 |         href: http://yulijia.net/
56 |         title: Lijia Yu's website
57 | ```
58 | 
59 | **Part5**, Build settings
60 | 
61 | ```yaml
62 | markdown: kramdown
63 | highlighter: pygments # highlight
64 | paginate: 5  # how many post can seen in the main page
65 | ```
66 | 
67 | =====
68 | 
69 | <ul style='list-style-type:none;'> 
70 | <li id="[1]"> [1], you can set those info at <strong>Part3</strong> or just delete the <q>aboutme.html</q> at <q>sidebar.html</q> in <code>_include</code> folder. </li>
71 | </ul>
72 | 
73 | ```html
74 | <div class="col-sm-2">
75 |   <!--{ % include Aboutme.html % }-->
76 |    { % include Copyright_Notice.html % }
77 |    { % include Recent_Posts.html % }
78 |    { % include Categories.html % }
79 |    { % include Tags.html % }
80 |    { % include Blogroll.html % }
81 |    { % include Archives.html % }
82 | </div>
83 | ``` 
84 | 
85 | 


--------------------------------------------------------------------------------
/_sass/_syntax-highlighting.scss:
--------------------------------------------------------------------------------
 1 | /**
 2 |  * Syntax highlighting styles
 3 |  */
 4 | .highlight {
 5 |     background: #fff;
 6 |     @extend %vertical-rhythm;
 7 | 
 8 |     .c     { color: #998; font-style: italic } // Comment
 9 |     .err   { color: #a61717; background-color: #e3d2d2 } // Error
10 |     .k     { font-weight: bold } // Keyword
11 |     .o     { font-weight: bold } // Operator
12 |     .cm    { color: #998; font-style: italic } // Comment.Multiline
13 |     .cp    { color: #999; font-weight: bold } // Comment.Preproc
14 |     .c1    { color: #998; font-style: italic } // Comment.Single
15 |     .cs    { color: #999; font-weight: bold; font-style: italic } // Comment.Special
16 |     .gd    { color: #000; background-color: #fdd } // Generic.Deleted
17 |     .gd .x { color: #000; background-color: #faa } // Generic.Deleted.Specific
18 |     .ge    { font-style: italic } // Generic.Emph
19 |     .gr    { color: #a00 } // Generic.Error
20 |     .gh    { color: #999 } // Generic.Heading
21 |     .gi    { color: #000; background-color: #dfd } // Generic.Inserted
22 |     .gi .x { color: #000; background-color: #afa } // Generic.Inserted.Specific
23 |     .go    { color: #888 } // Generic.Output
24 |     .gp    { color: #555 } // Generic.Prompt
25 |     .gs    { font-weight: bold } // Generic.Strong
26 |     .gu    { color: #aaa } // Generic.Subheading
27 |     .gt    { color: #a00 } // Generic.Traceback
28 |     .kc    { font-weight: bold } // Keyword.Constant
29 |     .kd    { font-weight: bold } // Keyword.Declaration
30 |     .kp    { font-weight: bold } // Keyword.Pseudo
31 |     .kr    { font-weight: bold } // Keyword.Reserved
32 |     .kt    { color: #458; font-weight: bold } // Keyword.Type
33 |     .m     { color: #099 } // Literal.Number
34 |     .s     { color: #d14 } // Literal.String
35 |     .na    { color: #008080 } // Name.Attribute
36 |     .nb    { color: #0086B3 } // Name.Builtin
37 |     .nc    { color: #458; font-weight: bold } // Name.Class
38 |     .no    { color: #008080 } // Name.Constant
39 |     .ni    { color: #800080 } // Name.Entity
40 |     .ne    { color: #900; font-weight: bold } // Name.Exception
41 |     .nf    { color: #900; font-weight: bold } // Name.Function
42 |     .nn    { color: #555 } // Name.Namespace
43 |     .nt    { color: #000080 } // Name.Tag
44 |     .nv    { color: #008080 } // Name.Variable
45 |     .ow    { font-weight: bold } // Operator.Word
46 |     .w     { color: #bbb } // Text.Whitespace
47 |     .mf    { color: #099 } // Literal.Number.Float
48 |     .mh    { color: #099 } // Literal.Number.Hex
49 |     .mi    { color: #099 } // Literal.Number.Integer
50 |     .mo    { color: #099 } // Literal.Number.Oct
51 |     .sb    { color: #d14 } // Literal.String.Backtick
52 |     .sc    { color: #d14 } // Literal.String.Char
53 |     .sd    { color: #d14 } // Literal.String.Doc
54 |     .s2    { color: #d14 } // Literal.String.Double
55 |     .se    { color: #d14 } // Literal.String.Escape
56 |     .sh    { color: #d14 } // Literal.String.Heredoc
57 |     .si    { color: #d14 } // Literal.String.Interpol
58 |     .sx    { color: #d14 } // Literal.String.Other
59 |     .sr    { color: #009926 } // Literal.String.Regex
60 |     .s1    { color: #d14 } // Literal.String.Single
61 |     .ss    { color: #990073 } // Literal.String.Symbol
62 |     .bp    { color: #999 } // Name.Builtin.Pseudo
63 |     .vc    { color: #008080 } // Name.Variable.Class
64 |     .vg    { color: #008080 } // Name.Variable.Global
65 |     .vi    { color: #008080 } // Name.Variable.Instance
66 |     .il    { color: #099 } // Literal.Number.Integer.Long
67 | 
68 |   }
69 | 
70 | 


--------------------------------------------------------------------------------
/_sass/_syntax-highlighting-native.scss:
--------------------------------------------------------------------------------
 1 | .highlight {
 2 | 
 3 | .hll { background-color: #404040 }
 4 | .c { color: #999999; font-style: italic } /* Comment */
 5 | .err { color: #a61717; background-color: #e3d2d2 } /* Error */
 6 | .g { color: #d0d0d0 } /* Generic */
 7 | .k { color: #6ab825; font-weight: bold } /* Keyword */
 8 | .l { color: #d0d0d0 } /* Literal */
 9 | .n { color: #d0d0d0 } /* Name */
10 | .o { color: #d0d0d0 } /* Operator */
11 | .x { color: #d0d0d0 } /* Other */
12 | .p { color: #d0d0d0 } /* Punctuation */
13 | .cm { color: #999999; font-style: italic } /* Comment.Multiline */
14 | .cp { color: #cd2828; font-weight: bold } /* Comment.Preproc */
15 | .c1 { color: #999999; font-style: italic } /* Comment.Single */
16 | .cs { color: #e50808; font-weight: bold; background-color: #520000 } /* Comment.Special */
17 | .gd { color: #d22323 } /* Generic.Deleted */
18 | .ge { color: #d0d0d0; font-style: italic } /* Generic.Emph */
19 | .gr { color: #d22323 } /* Generic.Error */
20 | .gh { color: #ffffff; font-weight: bold } /* Generic.Heading */
21 | .gi { color: #589819 } /* Generic.Inserted */
22 | .go { color: #cccccc } /* Generic.Output */
23 | .gp { color: #aaaaaa } /* Generic.Prompt */
24 | .gs { color: #d0d0d0; font-weight: bold } /* Generic.Strong */
25 | .gu { color: #ffffff; text-decoration: underline } /* Generic.Subheading */
26 | .gt { color: #d22323 } /* Generic.Traceback */
27 | .kc { color: #6ab825; font-weight: bold } /* Keyword.Constant */
28 | .kd { color: #6ab825; font-weight: bold } /* Keyword.Declaration */
29 | .kn { color: #6ab825; font-weight: bold } /* Keyword.Namespace */
30 | .kp { color: #6ab825 } /* Keyword.Pseudo */
31 | .kr { color: #6ab825; font-weight: bold } /* Keyword.Reserved */
32 | .kt { color: #6ab825; font-weight: bold } /* Keyword.Type */
33 | .ld { color: #d0d0d0 } /* Literal.Date */
34 | .m { color: #3677a9 } /* Literal.Number */
35 | .s { color: #ed9d13 } /* Literal.String */
36 | .na { color: #bbbbbb } /* Name.Attribute */
37 | .nb { color: #24909d } /* Name.Builtin */
38 | .nc { color: #447fcf; text-decoration: underline } /* Name.Class */
39 | .no { color: #40ffff } /* Name.Constant */
40 | .nd { color: #ffa500 } /* Name.Decorator */
41 | .ni { color: #d0d0d0 } /* Name.Entity */
42 | .ne { color: #bbbbbb } /* Name.Exception */
43 | .nf { color: #447fcf } /* Name.Function */
44 | .nl { color: #d0d0d0 } /* Name.Label */
45 | .nn { color: #447fcf; text-decoration: underline } /* Name.Namespace */
46 | .nx { color: #d0d0d0 } /* Name.Other */
47 | .py { color: #d0d0d0 } /* Name.Property */
48 | .nt { color: #6ab825; font-weight: bold } /* Name.Tag */
49 | .nv { color: #40ffff } /* Name.Variable */
50 | .ow { color: #6ab825; font-weight: bold } /* Operator.Word */
51 | .w { color: #666666 } /* Text.Whitespace */
52 | .mf { color: #3677a9 } /* Literal.Number.Float */
53 | .mh { color: #3677a9 } /* Literal.Number.Hex */
54 | .mi { color: #3677a9 } /* Literal.Number.Integer */
55 | .mo { color: #3677a9 } /* Literal.Number.Oct */
56 | .sb { color: #ed9d13 } /* Literal.String.Backtick */
57 | .sc { color: #ed9d13 } /* Literal.String.Char */
58 | .sd { color: #ed9d13 } /* Literal.String.Doc */
59 | .s2 { color: #ed9d13 } /* Literal.String.Double */
60 | .se { color: #ed9d13 } /* Literal.String.Escape */
61 | .sh { color: #ed9d13 } /* Literal.String.Heredoc */
62 | .si { color: #ed9d13 } /* Literal.String.Interpol */
63 | .sx { color: #ffa500 } /* Literal.String.Other */
64 | .sr { color: #ed9d13 } /* Literal.String.Regex */
65 | .s1 { color: #ed9d13 } /* Literal.String.Single */
66 | .ss { color: #ed9d13 } /* Literal.String.Symbol */
67 | .bp { color: #24909d } /* Name.Builtin.Pseudo */
68 | .vc { color: #40ffff } /* Name.Variable.Class */
69 | .vg { color: #40ffff } /* Name.Variable.Global */
70 | .vi { color: #40ffff } /* Name.Variable.Instance */
71 | .il { color: #3677a9 } /* Literal.Number.Integer.Long */
72 | }
73 | 


--------------------------------------------------------------------------------
/_posts/2014-12-19-freshman21-structure.md:
--------------------------------------------------------------------------------
  1 | ---
  2 | layout: post
  3 | title: Theme structure
  4 | modified: 2014-12-19
  5 | categories: [articles, Howto]
  6 | tags: 
  7 |   - structure
  8 | comments: true
  9 | ---
 10 | 
 11 | 
 12 | ## 1.The structure of freshman21 theme
 13 | 
 14 | You can see the simplest way of adding a page is just to add an HTML ( or markdown ) file in the root directory with a suitable name for the page you want to create. For example, aahome.md is the homepage link, about.md is the about page.
 15 | 
 16 | All sidebar boxes html files are in the <code>_include</code> directory, their name begin with upper case. You can chose which sidebar boxes appears in the main page on the <q>sidebar.html</q> in the <code>_includes</code> directory. 
 17 | 
 18 | 
 19 | 
 20 | ```bash
 21 | .
 22 | |-- a_home.md                 # home page link at navigation bar
 23 | |-- b_about.md                # about link at navigation bar
 24 | |-- c_archives.md             # archives link at navigation bar
 25 | |-- _config.yml
 26 | |-- css
 27 | |   `-- main.scss
 28 | |-- d_categories.md           # categories link at navigation bar 
 29 | |-- e_tags.md                 # tags at main navigation bar
 30 | |-- feed.xml                  # RSS at main navigation bar
 31 | |-- f_guestbook.md            # guest book like at navigation bar
 32 | |-- images
 33 | |   `-- favicon.ico           # here is your website favicon
 34 | |-- _includes
 35 | |   |-- Aboutme.html          # right column sidebar content
 36 | |   |-- Archives.html         # right column sidebar content
 37 | |   |-- Blogroll.html         # right column sidebar content
 38 | |   |-- Categories.html       # right column sidebar content
 39 | |   |-- comments.html         # right column sidebar content
 40 | |   |-- Copyright_Notice.html # right column sidebar content
 41 | |   |-- footer.html
 42 | |   |-- header.html
 43 | |   |-- head.html
 44 | |   |-- page_pagination.html
 45 | |   |-- post_pagination.html
 46 | |   |-- Recent_Posts.html     # right column sidebar content
 47 | |   |-- sidebar.html          # you can set you own sidebar content in here
 48 | |   `-- Tags.html             # right column sidebar content
 49 | |-- index.html
 50 | |-- _layouts
 51 | |   |-- default.html
 52 | |   |-- page.html
 53 | |   `-- post.html
 54 | |-- LICENSE
 55 | |-- _posts
 56 | |   |-- 2013-10-10-milu.md
 57 | |   |-- 2014-12-13-simple-post.md
 58 | |   |-- 2014-12-18-how-to-install.md
 59 | |   |-- 2014-12-19-freshman21-structure.md
 60 | |   |-- 2014-12-19-how-to-set-the-config-file.md
 61 | |   `-- 2015-03-31-readme.md
 62 | |-- README.md
 63 | `-- _sass
 64 |     |-- _base.scss
 65 |     |-- _layout.scss
 66 |     |-- _syntax-highlighting-native.scss
 67 |     `-- _syntax-highlighting.scss
 68 | ```
 69 | 
 70 | ## 2.Structure with Named folders containing index HTML files
 71 | 
 72 | 
 73 | There is nothing wrong with the above method, however some people like to keep their URLs free from things like filename extensions. To achieve clean URLs for pages using Jekyll, you simply need to create a folder for each top-level page you want, and then place an index.html file in each page’s folder. You can find the more detail at [Jekyll documentation](http://jekyllrb.com/docs/pages/ "Creating pages"). Here is my own blog structure with page-folders to contain each pages.
 74 | 
 75 | 
 76 | ```bash
 77 | .
 78 | ├── _backup
 79 | │   ├── en.tar.gz
 80 | │   └── style.css
 81 | ├── categories                              # => http://yulijia.net/en/categories/ 
 82 | │   └── index.md
 83 | ├── _config.yml
 84 | ├── css
 85 | │   └── main.scss
 86 | ├── feed                                    # => http://yulijia.net/en/feed/index.xml
 87 | │   └── index.xml
 88 | ├── guestbook                               # => http://yulijia.net/en/guestbook/
 89 | │   └── index.md
 90 | ├── home.md
 91 | ├── _includes
 92 | │   ├── Aboutme.html
 93 | │   ├── Archives.html
 94 | │   ├── Blogroll.html
 95 | │   ├── Categories.html
 96 | │   ├── comments.html
 97 | │   ├── Copyright_Notice.html
 98 | │   ├── footer.html
 99 | │   ├── header.html
100 | │   ├── head.html
101 | │   ├── page_pagination.html
102 | │   ├── post_pagination.html
103 | │   ├── Recent_Posts.html
104 | │   ├── sidebar.html
105 | │   └── Tags.html
106 | ├── index.html
107 | ├── _layouts
108 | │   ├── default.html
109 | │   ├── page.html
110 | │   └── post.html
111 | ├── _posts
112 | │   ├── 2011-07-22-hello-world.md
113 | │   ├── 2011-08-06-how-to-calculate-word-frequencies-with-r.md
114 | │   ├── 2011-08-18-should-draco-be-effective-against-virtually-all-viruses.md
115 | │   ├── 2011-10-21-why-viruses-produce-long-dsrna-but-not-endogenous-ones.md
116 | │   ├── 2012-03-22-100-things-bioinformatics-students-should-do-before-graduating.md
117 | │   ├── 2012-10-08-a-new-site.md
118 | │   ├── 2012-10-09-github-pages.md
119 | │   ├── 2012-10-22-a-conference-of-Genomics-and-Epigenomics.md
120 | │   ├── 2012-10-23-CSHL-Asia-interesting-talks-on-genomics-and-epigenomics.md
121 | │   └── 2013-01-30-how-to-get-RefSeq-gene-annotations-from-UCSCdatabase.md
122 | ├── README.md
123 | ├── _sass
124 | │   ├── _base.scss
125 | │   ├── _layout.scss
126 | │   └── _syntax-highlighting.scss
127 | └── tags
128 |     └── index.md
129 | ```
130 | 
131 | ## 3. How to change the highlight style?
132 | 
133 | This theme's default highlighter is pygments.
134 | 
135 | To change the highlight style, you should install **pygments**, and generate the css style which you wanted with code 
136 | 
137 | <code>pygmentize -S default -f html > freshman/_sass/_syntax-highlighting.scss</code>
138 | 
139 | Please make sure, add <code>.highlight {</code> at the head  and <code>}</code> at the end of file <q>_syntax-highlighting.scss</q>.
140 | 
141 | See more,
142 | 
143 | 1. [Pygments Supported languages](http://pygments.org/languages/)
144 | 2. [Pygments online deme](http://stackoverflow.com/questions/9652490/do-i-need-to-generate-a-css-file-from-pygments-for-my-jekyll-blog-to-enable-col)
145 | 


--------------------------------------------------------------------------------
/_sass/_base.scss:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * Reset some basic elements
  3 |  */
  4 | body, h1, h2, h3, h4,
  5 | p, blockquote, pre, hr,
  6 | dl, dd, ol, ul, figure {
  7 |   margin: 0;
  8 |   padding: 0;
  9 | }
 10 | 
 11 | 
 12 | 
 13 | /**
 14 |  * Basic styling
 15 |  */
 16 | body {
 17 |   font-family: $base-font-family;
 18 |   font-size: $base-font-size;
 19 |   line-height: $base-line-height;
 20 |   font-weight: 300;
 21 |   color: $text-color;
 22 |   background-color: $background-color;
 23 |   -webkit-text-size-adjust: 100%;
 24 | }
 25 | 
 26 | 
 27 | 
 28 | /**
 29 |  * Set `margin-bottom` to maintain vertical rhythm
 30 |  */
 31 | h1, h2, h3, h4, 
 32 | p, blockquote, pre,
 33 | ul, ol, dl, figure,
 34 | %vertical-rhythm {
 35 |   margin-bottom: $spacing-unit / 2;
 36 | }
 37 | 
 38 | 
 39 | 
 40 | 
 41 | 
 42 | /**
 43 |  * Set main page style
 44 |  */
 45 | 
 46 | .container {
 47 |   min-height:100%;
 48 |   max-width: -webkit-calc(#{$page-width} - (#{$spacing-unit} * 2));
 49 |   max-width:         calc(#{$page-width} - (#{$spacing-unit} * 2));
 50 |   margin-right: auto;
 51 |   margin-left: auto;
 52 |   padding-right: $spacing-unit;
 53 |   padding-left: $spacing-unit;
 54 |   padding-top:30px;
 55 | 
 56 |   background-color:#fff;
 57 |   margin-top:20px;
 58 |   margin-bottom:30px;
 59 |   box-shadow: 1px 1px 10px #BBB;
 60 | }
 61 | 
 62 | /*for media*/
 63 | *, *:before, *:after {
 64 |   -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 65 | }
 66 | 
 67 | /*two columns*/
 68 | .col-sm-8,.col-sm-2{
 69 |   position:relative;
 70 |   min-height:1px;
 71 |   margin: 0px 15px;
 72 | }
 73 | 
 74 | 
 75 | @media screen and (min-width : $on-palm) {
 76 |   .col-sm-8 {
 77 |     float:left;
 78 |     width:65%;
 79 |   }
 80 | 
 81 |   .col-sm-2 {
 82 |     float:right;
 83 |     width:25%;
 84 |   }
 85 | }
 86 | 
 87 | 
 88 | 
 89 | /**
 90 |  * Images
 91 |  */
 92 | img {
 93 |   max-width: 100%;
 94 |   vertical-align: middle;
 95 | }
 96 | 
 97 | 
 98 | 
 99 | /**
100 |  * Figures
101 |  */
102 | figure > img {
103 |   display: block;
104 | }
105 | 
106 | figcaption {
107 |   font-size: $small-font-size;
108 | }
109 | 
110 | 
111 | 
112 | /**
113 |  * Lists
114 |  */
115 | ul, ol {
116 |   margin-left: $spacing-unit;
117 | }
118 | 
119 | li {
120 |   > ul,
121 |   > ol {
122 |     margin-bottom: 0;
123 |   }
124 | }
125 | 
126 | 
127 | 
128 | /**
129 |  * Headings
130 |  */
131 | h1, h2, h3, h4, h5, h6 {
132 |   font-weight: 300;
133 | }
134 | 
135 | 
136 | 
137 | /**
138 |  * Links
139 |  */
140 | a {
141 |   color: $brand-top-color;
142 |   text-decoration: none;
143 | 
144 |   &:visited {
145 |     color: darken($brand-top-color, 25%);
146 |   }
147 | 
148 |   &:hover {
149 |     color: #669900; //$hover-color;
150 |     text-decoration: underline;
151 |   }
152 | }
153 | 
154 | 
155 | .post-content a{
156 |   color: $brand-color;    
157 |   text-decoration: none;  
158 |   border-bottom: 1px dotted;
159 |   &:visited {             
160 |     color: darken($brand-color, 25%);
161 |   }                       
162 | 
163 |   &:hover {               
164 |     color: $hover-color;
165 |     text-decoration: none;
166 |   }  
167 | 
168 | }
169 | 
170 | /**
171 |  * Blockquotes
172 |  */
173 | 
174 | blockquote{
175 |   padding: 0 1em;
176 |   margin: 14px 0;
177 |   border: 2px dashed #d0dfda;
178 |   border-radius: 5px;
179 |   color: $grey-color;
180 |   font-size: 18px;
181 |   background: #f9f9f9;
182 | 
183 |   &:hover {
184 |     color: #454545;
185 |   }
186 | 
187 |   > :last-child {
188 |     margin-bottom: 0;
189 |   }
190 | }
191 | 
192 | 
193 | 
194 | /**
195 |  * Code formatting
196 |  */
197 | pre,code {
198 |   font-size: 15px;
199 |   border-radius: 3px;
200 |   background-color: $code-backgroud-color;
201 |   color: $code-font-color;
202 | }
203 | 
204 | code {
205 |   padding: 1px 5px;
206 | }
207 | 
208 | pre {
209 |   padding: 8px 12px;
210 |   overflow: auto; 
211 | 
212 |   > code {
213 |     border: 0;
214 |     padding-right: 0;
215 |     padding-left: 0;
216 |   }
217 | }
218 | 
219 | 
220 | 
221 | /**
222 |  * Wrapper
223 |  */
224 | .wrapper {
225 |   max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));
226 |   max-width:         calc(#{$content-width} - (#{$spacing-unit} * 2));
227 |   margin-right: auto;
228 |   margin-left: auto;
229 |   padding-right: $spacing-unit;
230 |   padding-left: $spacing-unit;
231 |   @extend %clearfix;
232 | 
233 |   @include media-query($on-laptop) {
234 |     max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));
235 |     max-width:         calc(#{$content-width} - (#{$spacing-unit}));
236 |     padding-right: $spacing-unit / 2;
237 |     padding-left: $spacing-unit / 2;
238 |   }
239 | }
240 | 
241 | 
242 | 
243 | /**
244 |  * Clearfix
245 |  */
246 | %clearfix {
247 | 
248 |   &:after {
249 |     content: "";
250 |     display: table;
251 |     clear: both;
252 |   }
253 | }
254 | 
255 | 
256 | 
257 | /**
258 |  * Icons
259 |  */
260 | .icon {
261 | 
262 |   > svg {
263 |     display: inline-block;
264 |     width: 16px;
265 |     height: 16px;
266 |     vertical-align: middle;
267 | 
268 |     path {
269 |       fill: $grey-color;
270 |     }
271 |   }
272 | }
273 | 
274 | 
275 | 
276 | /**
277 |  * Table
278 |  */
279 | 
280 | 
281 | table { 
282 |   padding: 0;
283 |   margin-bottom: 5px;
284 |   border-collapse: collapse; 
285 |   font-size: $small-font-size;
286 | }
287 | table tr {
288 |   border-top: 1px solid #cccccc;
289 |   background-color: white;
290 |   margin: 0;
291 |   padding: 0;
292 | }
293 | table tr:nth-child(2n) { background-color: #f8f8f8; }
294 | table tr th {
295 |   font-weight: bold;
296 |   border: 1px solid #cccccc;
297 |   margin: 0;
298 |   padding: 3px 6px;
299 | }
300 | table tr td {
301 |   border: 1px solid #cccccc;
302 |   margin: 0;
303 |   padding: 3px 6px;
304 | }
305 | table tr th :first-child, table tr td :first-child { margin-top: 0; }
306 | table tr th :last-child, table tr td :last-child { margin-bottom: 0; }
307 | 
308 | 
309 | /**
310 |  * line between each post on main page
311 |  */
312 | 
313 | hr{
314 |   margin-bottom: 30px;
315 |   border: 0;
316 |   border-bottom: 1px dotted #ccc;
317 | }
318 | 
319 | cite{ 
320 |   font-style: italic;
321 |   text-decoration: underline;
322 | }
323 | 


--------------------------------------------------------------------------------
/_sass/_layout.scss:
--------------------------------------------------------------------------------
  1 | @charset "utf-8";
  2 | 
  3 | /**
  4 |  * Site header
  5 |  */
  6 | .site-header {
  7 |   //Positioning context for the mobile navigation icon
  8 |   position: relative;
  9 | }
 10 | 
 11 | .site-title {
 12 |   font-size: 48px;
 13 |   line-height: 56px;
 14 |   letter-spacing: -1px;
 15 |   margin-bottom: 0;
 16 |   text-align:center;
 17 |   a{
 18 |     &,
 19 |     &:visited
 20 |     &:hover {
 21 |       color: $brand-top-color; //$grey-color-dark
 22 |       border-bottom: 1px dotted;
 23 |       text-decoration: none;
 24 |     }
 25 |   }
 26 | }
 27 | 
 28 | .site-meta{
 29 |   font-size: 20px;
 30 |   line-height:56px;
 31 |   letter-spacing: -1px;
 32 |   margin-bottom: 0;
 33 |   text-align:center; 
 34 |   color: $grey-color;
 35 | }
 36 | 
 37 | .site-nav {
 38 |   /*float: right;*/
 39 |   line-height: 56px;
 40 |   border-top: 1px solid $grey-color-light;
 41 |   border-bottom: 1px solid $grey-color-light;
 42 |   .menu-icon {
 43 |     display: none;
 44 |   }
 45 | 
 46 |   .page-link {
 47 |     color: $grey-color;
 48 |     line-height: $base-line-height;
 49 | 
 50 |     // Gaps between nav items, but not on the first one
 51 | 
 52 |     margin-left: 10px;
 53 |     margin-right: 10px;
 54 | 
 55 |   }
 56 | 
 57 |   a{
 58 |     text-decoration: none;
 59 | 
 60 |     &:hover {
 61 |       color: $text-color;
 62 |       text-decoration: none;
 63 |       //font-weight: bold;
 64 |     }
 65 |   }
 66 | 
 67 | 
 68 |   @include media-query($on-palm) {
 69 |     position: relative;
 70 |     background-color: $background-color;
 71 |     border: 1px solid $grey-color-light;
 72 |     border-radius: 5px;
 73 |     text-align: center;
 74 | 
 75 |     .menu-icon {
 76 |       display: block;
 77 |       line-height: 0;
 78 |       text-align: center;
 79 | 
 80 |       > svg {
 81 |         width: 18px;
 82 |         height: 30px;
 83 | 
 84 |         path {
 85 |           fill: $grey-color-dark;
 86 |         }
 87 |       }
 88 |     }
 89 | 
 90 |     .trigger {
 91 |       clear: both;
 92 |       display: none;
 93 |     }
 94 | 
 95 |     &:hover .trigger {
 96 |       display: block;
 97 |       padding-bottom: 5px;
 98 |     }
 99 | 
100 |     .page-link {
101 |       display: block;
102 |       padding: 5px 10px;
103 |     }
104 |   }
105 | 
106 | }
107 | 
108 | 
109 | /**
110 |  * Sidebar
111 |  */
112 | 
113 | .sidebar-module {
114 |   padding: 15px;
115 |   margin: 0 -15px 15px;
116 |   font-size: 14px;
117 |   h4{
118 |     font-size: $base-font-size;
119 |     font-weight: bold;
120 |     color: $grey-color-dark;
121 |   }
122 |   li{
123 |     list-style: none; 
124 |   }
125 | 
126 | }
127 | 
128 | 
129 | /**
130 |  * Site footer
131 |  */
132 | 
133 | .site-footer {
134 |   clear: both;
135 |   text-align: center;
136 |   background-color: #f9f9f9;
137 |   border-top: 1px solid $grey-color-light;
138 |   margin: $spacing-unit 0; 
139 |   padding: $spacing-unit 0;
140 |   font-size: 14px;
141 | }
142 | 
143 | 
144 | 
145 | /**
146 |  * Page content
147 |  */
148 | .page-content {
149 |   padding: $spacing-unit 0;
150 |   strong { font-weight: bold; }
151 | 
152 | }
153 | 
154 | .page-heading {
155 |   font-size: 20px;
156 | }
157 | 
158 | .post-meta {
159 |   font-size: $small-font-size;
160 |   color: $grey-color;
161 | }
162 | 
163 | .post-link {
164 |   display: block;
165 |   font-size: 38px;//42px;
166 | }
167 | 
168 | 
169 | 
170 | /**
171 |  * Posts
172 |  */
173 | .post-header {
174 |   margin-bottom: $spacing-unit;
175 |   time{
176 |       margin-left: 0px;
177 |       font-style: normal;
178 | 
179 |   }
180 | }
181 | 
182 | .post-title {
183 |   font-size: 38px;//42px;
184 |   letter-spacing: -1px;
185 |   line-height: 1;
186 | 
187 |   @include media-query($on-laptop) {
188 |     font-size: 36px;
189 |   }
190 | }
191 | 
192 | 
193 | 
194 | #markdown-toc{
195 |   float: right;
196 |   width:50%;
197 |   background:#f4f7f8;
198 |   padding:20px 15px;
199 |   li{
200 |     padding-top:10px;
201 |     position:relative; 
202 |     list-style-type:none;  
203 |   }
204 | }
205 | 
206 | #markdown-toc:before{
207 |   content:"Table of Contents";
208 |   font-weight: 700;
209 |   padding-left:10px;
210 |   border-bottom:5px solid $grey-color-light !important;
211 |   display:block;
212 |   font-size:18px
213 | }
214 | 
215 | 
216 | 
217 | .post-content {
218 |   p { padding:$spacing-unit/5 0; } 
219 |   //margin-bottom: $spacing-unit;
220 |   h1 { 
221 |     font-size: 38px;
222 |     line-height:1em;
223 |     @include media-query($on-laptop){
224 |       font-size: 36px;
225 |     }
226 | 
227 |   }
228 |   h2 {
229 |     font-size: 32px;
230 |     line-height:1em;
231 |     @include media-query($on-laptop) {
232 |       font-size: 28px;
233 |     }
234 |   }
235 | 
236 |   h3 {
237 |     font-size: 26px;
238 |     line-height:1em;
239 | 
240 |     @include media-query($on-laptop) {
241 |       font-size: 22px;
242 |     }
243 |   }
244 | 
245 |   h4 {
246 |     font-size: 20px;
247 |     line-height:1em;
248 | 
249 |     @include media-query($on-laptop) {
250 |       font-size: 18px;
251 |     }
252 |   }
253 | }
254 | 
255 | 
256 | /**
257 |  * Pagination Style
258 |  */
259 | 
260 | .pager{
261 |   margin-bottom: 60px;
262 |   text-align: center;
263 |   ul { display: block; margin: 20px 0; }
264 |   li{list-style: none;}
265 |   li.previous a{float:left;}
266 |   li.next a{float:right;}
267 |   li.disabled {display:none;}
268 | }
269 | 
270 | 
271 | /**
272 |  * Tags and Categories Style
273 |  */
274 | 
275 | .tags-box{
276 |   li {
277 |     list-style: none;
278 |     font-weight: bold;
279 |     margin-top:10px;
280 |   }
281 |   .size{
282 |     font-size: 0.7em; font-weight: bold; vertical-align: super;
283 |   }
284 | }
285 | 
286 | 
287 | /*time style of tages and categories*/
288 | 
289 | time{
290 |   margin-left: 15px;
291 |   font-style: italic;
292 | }
293 | 
294 | 
295 | 
296 | /**
297 |  * Aboutme photo Style
298 |  */
299 | 
300 | 
301 | .about{
302 |   img{
303 |     height: 128px;
304 |     width: 128px;
305 |     border-radius:50%;
306 |     margin: 0 auto;
307 |     display: block;
308 |   }
309 | }
310 | 
311 | .img-about{
312 |   height: 128px;
313 |   width: 128px;
314 |   border-radius:50%;
315 |   margin: 0 auto;
316 |   display: block;
317 | }
318 | 
319 | 
320 | 
321 | /**
322 |  * New style for quotation.
323 |  */
324 | 
325 | q:before {
326 |   content: '『';
327 |   color: #DD1144;
328 |   font-weight:bold;
329 | }
330 | q:after {
331 |   content:'』';
332 |   color: #DD1144;
333 |   font-weight:bold;
334 | }
335 | 
336 | 


--------------------------------------------------------------------------------
/_config.yml:
--------------------------------------------------------------------------------
  1 | ### Site info:
  2 | title: Freshman21
  3 | tagline: Another Jekyll theme, Freshman twenty-first
  4 | author: Lijia Yu
  5 | email: yu@lijiayu.net
  6 | description: "Freshman21 is a Jekyll blog theme." # You can edit this line in _config.yml. It will appear in your document head meta and in your feed.xml site description
  7 | keywords: "Jekyll, theme, Freshman21"
  8 | baseurl: "/freshman21" # the subpath of your site, e.g. /blog/
  9 | url: "https://yulijia.net/freshman21" # the base hostname & protocol for your site
 10 | locale: en_US
 11 | 
 12 | ### Personal info and site tools info:
 13 | twitter_username: yulijia
 14 | github_username:  yulijia
 15 | disqus_shortname: freshman21
 16 | favicon:     "/images/favicon.ico"
 17 | aboutme: Hi, this is Lijia Yu. I made the Freshman21 theme. Please enjoy it. # these are shown on aboutme-sidebar.
 18 | aboutme_photo: https://i.imgur.com/Mdc4szJl.jpg# your photo.
 19 | google_analytics_key: UA-57979084-1 # put YOUR key here to enable tracking! (blank to disable)
 20 | 
 21 | 
 22 | ### Site setting:
 23 | ShowContactInfo: "True" # Personal Info (twitter,github,email) can be seen on aboutme-sidebar, those info only shown where ShowContactInfo == True
 24 | default_column: "two" # blog style: two columns, if default_column != "two", you will see a one column blog.
 25 | default_locale: "en" # blog sidebar language set, only include: English (en), Chinese (cn), Japanese (jp), Polish (pl), Korean (kr),  Russian (ru), Turkish (tr), and Indonesian (id).
 26 | 
 27 | locales:
 28 |     en:
 29 |       Aboutme: "About Me"
 30 |       Archives: "Archives"
 31 |       Blogroll: "Blogroll"
 32 |       Categories: "Categories"
 33 |       Copyright_Notice: "Copyright Notice"
 34 |       Recent_Posts: "Recent Posts"
 35 |       Tags: "Tags"
 36 |       Previous: "Older"
 37 |       Next: "Newer"
 38 |       PostedInCategories: "Posted in"
 39 |       Taggedwith: "and tagged"
 40 |       PostDate: "on "
 41 |       Google_search: "Site Search"
 42 |       Home: "Home"
 43 |       About: "About"
 44 |       Guestbook: "Guestbook"
 45 |       Subscribe: "Subscribe"
 46 |     cn:
 47 |       Aboutme: "关于我"
 48 |       Archives: "存档"
 49 |       Blogroll: "良师益友"        
 50 |       Categories: "分类目录"    
 51 |       Copyright_Notice: "版权声明"
 52 |       Recent_Posts: "近期文章"
 53 |       Tags: "标签" 
 54 |       Previous: "前一页"
 55 |       Next: "后一页"
 56 |       PostedInCategories: "目录:"   
 57 |       Taggedwith: "| 标签:"
 58 |       PostDate: "| 发表时间: "
 59 |       Google_search: "站内搜索"
 60 |       Home: "首页"
 61 |       About: "关于"
 62 |       Guestbook: "留言"
 63 |       Subscribe: "订阅"
 64 |     jp:
 65 |       Aboutme: "著者"
 66 |       Archives: "アーカイブ"
 67 |       Blogroll: "ブログロール"
 68 |       Categories: "カテゴリー"
 69 |       Copyright_Notice: "著作権表示"
 70 |       Recent_Posts: "最近の投稿"
 71 |       Tags: "タグ"
 72 |       Previous: "前の記事"
 73 |       Next: "次の記事"
 74 |       PostedInCategories: "カテゴリー："
 75 |       Taggedwith: "| タグ："
 76 |       PostDate: "| 投稿日時: "
 77 |       Google_search: "サイト内検索"
 78 |       Home: "ホーム"
 79 |       About: "このブログについて"
 80 |       Guestbook: "メッセージ"
 81 |       Subscribe: "購読"
 82 |     pl:
 83 |       Aboutme: "O mnie"
 84 |       Archives: "Archiwum"
 85 |       Blogroll: "Odnośniki"
 86 |       Categories: "Kategorie"
 87 |       Copyright_Notice: "Prawa autorskie"
 88 |       Recent_Posts: "Najnowsze wpisy"
 89 |       Tags: "Tagi"
 90 |       Previous: "Starsze"
 91 |       Next: "Nowsze"
 92 |       PostedInCategories: "Kategoria"
 93 |       Taggedwith: "tagi"
 94 |       PostDate: "on "
 95 |       Google_search: "Wyszukiwarka"
 96 |       Home: "Strona główna"
 97 |       About: "O mnie"
 98 |       Guestbook: "Księga gości"
 99 |       Subscribe: "Subskrypcja"
100 |     kr:
101 |       Aboutme: "저자 소개"
102 |       Archives: "모든 게시물"
103 |       Blogroll: "참조 링크"
104 |       Categories: "카테고리"
105 |       Copyright_Notice: "저작권"
106 |       Recent_Posts: "최근 게시물"
107 |       Tags: "태그"
108 |       Previous: "이전 게시물"
109 |       Next: "다음 게시물"
110 |       PostedInCategories: "카테고리: "
111 |       Taggedwith: "태그: "
112 |       PostDate: "작성일: "
113 |       Google_search: "게시물 검색"
114 |       Home: "홈"
115 |       About: "소개"
116 |       Guestbook: "방명록"
117 |       Subscribe: "구독하기"
118 |     ru:
119 |       Aboutme: "Обо мне" # = 'About me'
120 |       Archives: "Архив"
121 |       Blogroll: "Ссылки" # = 'Links'
122 |       Categories: "Разделы"
123 |       Copyright_Notice: "Авторские права"
124 |       Recent_Posts: "Свежие посты"
125 |       Tags: "Теги"
126 |       Previous: "Предыдущий пост"          # = 'Previous post'
127 |       Next: "Следующий пост"               # = 'Next post'
128 |       PostedInCategories: "Опубликовано в" # = 'Posted in'
129 |       Taggedwith: "с тегами"
130 |       PostDate: ""
131 |       Google_search: "Поиск на Google"
132 |       Home: "Домой"
133 |       About: "О блоге"            # = 'About blog'
134 |       Guestbook: "Гостевая книга"
135 |       Subscribe: "Подписаться"
136 |     tr:
137 |       Aboutme: "Hakkımda"
138 |       Archives: "Arşivler"
139 |       Blogroll: "Bağlantılar"
140 |       Categories: "Kategoriler"
141 |       Copyright_Notice: "Telif Hakkı Bildirimi"
142 |       Recent_Posts: "Son Yazılar"
143 |       Tags: "Etiketler"
144 |       Previous: "Daha Eski"
145 |       Next: "Daha Yeni"
146 |       PostedInCategories: "Şuraya gönderildi:"
147 |       Taggedwith: "ve şöyle etiketlendi:"
148 |       PostDate: "şu tarihte:"
149 |       Google_search: "Sitede Ara"
150 |       Home: "Anasayfa"
151 |       About: "Hakkında"
152 |       Guestbook: "Konuk Defteri"
153 |       Subscribe: "Abone Ol"
154 |     id:
155 |       Aboutme: "Tentang Saya"
156 |       Archives: "Arsip"
157 |       Blogroll: "Blog teman"
158 |       Categories: "Kategori"
159 |       Copyright_Notice: "Legal Formal"
160 |       Recent_Posts: "Post Terkini"
161 |       Tags: "Tag"
162 |       Previous: "Lebih lama"
163 |       Next: "Lebih baru"
164 |       PostedInCategories: "Diposting di"
165 |       Taggedwith: "dan ditag"
166 |       PostDate: "pada "
167 |       Google_search: "Pencarian Situs"
168 |       Home: "Beranda"
169 |       About: "Tentang"
170 |       Guestbook: "Buku tamu"
171 |       Subscribe: "Langganan"
172 | 
173 | ### your Blogroll info, only name can shown on the page.
174 | 
175 | Blogroll:
176 |       - name: Freshman
177 |         href: http://yulijia.net/freshman
178 |         title: Another Jekyll blog theme
179 |       - name: author's website
180 |         href: http://yulijia.net/
181 |         title: Lijia Yu's website
182 | 
183 | 
184 | ### Build settings
185 | markdown: kramdown
186 | #highlighter: pygments
187 | kramdown:
188 |         input: GFM
189 |         syntax_highlighter: rouge
190 | plugins: [jekyll-paginate]
191 | paginate: 5
192 | excerpt_separator: <!-- more -->
193 | 


--------------------------------------------------------------------------------