本地操作系统Win10
阿里云服务器操作系统Centos 7
一、环境介绍
-
本地:
-
云主机:
配置完成后,将博客部署到站点的具体流程为:
在本地使用Typora+Picgo完成博客md文件的编写,使用Hexo生成静态文件,使用Hexo将文件同步到云主机,即可访问。
接下来是具体配置流程
二、本地环境安装
-
安装Hexo及git
git和node.js,官方都有提供安装程序,比较方便,建议安装最新版本
使用如下命令查看版本
node -v git --version
安装成功会显示相应的版本,如图:
安装完git和node.js后,在cmd使用如下命令安装Hexo
npm install -g hexo-cli
-
安装Typora及Pico
三、云主机环境安装
-
安装宝塔
使用如下一条命令安装
yum install -y wget && wget -O install.sh http://download.bt.cn/install/install.sh && sh install.sh
具体可以借鉴centos安装宝塔面板
阿里云也提供提供宝塔镜像安装
安装成功后,会显示用户名和密码,在浏览器可以使用显示的用户名和密码访问宝塔面板,记得在防火墙开放响应的端口
-
安装Git
安装前先使用
git --version
查看一下是否安装,一般系统自带git使用yum安装
yum -y install git
四、站点配置
-
新建博客站点
进入宝塔面板,右侧点击 网站>添加站点
可以自主选择站点的根目录,这里选择根目录为/www/wwwroot/blog
-
Hexo初始化
在cmd命令行下,使用
hexo init <文件夹名>
初始化hexo init blog
进入选择的文件夹,安装
npm install
Hexo的使用参考(Hexo的使用)
-
云主机git配置
新建文件夹作为git仓库的父目录
mkdir /var/repo
修改权限
chown -R $USER:$USER /var/repo/ chmod -R 755 /var/repo/
创建git仓库
cd /var/repo git init --bare blog.git
将新建的git仓库关联到博客网站根目录
执行如下命令,在
blog.git/hooks
目录下创建一个新的钩子文件vim /var/repo/blog.git/hooks/post-receive
加入下面的代码:
#!/bin/bash git --work-tree=/var/www/blog --git-dir=/var/repo/blog.git checkout -f
文件保存后,赋予该文件可执行权限:
chmod +x /var/repo/blog.git/hooks/post-receive
-
本地git配置
在本地任意目录把
blog.git
仓库克隆下来:git clone root@100.100.100.100:/var/repo/blog.git
100.100.100.100
替换成你自己的云主机公网IP编辑hexo配置文件
_config.yml
将站点名称改为自己博客的访问路径
将deploy目标改为目标git仓库
编辑完md文件,使用
hexo clean && hexo g -d
清除静态文件,重新生成静态文件,推送到服务器。就可以访问
五、自动上传图床配置
打开Typora:文件>偏好设置>图像>插入图片时>自动上传
上传服务设定,选择对应的软件,如下图:
picgo的server端口要和Typora中的一致,如下图:
Picgo中可以设置自己的图床,网上也有picgo不自带图床的插件,如FTP,微信云等等
我自己用的是百度云的对象存储BOS,因为没有在网上找到插件,所以自己写了一个