学习使用jekyll搭建博客

前端时间我学习了下happypeter老师的GitHub课程,他最后提到了GitHub建立博客的方法,不过仅仅只是粗略了讲了下,并无提到jekyll的任何内容。但我抱着仅有的好奇心,看了几篇关于jekyll的博客以后进行了jekyll的初步尝试,获得一些经验与各位交流下,但愿能为新手提供部分参考。css

建立GitHub博客项目

  • 我的或团队的项目名为:yourname.github.io , 能够经过setting来自动生成模板
  • 项目博客的项目则可为项目添加gt-pages分支来建立博客,

搭建jekyll平台环境

Jekyll 是一个简单的博客形态的静态站点生产机器。它有一个模版目录,其中包含原始文本格式的文档,经过 Markdown (或者 Textile) 以及 Liquid转化成一个完整的可发布的静态网站,你能够发布在任何你喜好的服务器上。Jekyll 也能够运行在 GitHub Page 上,也就是说,你可使用 GitHub 的服务来搭建你的项目页面、博客或者网站,并且是彻底免费的。前端

下面的在window上(我使用的是win10)主要步骤(参考自一位印度大神Madhur Ahuja的博客)。git

安装Ruby,

使用rubyinstall安装:下载地址 http://rubyinstaller.org/downloads/github

安装DEVELOPMENT KIT,

根据本身的系统版本选选择,我下的是DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe,下载地址同上
在cmd或powershell上运行ruby dk.rb init进行初始化,而后运行ruby dk.rb install安装shell

安装jekyll

终于来到核心步骤,使用gem安装jekyll,运行gem install jekyll便可进行安装,可是这里有个Madhur Ahuja没有提到的坑——gem使用的是asw服务器在国内会出现fetchError也就是链接不到服务器,因此下载不了。不过有gem使用经验的人(如使用gem下载sass或rails的过程当中也会出现这一问题),早就有了解决办法——使用淘宝团队的ruby镜像服务器来替代sass

$ gem sources --add https://ruby.taobao.org/ --remove https://rubygems.org/
$ gem sources -l

使用jekyll开始博客项目

在安装完jekyll后就能够开始建博客项目了,在你的工做目录下运行jekyll new yourBlogName 自动生成了一个博客项目,而后切换的yourBlogName目录下运行jekyll serve就能够启动jekyll自带的服务器测试博客了,测试地址为localhost:4000/ruby

而后你就能够在_post目录下新建md文档写博客了,有关jekyll配置文件能够参考jekyll的文档,中文版见 http://jekyll.bootcss.com/docs/服务器

相关文章
相关标签/搜索