天天看点

Jekyll模板的使用Jekyll模板的使用

Jekyll模板的使用

花了一晚上的功夫把原先Github Pages中的小东西,变成了大东西!

网上还是有各种教程的,毕竟也不是什么特别难的东西,只要花点时间,都是可以实现的。现在在来稍微地总结一下。

寻找主题

在昨天已经弄好了Github Pages的前提下,现在可以直接百度Jekyll主题,会发现有很多这样的主题
Jekyll模板的使用Jekyll模板的使用

我选中了一款NexT的主题,点开之后会有给你一些介绍,也有教你如何安装

Jekyll模板的使用Jekyll模板的使用

也可以进入Homepage到他相应的Github主页中查看,里面的Readme文档,有详细的安装以及配置信息

安装主题

这步是最重要,也是最麻烦的。安装的过程中,肯定会遇到许多问题的,不可能一帆风顺的。在这步中出现的很多错误,我没保存错误信息,不过在安装的过程中,会明显地提示你缺少什么安装的组件,也会有关键字,百度一下也是十分方便。

过程可能有点忘记了,但是应该差不了太多的。

1. Ruby

输入命令

$ ruby --version

就可以检测本机中是否有安装Ruby。

如果没有安装,输入命令

$ sudo apt-get install ruby-full

就可以安装

2. 更新rubygems源

因为原来的地址是 https://rubygems.org/ 要从上边下载东西速度比较慢。

可以使用命令

$ gem sources --add https://gems.ruby-china.org/ --remove https://rubygems.org/

来删除这个地址,然后再添加一个速度快的镜像地址

3. ruby-dev

输入命令

$ sudo gem install ruby-dev

4. Jekyll

输入命令

$ gem install jekyll

5. Clone 主题的Github文件

这个主题的 Clone地址是 https://git.github/com/Simpleyyt-jekyll-theme.next

输入命令

$ git clone https://github.com/Simpleyyt/jekyll-theme-next.git

把他的文件都Clone下来。

然后就可以按照README文档的内容修改成自己想要的模式。

6. bundle

安装依赖

$ bundle install

7. 运行Jekyll

输入命令

$ bundle exec jekyll server

就可以启动Jekyll,就可以通过127.0.0.1:4000访问文件的内容。

撰写文章

自己的模板算是搭建完毕了,现在就是如何写文章发布的问题了。

在hezy94.github.io/_posts(hezy94.github.io是保存在我本地的文件)文件中就是保存文章的地方了。

随机打开一篇可以发现,他有一个固定的格式

Jekyll模板的使用Jekyll模板的使用

两个

---

即为markdown中的横线,之间的内容不显示在文章中,所以我们新写的东西就可以按照这个格式,并且保存在* *_posts **文件中

上传文件

文章都写完了,当然是要给别人看看。现在就可以上传了

提一下我在上传时候遇到的问题

1. 因为是Clone别人的东西,当我兴奋地要

git push

一下的时候,发现问题了。

remote: Permission to Simpleyyt/jekyll-theme-next.git denied to hezy94.fatal: unable to access 'https://github.com/Simpleyyt/jekyll-theme-next.git/': The requested URL returned error: 403

解决办法:把* .git/config* ** 文件中的url,改为自己的git地址,这样才不会有权限

url = https://github.com/hezy94/hezy94.github.io.git

2. 当我兴奋地要再

git push

一下的时候,又发现问题了。

To https://github.com/hezy94/hezy94.github.io.git ! [rejected] master -> master (fetch first) error: 无法推送一些引用到 'https://github.com/hezy94/hezy94.github.io.git'

解决办法:

$ sudo git push -f

,上传!

3. 安装bundle的时候会有一个文件依赖问题

大概是这样bundle->nokogiri->libxml2

所以网上发现有人在安装ruby-dev的时候直接输入这样的命令

$ sudo apt-get install build-essential patch ruby-dev zlib1g-dev liblzma-dev

就可以解决这个问题