准备工作
Apache2安装
输入指令:
1 | $ sudo apt-get update |
Hexo安装
使用npm安装Hexo
1 | $ npm install -g hexo-cli |
使用Hexo建站
安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
1 | $ hexo init <folder> |
详细请参考Hexo官方文档
code-server安装
- 选择最新版本的release包下载,然后解压到本地 下载链接
解压release包,然后进入解压目录,在解压目录输入以下指令启动code-server:
1 | $ ./code-server |
Ctrl+C终止服务器,然后输入指令,修改配置信息:
1 | $ vim ~/.config/code-server/config.yaml |
config.yaml的内容:
1 | bind-addr: 0.0.0.0:8888(端口号是随便写的,默认是8000,但是ip要是0.0.0.0) |
再次启动code-server:
1 | $ ./code-server |
在浏览器输入地址http://localhost:8888,可以看到code-server的登录界面:
输入密码,登录进入可以看到code-server的界面,类似vscode的网页版,在这里你可以在线查看编辑服务器的各类文件,还可以在线安装插件:
使用code-server快捷编辑和发布博客:
在code-server的页面中打开博客根目录,在终端中输入指令新建一篇博客:
1 | $ hexo new "测试博客" |
博客文件存放在在博客网站的根目录下:./source/_posts中
同时,code-server还可以在线编辑和浏览其中的markdown文件:
编写脚本,快速发布博客
在博客网站的根目录下,新建和编辑脚本文件:
1
2cd <博客网站根目录>
vim ./publish.shpublish.sh内容:
1
2
3
4#!/bin/bash
sudo rm -r /var/www/html/*
hexo g
sudo mv ./public/* /var/www/html/在博客根目录,输入以下指令即可发布文章:
1
$ sh ./publish.sh
访问http://localhost进入博客网站可以查看新发布的博客。
这样,每次撰写完博客之后,在博客根目录运行这个脚本,就可以直接在博客网站上发布了。
另外,本篇文章只是简要的叙述了使用Hexo+code-server进行快捷发布博客的流程,而具体更多Hexo的玩法还需要详细参考Hexo的官方文档。