Jekyll模板的使用

Jekyll模板的使用

花了一晚上的功夫把原先Github Pages中的小东西,变成了大东西!
网上还是有各种教程的,毕竟也不是什么特别难的东西,只要花点时间,都是可以实现的。现在在来稍微地总结一下。

寻找主题

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

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

也可以进入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是保存在我本地的文件)文件中就是保存文章的地方了。
随机打开一篇可以发现,他有一个固定的格式

两个---即为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就可以解决这个问题

你可能感兴趣的:(Jekyll,NexT,Jekyll,Github-Pag)