如何使用 jekyll 来生成博客
jekyll 的功能
将纯文本转化为静态网站和博客.—— jekyllcn
博主只需了解一些常用的纯文本转换工具,如markdown,就可以用jekyll生成静态网站和博客.有一定计算机基础的博主,就可以自定义设计和开发博客主题.
jekyll 是如何工作的
Jekyll 的核心其实是一个文本转换引擎。用标记语言来写文章,如 Markdown,Textile 或 HTML, 然后 Jekyll 就会套入布局中,通过设置URL路径和文本的显示样式等等。即通过纯文本编辑来实现,最终生成的静态页面就是成品。—— jekyll 的用法
jekyll 的基本目录结构
命令行输入jekyll new jekyll-blog
生成博客的基本目录结构.
如上图所示,_posts
是博客文章要保存的文件夹._config.yml
是一个YAML格式的文件,包含整个静态网站和博客的配置信息.Gemfile
是包含描述Gem之间依赖的文件,没有它 jekyll 无法正常运行.index.md
是网站的首页,about.md
是相关信息页,404.html
是显示错误信息页面.
命令行输入bundle exec jekyll serve
,运行后新生成_site
文件夹,其中包含博客的所有目标文件.如下图所示.
博客基本目录结构图中并无样式表和图片,而后来网站目录生成了.这并不是无中生有,而是样式表和图片文件隐藏在主题 jekyll theme minima 之中.这种做法体现了结构和表现的分离.它让博主可以通过设置,更换博客主题来改变博客的外观.jekyll theme minima的外观如下图所示.
更换博客主题
步骤如下:
- RubyGem上搜索 jekyll themes
- 选择主题,以 jekyll-swiss 为例子.
- 进入
_config.yml
,修改设置theme: minima
,改后为theme: jekyll-swiss
- 进入
Gemfile
,修改设置gem "minima", "~> 2.0"
,改后为gem 'jekyll-swiss', '~> 1.0'
. - 重新运行
bundle install && jekyll serve
- 结果如下图所示`
如何用 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
---