使用Hexo+code-server快捷发布个人博客

准备工作

• 一个空闲的服务器（演示环境：Ubuntu 18.04）
• web容器，Apache2/Nginx
• Hexo 官方网站
• code-server GitHub链接

Apache2安装

输入指令：

$ sudo apt-get update
$ sudo apt-get install apache2

Hexo安装

• 安装前提

  Node.js (Node.js 版本需不低于 10.13，建议使用 Node.js 12.0 及以上版本)

  Git

使用npm安装Hexo

$ npm install -g hexo-cli

使用Hexo建站

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init 
$ cd 
$ npm install

详细请参考Hexo官方文档

code-server安装

• 选择最新版本的release包下载，然后解压到本地 下载链接

解压release包，然后进入解压目录，在解压目录输入以下指令启动code-server:

$ ./code-server

Ctrl+C终止服务器，然后输入指令，修改配置信息：

$ vim ~/.config/code-server/config.yaml

config.yaml的内容:

bind-addr: 0.0.0.0:8888（端口号是随便写的，默认是8000，但是ip要是0.0.0.0）
auth: password
password: [你的密码]
cert: false

再次启动code-server:

$ ./code-server

在浏览器输入地址http://localhost:8888，可以看到code-server的登录界面：

输入密码，登录进入可以看到code-server的界面，类似vscode的网页版，在这里你可以在线查看编辑服务器的各类文件，还可以在线安装插件：

image

使用code-server快捷编辑和发布博客：

在code-server的页面中打开博客根目录，在终端中输入指令新建一篇博客：

$ hexo new "测试博客"

博客文件存放在在博客网站的根目录下：./source/_posts中

image

同时，code-server还可以在线编辑和浏览其中的markdown文件：

image

• 编写脚本，快速发布博客

  在博客网站的根目录下，新建和编辑脚本文件：

  cd <博客网站根目录>
  vim ./publish.sh
  

  publish.sh内容:

  #!/bin/bash
  sudo rm -r /var/www/html/*
  hexo g
  sudo mv ./public/* /var/www/html/
  

• 在博客根目录，输入输入以下指令即可发布文章：

  $ sh ./publish.sh
  

访问http://localhost进入博客网站可以查看新发布的博客。

这样，每次撰写完博客之后，在博客根目录运行这个脚本，就可以直接在博客网站上发布了。

---

另外，本篇文章只是简要的叙述了使用Hexo+code-server进行快捷发布博客的流程，而具体更多Hexo的玩法还需要详细参考Hexo的官方文档。