糖果实验室杂货铺

Candy Lab

使用Pages服务创建静态博客(下)---部署Jekyll静态站

1 year ago 0

作者:糖果

上一篇我们在Coding.net上部署了Pages服务,但是展示的页面比较单一,这次我们使用Jekyll工程生成一个相对完整的静态网站。

概要步骤如下:

    1.安装较新的Ruby开发环境。
    2.安装Jekyll。
    3.创建工程。
    4.上传代码。
    5.确认站点。

1.安装较新的Ruby开发环境。

因为Jekyll是依赖Ruby开发环境的,所以首先要装的是Ruby开发环境。

1.1 本地安装Ruby。

在Ubuntu15上,简单的两部就可以安装完成。

1
sudo apt-get install ruby

这样默认装的是Ruby2.2

1
ruby -v

安装ruby2.2-dev,有了这个包可见ruby.h等后继需要的文件。

1
sudo apt-get install ruby2.2-dev

1.2 VPS上安装。

在阿里这种VPS上安装Ruby,推荐使用RVM安装方式。

1.2.1 安装curl,下载RVM。
1
2
3
sudo apt-get curl
curl -L https://get.rvm.io | bash -s stable
source ~/.rvm/scripts/rvm
1.2.2 安装RVM依赖
1
rvm requirements
1.2.3 安装Ruby
1
2
rvm install ruby
rvm use ruby --default

2.安装Jekyll。

安装Jekyll之前,记得要把gem的安装源换成淘宝的,你懂。

2.1更新gem源。

1
2
3
gem sources --remove http://rubygems.org/
gem sources --add https://ruby.taobao.org/
gem sources -l

2.2安装Jekyll

1
gem install jekyll

3.创建工程。

创建一个Jekyll的静态站,自动生成。

1
jekyll new moonscript

4.上传代码。

把新生成的所有代码文件和文件夹,全部移动到Pages服务部署文件所在有分支文件夹。

1
2
3
git add *
git commit -m"将自动生成的文件全部上传到coding-pages分支上"
git push origin coding-pages

5.确认站点。

moonscript.cn

图片:moonscript.png moonscript.png

在更新coding.net的jekyll文章时,有一个关键的文件要更新,就是feed.xml这个文件。

原文来至糖果实验室

作者:糖果 PS:转载到其它平台请注明作者姓名及原文链接,请勿用于商业用途。 LUA.REN http://www.lua.ren


糖果实验室

Openresty中文编程网
IKBC经典机械键盘
机械键盘领券优惠购买

Write a Comment