在 VPS 上搭建 Jekyll 静态博客

 

VPS 仅用于开代理有些浪费,开个网站充分利用一下。

(现已迁移到 GitHub Pages, 教程暂留存,以备后用。)


安装 RVM

本例使用 rvm 进行 ruby 的安装,可以快捷的切换 ruby 环境。具体可以去 rvm.io 查看。

gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3 7D2BAF1CF37B13E2069D6956105BD0E739499BDB
\curl -sSL https://get.rvm.io | bash -s stable
# 之后可能需要重启
reboot

检查一下

rvm -v

最后安装 rvm 依赖包:

rvm requirements

安装 Ruby

Ruby 官网 查看最新版本号,目前的稳定版本是 2.5.3

rvm install 2.5.3

安装完成之后,设置默认 ruby 的版本

rvm 2.5.3 --default

检查一下 rubygem 的版本

ruby -v
gem -v

安装 Jekyll

查看源列表

gem sources -l

我的 vps 在国外,就不切换源了,如果在国内可以替换为国内 Ruby China 的镜像

gem source -a https://gems.ruby-china.org --remove https://rubygems.org/

安装 jekyll, 比较好的方式是同时安装 bundler,可以管理依赖

gem install jekyll bundler

安装完后,再确认一下版本

jekyll -v
bundle -v

新建博客,可参考 官方指南

jekyll new myblog

安装主题

对博客进行美化,可以安装主题,比如本站采用的 jekyll-TeXt-theme

git clone https://github.com/kitian616/jekyll-TeXt-theme.git

把所有的主题文件拷贝到 myblog 文件夹下

cp -r jekyll-TeXt-theme/* myblog/
cd myblog
bundle install

文章发布

md 格式的文章放在 _posts/ 文件夹下,然后生成静态网页

jekyll build

开启 comments 功能后,发现上述指令仍无法使用评论功能,这时需要使用下面命令

JEKYLL_ENV=developments jekyll build

本地预览

Jekyll 集成了一个开发用的服务器,可以让你使用浏览器在本地进行预览。

通过 bundle exec jekyll serve 命令启动开发服务器,然后你就可以访问 http://localhost:4000/ 预览你的网站了。

Nginx 安装与配置

Nginx 安装

我的服务器在 V2ray 搭建 时已经安装了 Nginx,不需要再安装,网上的安装教程挺多,就不赘述,可以参考文章 1, 2

Nginx 配置

修改 Nginx 配置文件里的 root 目录,每个人的配置文件所处路径不同,请填写正确,下面是我的文件位置

vi /etc/nginx/conf.d/v2ray.conf
# root    /home/wwwroot/myblog/_site

然后重新载入 Nginx

nginx -s reload
# 如出现错误,reboot 重启机器

这时配置结束,就可以通过域名访问博客了。

待填的坑

  • git 远程同步 vpsJekyll。 参考另一篇文章
  • 如何自动生成 _site/