怎么用jekyll + GitPage 搭建自己的Blog

jekyll 是什么?

jekyll可以将文本转换为静态博客网站,里面的样式可以根据模板来变换,你只需要关注于你的内容,发布时提交到GitPage上就可以自动为你生成Blog

1. 安装环境准备(Mac)

  • Ruby(including development headers, Jekyll 2 需要 v1.9.3 及以上版本,Jekyll 3 需要 v2 及以上版本)
  • RubyGems
  • Linux, Un ix, or Mac OS X
  • NodeJS, 或其他 JavaScript 运行环境(Jekyll 2 或更早版本需要 CoffeeScript 支持)。
  • Python 2.7(Jekyll 2 或更早版本)

参见 安装准备

2. jekyll的主要目录结构

  • _config.yml 是配置文件,最为重要,包含了所有配置信息
  • _includes 文件夹包含了将被反复利用的文件,比如footer,header
  • _layouts 文件夹包含了主页面的排版布局
  • _posts 文件夹将包含所有的日志文件,Markdown格式

那么接下来去配置GitPage相关的东西。

GitPage配置

1. 创建仓库

先创建一个仓库,这里我名字取为 ‘SillyV.Github.io’。


2. 在仓库的Setting中,配置好GitPage

怎么用jekyll + GitPage 搭建自己的Blog_第1张图片

如果没有自己的域名,那么访问地址为如下图:



域名申请购买很简单,我的是在GoDaddy上申请购买的,上面优惠比较多,不是很贵。配置好后,Clone到我们本地,这时候里面没有东西。

3. 配置Blog

主题的配置主要是 _config.yml 这个文件。主要需要修改的信息如下:

  • title: Blog名称
  • subtitle: 副标题
  • description: Blog的描述
  • author: Blog拥有者

这个网站 Jekyll Theme 上有很多不错的,选一个自己喜欢的。将Theme下载下来,放到我们Clone下来的目录,修改为自己的信息。我用的主题是 jekyll-Next ,喜欢的请顺手Star。作者是基于Hexo主题移植的,配置可以参见官网Next主题配置。

4. 发布文章

发布文章只需要将编辑好的markdown文件放到_post目录下,运行命令:

jekyll build -- 将文本转换成静态Blog,生成在_site目录下

jekyll serve -- 本地运行服务,可以在localhost:4000 中看到自己Blog的效果,方便调试。

觉得格式和内容都满意后,push到Git远程仓库中,再访问自己的域名(如果没有绑定域名,就访问GitPage自动生成的地址)。

整个Blog的搭建和发布就完成了,这是我的Blog在Github上的地址。

写在最后

其实在工作中有很多想法,或者有很多实践,但是忙完了以后都没有及时的整理下来。用Blog来梳理和记录是非常好的一种方法,回头来看的时候能迅速的理清思路。也可以记录一些笔记和心得,希望自己能保持一颗好奇心,对于喜欢的东西坚持下去,获得乐趣。

参考

  • 搭建一个免费的,无限流量的Blog----github Pages和Jekyll入门
  • 通过Github Pages和Jekyll搭建个人博客

你可能感兴趣的:(怎么用jekyll + GitPage 搭建自己的Blog)