安装部署使用Hexo

什么是 Hexo？

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

基本安装

安装 Git

• 下载并安装 git.

安装 Node.js

Node.js 为大多数平台提供了官方的 安装程序，使用相应的软件包管理器进行安装。

安装 Hexo

所有必备的应用程序安装完成后，即可使用 npm 安装 Hexo。

npm install -g hexo-cli --registry=https://registry.npm.taobao.org

基本应用

建立站点

创建Hexo文件夹，切换到Hexo目录，输入命令 hexo init

生成文章

输入命令 hexo n "newBlog"，使用编辑器编辑Markdown文件。

坑：在windows默认设置下，生成的Markdown文件为ANSI编码，发布到服务器上后图片注释会有中文乱码的问题。简单解决方式为另存为utf-8编码，终极解决方案为修改windows的语言区域设置。

构建发布

hexo g -d

安装主题

下载代码

git clone https://github.com/zchengsite/hexo-theme-oranges.git themes/oranges

基本配置

在hexo博客项目根目录下找到_config.yml文件，修改其中theme字段为主题名oranges

theme: oranges

图片插件

安装插件

使用以下命令安装插件，插件安装完成后，使用hexo n "newBlog"后，会自动生成图片目录。

npm install hexo-asset-image --save --registry=https://registry.npm.taobao.org

基本配置

修改配置文件_config.yml，找到 post_asset_folder，把这个选项改成true

post_asset_folder: true

坑：如果要使用官方推荐格式需要修改url字段为网站实际url，否则生成的绝对路径url会不正确。

插入图片

在编辑器中插入图片格式为[图片上传失败...(image-72fca5-1608694064006)]

官方推荐格式为{% asset_img demo.jpg 图片注释 %}

集合Typra编辑器

使用Typra编辑器进行Markdown文件编辑，可以使插入图片变得异常简单。截图粘贴，一键搞定。

下载安装Typra

下载目录https://typora.io/，正常安装即可。

修改配置

菜单文件->偏好设置->图像，修改插入图片时复制到指定路径，设置为./${filename}/。

image.png

发布到云

服务器创建Git库

确认服务器安装Git，安装命令yum install git

mkdir ~/blog.git && cd ~/blog.git
git init --bare

配置 Hooks 脚本

post-receive脚本将在blog.git仓库接收到 push 时执行。

vi ./hooks/post-receive

编辑post-receive文件

#!/bin/bash

rm -rf /var/www/hexo
git clone /root/blog.git /var/www/hexo

SSH密钥生成

本地生成ssh key，按3个回车即可

ssh-keygen -t rsa -C "your_email@example.com"

将C:\Users\wangxp\.ssh\id_rsa.pub的内容粘贴到服务器~/.ssh/authorized_keys文件

修改配置

修改本地博客根目录下的_config.yml文件

deploy:
    type: git
    repo: root@公网ip:/var/www/blog.git