jekyll是啥,用来干啥这里就不介绍了。
很多时候,咱们不能把jekyll玩起来,原因有很多:网速不好,本地编译有问题,梯子爬不出去,自己没有耐心(根本不知道错在哪儿)。如果这些原因一次只出现一个还好,我们只要挨着一个一个地解决就行,但要是它们是随机组合的原因呢?卡一次我可以忍受,多卡几次,难免会有放弃的念头。
本文主要展示如何行云流水地将jekyll玩起来,我主机是Ubuntu18.04,后来在Ubuntu20.04的虚拟机上测试,比现在的流程要快很多,原因不详。
系统源确认
确保系统的源是国内镜像,如兰州大学开源社区镜像站

安装ruby
- 终端输入如下两条命令,以安装必要的依赖以及ruby环境
sudo apt update
sudo apt-get install ruby-full build-essential zlib1g-dev -y
修改ruby的源
ruby装完了之后,需要修改一下ruby的源,否则安装过程慢到你怀疑人生
-
查看当前源,命令:
gem sources
查看当前源
-
移除这个源,命令:
gem sources --remove https://rubygems.org/
, 记得最后的斜杠要写上
移除源
-
添加ruby-china源,命令:
gem sources --add https://gems.ruby-china.com/
,同样请记得最后的斜杠要写上
添加源
-
最后确认一下,命令:
gem sources
确认源
-
终端输入如下两条命令,以更新源
# 清空源缓存
gem sources -c
# 更新源缓存
gem sources -u
用gem安装jekyll
- 终端输入如下两条命令,以设置临时环境变量
export GEM_HOME="$HOME/gems"
export PATH="$HOME/gems/bin:$PATH"
- 安装jekyll和bundler,命令:
gem install jekyll bundler

由于需要编译等,故而可能等待的事件比较长,我等了差不多20分钟才看到下面的画面

创建一个jekyll实例
- 创建一个myblog的实例,命令:
jekyll new myblog

又要等,请不要急着退出,如果你非要退出,比如此时按ctl+c,将会出现如下错误

你可能全网都搜索不到想要的答案,所以还是乖乖重新来过吧
删除掉现在的坏东西,命令:rm -rf myblog
,再来命令:jekyll new myblog
,然后耐心等待
嘿嘿,结果出来了:

- 运行创建好的myblog的实例,命令:
jekyll new myblog
先进入myblog,命令:cd myblog
,再运行,命令:bundle exec jekyll serve

浏览器访问127.0.0.1:4000,结果如下

运行一个主题
- 主题包下载
去https://mmistakes.github.io/jekyll-theme-basically-basic/下载主题包

- 修改Gemfile

在Gemfile里面,需要修改source的值,以及增加 jekyll-theme-basically-basic

- 修改_config.yml

在末尾追加内容:theme:jekyll-theme-basically-basic

- 执行安装,命令:
bundle install

没办法,按照要求来呗,执行命令sudo apt install ruby-bundler
后,再次执行命令bundle install

我靠,让我输入密码,只能输入了。只不过太禽兽,我又等了差不多20分钟才完成
- 运行刚刚安装成功的主题,命令:
bundle exec jekyll serve

浏览器访问:127.0.0.1:4000

OK.
网友评论