centos7上从零开始安装Jekyll & 个人简历部署

个人简历模板来源于Funday,特此鸣谢~
starfork
https://gitee.com/xiaodan_yu/resume.io


  • 安装Jekyll所需环境ruby

由于centos7自带的ruby版本为2.0,而最新的jekyll所需ruby版本为2.5以上,所以需要单独安装新的版本

  • 先安装rvm

RVM 是一个命令行工具,可以提供一个便捷的多版本 Ruby 环境的管理和切换 (https://ruby-china.org/wiki/rvm-guide)
由于网上的安装教程都比较旧,在实际操作过程中经常出现网络问题,导致安装失败,在多方查找资料下,终于找到一种方式成功安装rvm,过程如下:

$ gpg --keyserver hkp://keys.gnupg.net --recv-keys 409B6B1796C275462A1703113804BB82D39DC0E3
直接获取源码安装
(网上大多数都是使用curl -sSL https://get.rvm.io | bash -s stable)
$ \curl -sSL https://raw.github.com/wayneeseguin/rvm/master/binscripts/rvm-installer | bash
$ source /etc/profile.d/rvm.sh
  • 安装ruby(2.5.1),可能有点慢,因为没找到如何设置rvm的镜像源
    这里我大概用了三分钟吧
$ sudo yum install libyaml
$ rvm install 2.5.1
  • 设置ruby的默认版本
$ source /etc/profile.d/rvm.sh
$ rvm use 2.5.1 --default
检查ruby版本号为2.5.1
$ ruby -v
  • 安装node.js
$ sudo yum install nodejs 
  • 设置ruby的镜像源(这里使用的是中科大镜像源,也可以选择其他的)
$ gem sources --remove https://rubygems.org/
$ gem sources -a http://mirrors.ustc.edu.cn/rubygems/

到此 所需环境ruby安装完成


  • 安装Jekyll

如果前面没有问题,这里直接安装是不会有报错啥的,只需静静等待即可

$ gem install jekyll

安装完成截图

jekyll安装完成

接下来如果你想本地尝试一下demo,则直接通过下面进行创建和启动,另外还能将该静态网页交由nginx管理

  • 创建第一个blog,会在你当前路径创建blog文件

这里创建blog的等待时间可能有点久,大概三分钟

$ jekyll new blog
$ jekyll serve -H [填你服务器的IP] -P [端口,注意安全组策略] --detach
  • 通过nginx静态服务器完成管理

环境信息 基于docker容器nginx官方镜像
https证书配置完成则监听端口443,无https证书则监听80端口
有域名则添加域名为服务名,无域名则填IP即可
配置信息如下:
nginx_conf

  • 下载Funday项目源码

$ git clone https://gitee.com/yangtaoerer/resume.io.git

进入目录文件 根据自定义修改配置等,我这里只将baseurl(上下文)修改为resume了

  • 编译源码至 _site 文件夹

$ jekyll build --destination _site
  • 启动nginx容器

静态网页文件通过挂载的形式添加到nginx容器内
容器启动指令:

$ docker run -p 80:80 -p 443:443
(挂载nignx的配置文件) 
-v $PWD/ssl/nginx.conf:/etc/nginx/nginx.conf 
(挂载简历域名的证书文件) 
-v $PWD/ssl/resume:/etc/nginx/resume 
(挂载个人域名的证书文件) 
-v $PWD/ssl/cert:/etc/nginx/cert 
(挂载简历的首页文件) 
-v $PWD/components/resume.io/_site/index.html:/root/index.html
(挂载简历资源文件,如 .css .font .js 等文件)  
-v $PWD/components/resume.io/_site:/root/resume 
--name yt-nginx -dit nginx
  • 访问简历页面

请先在域名服务商那里添加解析规则,二级域名填写resume即可
https://resume.yangtaoer.com.cn

效果图

resume

分享结束~ 如果您觉得我的分享对您有所帮助,请点个赞鼓励一下吧~

上一篇 下一篇