用Github+Jekyll搭建个人博客

sumcai 2020.12.11

在信息爆炸的当今社会,技术发展日新月异,不时刻保持学习很快就会跟不上时代步伐。我很久之前就希望有一个自己的个人网站来收集平时看到的一些好的文章、教程,把这些零碎的信息都变成自己的收藏,当下一次需要查阅时,不至于穷死苦想在哪看过。如果有了自己的网站,加上分类和搜索,能快速查到自己想找的内容,那该多么令人兴奋呀!经过一段时间的摸索,找到了一个免费而且便捷的方式搭建个人博客,具备分类和查找功能,而且还免费、稳健可靠,那就是通过 Github/Gitee + jekyll 搭建。

准备工作

考虑到国内的网速问题,我们使用 Gitee 作为平台。实现过程的思路是:在本地编写jekyll网站源码,上传至Gitee,由Gitee生成并托管整个博客网站。

环境部署

安装文件下载

我的开发环境是win7 64位,下载如下安装程序:

安装Ruby

运行安装rubyinstaller-devkit-2.7.1-1-x64.exe,所有的选项都勾选上,最后的MSYS2一定要安装。

DevKit-mingw64-64-4.7.2-20130224-1432-sfx.exe运行解压到一个单独目录,打开cmd,进入到解压目录,执行命令:

1
2
3
4
ruby dk.rb init    #初始化
ruby dk.rb review  # 审查(非必须)
ruby dk.rb install  # 安装
gem -v  # 查看gem是否正常安装

安装jekyll

  • 先切换到国内的镜像源:

      gem sources --add https://gems.ruby-china.com/ --remove https://rubygems.org/
      gem sources -l
    
  • 安装Jekyll

      gem install jekyll
    
  • 安装jekyll-paginate

      gem install jekyll-paginate
      jekyll -v
    
  • 安装 Bundler

    gem install bundler
    
  • 查看安装版本

      jekyll --version
    

创建博客

1
2
3
jekyll new blog     #创建新项目
cd blog
jekyll server       #运行服务器

上面的jekyll new blog可能会很慢,使用jekyll new blog --skip-bundle跳过bundle环节,然后修改新blog目录中的Gemfile,将第一行改成source "https://gems.ruby-china.com",再运行bundle install即可完成项目创建。

访问测试:http://127.0.0.1:4000/


参考: windows安装jekyll步骤及问题 windows安装jekyll