準(zhǔn)備工作
- 一個(gè)空閑的服務(wù)器（演示環(huán)境：Ubuntu 18.04）
- web容器关斜，Apache2/Nginx
- Hexo 官方網(wǎng)站
- code-server GitHub鏈接
Apache2安裝
輸入指令：
$ sudo apt-get update
$ sudo apt-get install apache2
Hexo安裝
使用npm安裝Hexo
$ npm install -g hexo-cli
使用Hexo建站
安裝 Hexo 完成后垛膝，請(qǐng)執(zhí)行下列命令裁着，Hexo 將會(huì)在指定文件夾中新建所需要的文件。
$ hexo init <folder>
$ cd <folder>
$ npm install
詳細(xì)請(qǐng)參考Hexo官方文檔
code-server安裝
- 選擇最新版本的release包下載扔罪，然后解壓到本地 下載鏈接
解壓release包矿酵，然后進(jìn)入解壓目錄全肮，在解壓目錄輸入以下指令啟動(dòng)code-server:
$ ./code-server
Ctrl+C終止服務(wù)器棘捣，然后輸入指令，修改配置信息：
$ vim ~/.config/code-server/config.yaml
config.yaml的內(nèi)容:
bind-addr: 0.0.0.0:8888（端口號(hào)是隨便寫的乍恐，默認(rèn)是8000茵烈，但是ip要是0.0.0.0）
auth: password
password: [你的密碼]
cert: false
再次啟動(dòng)code-server:
$ ./code-server
在瀏覽器輸入地址http://localhost:8888，可以看到code-server的登錄界面：
輸入密碼加匈，登錄進(jìn)入可以看到code-server的界面，類似vscode的網(wǎng)頁(yè)版纵东，在這里你可以在線查看編輯服務(wù)器的各類文件悲没，還可以在線安裝插件：
image
使用code-server快捷編輯和發(fā)布博客：
在code-server的頁(yè)面中打開博客根目錄，在終端中輸入指令新建一篇博客：
$ hexo new "測(cè)試博客"
博客文件存放在在博客網(wǎng)站的根目錄下：./source/_posts中
image
同時(shí)甜橱，code-server還可以在線編輯和瀏覽其中的markdown文件：
image
-
編寫腳本岂傲，快速發(fā)布博客
在博客網(wǎng)站的根目錄下子檀，新建和編輯腳本文件：
cd <博客網(wǎng)站根目錄> vim ./publish.shpublish.sh內(nèi)容:
#!/bin/bash sudo rm -r /var/www/html/* hexo g sudo mv ./public/* /var/www/html/ -
在博客根目錄褂痰，輸入輸入以下指令即可發(fā)布文章：
$ sh ./publish.sh
訪問http://localhost進(jìn)入博客網(wǎng)站可以查看新發(fā)布的博客。
這樣归薛，每次撰寫完博客之后匪蝙，在博客根目錄運(yùn)行這個(gè)腳本，就可以直接在博客網(wǎng)站上發(fā)布了千元。
另外幸海，本篇文章只是簡(jiǎn)要的敘述了使用Hexo+code-server進(jìn)行快捷發(fā)布博客的流程，而具體更多Hexo的玩法還需要詳細(xì)參考Hexo的官方文檔涕烧。
