学习如何使用 jekyll 来开发个人博客

如何使用 jekyll 来生成博客

---

jekyll 的功能

将纯文本转化为静态网站和博客．—— jekyllcn

　　博主只需了解一些常用的纯文本转换工具，如markdown，就可以用jekyll生成静态网站和博客．有一定计算机基础的博主，就可以自定义设计和开发博客主题．

jekyll 是如何工作的

Jekyll 的核心其实是一个文本转换引擎。用标记语言来写文章，如 Markdown，Textile 或 HTML, 然后 Jekyll 就会套入布局中，通过设置URL路径和文本的显示样式等等。即通过纯文本编辑来实现，最终生成的静态页面就是成品。—— jekyll 的用法

jekyll 的基本目录结构

命令行输入jekyll new jekyll-blog生成博客的基本目录结构．

　　如上图所示，_posts是博客文章要保存的文件夹．_config.yml是一个YAML格式的文件，包含整个静态网站和博客的配置信息．Gemfile是包含描述Ｇem之间依赖的文件，没有它 jekyll 无法正常运行．index.md是网站的首页，about.md是相关信息页，404.html是显示错误信息页面．
　　命令行输入bundle exec jekyll serve，运行后新生成_site文件夹，其中包含博客的所有目标文件．如下图所示．
　　
　　博客基本目录结构图中并无样式表和图片，而后来网站目录生成了．这并不是无中生有，而是样式表和图片文件隐藏在主题 jekyll theme minima 之中．这种做法体现了结构和表现的分离．它让博主可以通过设置，更换博客主题来改变博客的外观．jekyll theme minima的外观如下图所示．
　　

更换博客主题

步骤如下：

1. RubyGem上搜索 jekyll themes
2. 选择主题，以 jekyll-swiss 为例子．
3. 进入_config.yml，修改设置theme: minima，改后为theme: jekyll-swiss
4. 进入Gemfile，修改设置gem "minima", "~> 2.0"，改后为gem 'jekyll-swiss', '~> 1.0'．
5. 重新运行bundle install && jekyll serve
6. 结果如下图所示`
   

如何用 jekyll 发表博客

　　_posts目录里初始的时候有一篇文章 “Welcome to Jekyll!”,　依葫芦画葫，修改一下title和date, 其它不必修改，保存在_posts文件夹中，格式为YY-MM-DD-YOUR-TITLE.md．刷新一下，就可以看到新发表的文章了．

---
layout: post
title: "如何使用 jekyll 来生成博客"
date:   2018-06-20 18:01:34 +0800
categories: jekyll update
---