我的博客發(fā)布上線方案 — Hexo

yangrd 發(fā)布于2019-07-01 12:37 / 2202人閱讀

摘要：首發(fā)于樊浩柏科學(xué)院之前一直在使用推薦的發(fā)布方案，缺點(diǎn)是本地依賴環(huán)境，無法隨時(shí)隨地地更新博客。為了擺脫環(huán)境約束進(jìn)而高效寫作，有了下述的發(fā)布方案。我的寫作環(huán)境為，博客發(fā)布在阿里云的上，文章托管在。

首發(fā)于 樊浩柏科學(xué)院

之前一直在使用 Hexo 推薦的發(fā)布方案，缺點(diǎn)是本地依賴 Hexo 環(huán)境，無法隨時(shí)隨地地更新博客。為了擺脫 Hexo 環(huán)境約束進(jìn)而高效寫作，有了下述的發(fā)布方案。

本文的發(fā)布方案中，Git 倉(cāng)庫(kù)只是托管 md 文件，通過 Webhook 通知服務(wù)器拉取 md 文件，然后執(zhí)行構(gòu)建靜態(tài)文件操作，完成一個(gè)發(fā)布過程。

我的寫作環(huán)境為 Typora（Win10），博客發(fā)布在阿里云的 ECS（CentOS）上，文章托管在 GitHub。

需求迭代

隨著時(shí)間成本的增高，只能利用碎片時(shí)間來進(jìn)行寫作。因此，我的寫作場(chǎng)景變成了這樣：

習(xí)慣使用 MarkDown 寫原稿，有 MarkDown 編輯器就行；

寫作場(chǎng)地不限定，有電腦就行；

寫作時(shí)間不確定，有靈感就寫；

新的問題

之前（包括 Hexo 推薦）的發(fā)布方案，都是先本地編寫 MarkDown 源文件，然后本地構(gòu)建靜態(tài)文件，最后同步靜態(tài)文件到服務(wù)器。發(fā)布流程圖如下：

顯而易見，若繼續(xù)使用之前的發(fā)布方案，那么每當(dāng)更換寫作場(chǎng)地時(shí)都需要安裝 Hexo 環(huán)境，寫作場(chǎng)地和時(shí)間都受到限制，不滿足需求。

新的方案

問題主要是，本地受制于構(gòu)建靜態(tài)文件時(shí)需要的 Hexo 環(huán)境，那么是否可以將構(gòu)建靜態(tài)文件操作放到服務(wù)器端？

發(fā)布流程

首先，看下新方案的發(fā)布流程圖：

如流程圖所示，整個(gè)發(fā)布系統(tǒng)共涉及到 3 個(gè)環(huán)境，分別為本地（寫作）、Git 倉(cāng)庫(kù)（托管 md 源文件）、服務(wù)器（Web 服務(wù)）環(huán)境。在服務(wù)器環(huán)境構(gòu)建靜態(tài)文件，因此只需要在服務(wù)器端安裝 Hexo 環(huán)境。

一個(gè)完整的發(fā)布流程包含 3 個(gè)部分：

流程 ① ：寫作流程；

流程 ② ：發(fā)布流程；

流程 ③ ：構(gòu)建流程；

寫作流程

采用按分支開發(fā)策略，當(dāng)寫作完成后，只需要 push 修改到對(duì)應(yīng)分支即可。只要有 MarkDown 編輯器，以及任何文本編輯器，甚至馬克飛象都可以隨時(shí)隨地寫作。

當(dāng)然，你可能說還需要 Git 環(huán)境呀？好吧，如果你是一名合格的 Coder，竟然沒有 Git，你知道該干嘛了！再說沒有 Git 環(huán)境，還可以通過 GitHub 來完成寫作。

發(fā)布流程

采用 master 發(fā)布策略，當(dāng)需要發(fā)布時(shí)，需要將對(duì)應(yīng)開發(fā)分支 merge 到 master 分支，然后push master分支，即可實(shí)現(xiàn)發(fā)布。

構(gòu)建流程

這里使用到 Webhook 機(jī)制，觸發(fā)服務(wù)器執(zhí)行構(gòu)建操作，構(gòu)建腳本見 Webhook 腳本部分。

當(dāng)流程 ① 和 ② 結(jié)束后，Git 倉(cāng)庫(kù)都會(huì)向服務(wù)器發(fā)起一次 HTTP 請(qǐng)求，記錄如下：

當(dāng)收到構(gòu)建請(qǐng)求后，執(zhí)行構(gòu)建操作。構(gòu)建流程圖如下：

首先檢查當(dāng)前變更分支，只有為 master 分支時(shí)，執(zhí)行 pull 操作拉取 md 文件更新，然后再執(zhí)行 hexo g完成靜態(tài)文件的構(gòu)建。

Webhook腳本

Webhook 腳本使用 PHP 實(shí)現(xiàn)，代碼如下：

主流程方法如下：

public function run()
{
    //校驗(yàn)token
    if ($this->checkToken()) {
        echo "ok";
    } else {
        echo "error";
    }
    fastcgi_finish_request();       //返回響應(yīng)
    if ($this->checkBranch()) {     //校驗(yàn)分支
        $this->exec();              //執(zhí)行操作邏輯
    }
}

這里使用 shell 腳本實(shí)現(xiàn)構(gòu)建所需的所有操作，方便擴(kuò)展。執(zhí)行操作方法如下：

public function exec()
{
    //shell文件
    $path = $this->config["bash_path"];
    $result = shell_exec("sh $path 2>&1");
    $this->accessLog($result);
    return $result;
}

構(gòu)建 shell 腳本如下：

#!/usr/bin/env bash

export NODE_HOME=/usr/local/node
export PATH=$NODE_HOME/bin:$PATH

pwd="/data/html/hexo"
cd $pwd/source
git pull
cd $pwd
$pwd/node_modules/hexo/bin/hexo g

總結(jié)

新發(fā)布方案與之前方案的區(qū)別是：前者只需本地編寫 md 文件，博客服務(wù)器構(gòu)建靜態(tài)文件；后者本地編寫 md 文件后，需要本地構(gòu)建靜態(tài)文件，然后博客服務(wù)器只同步靜態(tài)文件。

當(dāng)然，有很多辦法可以解決當(dāng)前問題，比如可以使用持續(xù)集成。本文只是提供一個(gè)發(fā)布思路，在項(xiàng)目的生成環(huán)境中，我們也很容易應(yīng)用上這種發(fā)布思路，開發(fā)出自己的發(fā)布系統(tǒng)。

相關(guān)文章 ?

啟用Hexo開源博客系統(tǒng)（2017-03-01）

GPU云服務(wù)器云服務(wù)器 hexo 博客cdn加速 hexo發(fā)布到云服務(wù)器云服務(wù)器博客上線我的博客

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/31102.html

發(fā)表評(píng)論

登陸后可評(píng)論

0條評(píng)論

yangrd

男|高級(jí)講師

我要關(guān)注我要私信

TA的文章

黑客第三次攻擊Cream Finance 利用代碼漏洞竊取1.3億美元

閱讀 3598·2021-11-04 16:06
易速互聯(lián)：十三周年慶,美國(guó)服務(wù)器Az機(jī)房,1Gbps不限流量服務(wù)器僅550元,服務(wù)器支持自由配置

閱讀 3594·2021-09-09 11:56
zomro：不限流量，$1.99/月，荷蘭Tier3/4機(jī)房VPS，512M內(nèi)存/1核/5gNVMe

閱讀 857·2021-09-01 11:39
行內(nèi)元素的padding和margin是否有效

閱讀 908·2019-08-29 15:28
組件庫(kù)使用BEM

閱讀 2302·2019-08-29 15:18
前端面試題總結(jié)

閱讀 840·2019-08-29 13:26
簡(jiǎn)介4種CSS實(shí)現(xiàn)水平垂直居中的方法及優(yōu)缺點(diǎn)

閱讀 3340·2019-08-29 13:22
干掉F5，無需配置輕松實(shí)現(xiàn)瀏覽器頁面自動(dòng)刷新

閱讀 1055·2019-08-29 12:18

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購(gòu)季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺(tái)、長(zhǎng)期優(yōu)惠，快來選購(gòu)！

我的博客發(fā)布上線方案 — Hexo

相關(guān)文章