使用Hexo+阿里云+Typora搭建个人博客生产流程

本地操作系统Win10

阿里云服务器操作系统Centos 7

一、环境介绍

• 本地：

  • Hexo：用于搭建博客框架，使用md文件生成静态页面

  • Git：用于将本地的静态页面同步到云主机

  • Typora：很好用的markdown编辑器

  • Picgo：图床软件，与Typora结合使用，可以自动将Typora中插入的图片上传到云上（云主机、对象存储等等）

• 云主机：

  • Git：用于搭建云上git版本库，用于接收本地的静态页面

  • 宝塔：一键建站，自动安装web服务器，数据库，证书等等

配置完成后，将博客部署到站点的具体流程为：

在本地使用Typora+Picgo完成博客md文件的编写，使用Hexo生成静态文件，使用Hexo将文件同步到云主机，即可访问。

接下来是具体配置流程

二、本地环境安装

• 安装Hexo及git

  前提：安装git和安装node.js

  git和node.js，官方都有提供安装程序，比较方便，建议安装最新版本

  使用如下命令查看版本

  node -v
  git --version
  

  安装成功会显示相应的版本，如图：

  

  安装完git和node.js后，在cmd使用如下命令安装Hexo

  npm install -g hexo-cli
  

• 安装Typora及Pico

  安装typora

  安装Picgo

三、云主机环境安装

• 安装宝塔

  使用如下一条命令安装

  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，因为没有在网上找到插件，所以自己写了一个

百度云BOS插件
个人博客传送门：|`````|