Presentation

Usage:

yaml header -> for mata data (costom statement自定义状态)

page（页面） <- layout（样式） <- include(组件）

Templates + Contents –(jekyll)—> static pages –(upload to server )—> get website

Why I choose Jekyll?

1. Faster site
2. More secure
3. Less Manipulate
4. Lower cost
5. Free hosting on Github
6. Blog aware
7. Markdown ready

Directory Structure（jekyll 的目录结构）

（惨痛的教训，自定义的文件夹名不能以_打头）

让我来解释一下：

1. 侧边栏的制作

jekyll Meto improving

1. Add sidebar background-color effect modify files: app.css

2. Add “search”column into the sidebar modify files: config.yml

3. Change side bar layout a bit modify files: sidebar.html

4. “page” and “post” layout modify.content-wrapper col-md-10 -> col-md-9; col-sm-1·0 -> col-sm-9. Set the left margin. modify files: page.html,/blog/index.html,post.html

5. bootstrap-> .img{(add) width:100%;}
   modify files: bootstrap.html

6. Add SVG button into the footer.html footer-link into the config.yml add svg-icons.html /svg-icons/

7. Add scroll-up buttom in “page” and “post” modify files: page.html; post.html; /blog/index.html; app.css

8. correct a spelling mistake in footer.html
   class=”col-ms-12” change to class=”col-sm-12” modify files: footer.html