美文网首页
行云流水地搭建jekyll

行云流水地搭建jekyll

作者: 祥龙翔天 | 来源:发表于2020-05-26 16:21 被阅读0次

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
安装jekyll和bundler

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

jekyll和bundler安装成功

创建一个jekyll实例

  • 创建一个myblog的实例,命令:jekyll new myblog
创建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
image.png

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

image.png
  • 修改_config.yml
image.png

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

image.png
  • 执行安装,命令:bundle install
image.png

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

image.png

我靠,让我输入密码,只能输入了。只不过太禽兽,我又等了差不多20分钟才完成

  • 运行刚刚安装成功的主题,命令:bundle exec jekyll serve
image.png

浏览器访问:127.0.0.1:4000


image.png

OK.

相关文章

网友评论

      本文标题:行云流水地搭建jekyll

      本文链接:https://www.haomeiwen.com/subject/fxtvahtx.html