利用 Coding WebIDE 部署 Hugo 网站

起因

11-coding-webide

可能免费方便就是我的动力吧。

思路

建立一个放置构建文件的仓库,在此仓库上开启 WebIDE ,在 WebIDE 中搭建好 Hugo 环境并生成 pulic 静态文件,最后把生成的静态网页文件推送到 Pages 仓库中。

前期准备

  1. WebIDE 中创建放置构建文件的仓库,即新建工作空间,我命名为 built 。
  2. 同样的,也可以在你的 Coding Projects 项目中找到该项目。
  3. git clone built 仓库到本地,把构建网站的数据文件放入,并推送上去。
  4. 回到 WebIDE 点击 built 进入在线 IDE 网页。

WebIDE 安装 Hugo 环境

  1. 首先打开终端 git pull 同步仓库,会提示一个 merge 问题,先按 Esc 键,再输入 [:wq!] 写入并强制退出即可;
  2. 下载 Hugo ,下载慢的,也可以自行下载到本地,再上传。

    wget https://github.com/gohugoio/hugo/releases/download/v0.44/hugo_0.44_Linux-32bit.tar.gz
    tar -zxvf hugo_0.44_Linux-32bit.tar.gz hugo
    ./hugo version      //提升版本号则证明 Hugo 环境部署成功
    
  3. 把当前仓库新增文件推送到当前仓库上,防止下次再进入 WebIDE 文件不见了。

    git add .
    git commit -m "Add Hugo environment"
    git push
    

部署到 Pages

./hugo                                          //生成静态文件
git clone git@git.coding.net:bequt/pages.git    //要部署 Pages 的仓库
cd pages
rm -rf ./*                                      //删除所有内容
cp -R ../public/* ./                            //把 public 所有文件复制到 pages 仓库中
//接下来推送上 pages 仓库即可
git add .
git commit -m "Update blog"            
git push

进一步

可以写一个 deploy.sh 文件,在线写好博文后,直接调用,进行部署。很丝滑流畅。

All content under CC BY-NC-ND 4.0