利用云服务器搭架Hexo个人博客

前言

个人在腾讯云上有一个学生云服务器，每月仅需10元，平时可以跑跑东西，一直想自己写一个个人网站，工作量其实太大。所以索性还是搬运一下现成的东西，造不了轮子。个人非常喜欢Hexo搭建的个人博客，偏爱Next主题。很多都是将Hexo博客和GithubPages结合一起进行使用的，但其实GithubPages国内访问速度好像并不理想，经常加载很慢，感觉还不如我这个学生机。索性我就尝试搭在自己云服务器上。附上我的个人博客地址：链接。

服务器Nginx配置

登录到Centos系统root用户。
安装 Git Nginx
```
yum -y update
yum install -y git nginx
```
Nginx 配置(创建文件目录, 用于博客站点文件存放)。
```
cd /usr/local/
mkdir hexo
chmod 775 -R /usr/local/hexo/
```

添加 index.html,用于检测配置 Nginx 是否成功。

vim /usr/local/hexo/index.html

添加如下代码并保存。

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta charset="UTF-8">
  </head>
  <body>
    <p>Nginx running</p>
  </body>
</html>

配置 Nginx 服务器。

vim /etc/nginx/nginx.conf

修改server_name和root；

......
server {
      listen       80 default_server;
      listen       [::]:80 default_server;
      server_name  www.xxx.com; # 填写个人域名
      root         /usr/local/hexo/;
  }
......

启动nginx服务；

service nginx start

启动浏览器输入云服务器的个人域名或者IP，查看是否呈现index.html内容。

服务器Git配置

创建文件目录, 用于私人 Git 仓库搭建, 并更改目录读写权限。
```
cd /usr/local/
mkdir blogRepo
chmod 775 -R /usr/local/blogRepo/
```
Git 初始化裸库。
```
cd blogRepo/
git init --bare hexo.git
```

创建 Git 钩子(hook)。

vim /usr/local/blogRepo/hexo.git/hooks/post-receive

输入以下信息，用于指定 Git 的源代码和 Git 配置文件。


#!/bin/bash

git --work-tree=/usr/local/hexo --git-dir=/usr/local/blogRepo/hexo.git checkout -f

保存并退出后, 给该文件添加可执行权限。

chmod +x /usr/local/blogRepo/hexo.git/hooks/post-receive

本地配置(Mac)

安装 Git。
安装 Node.js 和 Npm。
Node.js 安装在 MacOS 中需要用到 Homebrew 进行安装管理，所以要先安装Homebrew。
```
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew install node
```
测试node和npm是否安装成功。
```
node -v
npm -v
```

安装 Hexo 及相关插件。
全局安装 hexo-cli 和 hexo-server

npm install hexo-cli hexo-server hexo-deployer-git -g

安装完成后, 在本地初始化博客站点搭建。


# ~/Documents/myHexo 即本地存放路径

hexo init ~/Documents/myHexo

本地 Hexo 配置。
进人~/Documents/myHexo目录, 修改 Hexo 博客站点配置文件 _config.yml, 如下修改:

title: 页面标题     //页面标题
subtitle: 小标题     //小标题
description: 描述     //描述
author: 作者       //作者
language: zh-Hans     //语言
timezone:       //时区


# URL


### If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'

url: http://leyliu.com      //个人域名

......


# Deployment


### Docs: https://hexo.io/docs/deployment.html

deploy:     //发布对应的github账号
type: git
repo: [email protected]:/usr/local/blogRepo/hexo  //用户名@域名或 IP 地址:/usr/local/blogRepo/hexo
branch: master

本地部署到服务器

清除缓存
```
cd ~/Documents/myHexo/
hexo clean
```
生成静态页面
```
hexo generate
```
将本地静态页面目录部署到云服务器
```
hexo deploy
```
如果出现错误： ERROR Deployer not found: git，执行：
```
npm install -save hexo-deployer-git
```

此时重新访问服务器，即可看到博客部署成功。

安装Next主题

下载主题


# 进入本地myHexo的themes文件夹下

cd themes/

# 下载主题

git clone [email protected]:iissnan/hexo-theme-next.git

使用主题
打开myHexo下的_config.yml文件，将主题修改为：
```
theme: hexo-theme-next
```

部署


#  # 进入本地myHexo路径执行

hexo g
hexo d

再次访问网站进行验证

修改首页不显示全文

进入hexo博客项目的themes/hexo-theme-next目录，打开_config.yml文件，搜索”auto_excerpt”,找到如下部分：

# Automatically Excerpt. Not recommand.
# Please use <!-- more --> in the post to control excerpt accurately.
auto_excerpt:
  enable: false   # 此处修改为true 则只显示摘要
  length: 150

写作

用markdown写文，在开始处要额外加上信息：

---
title: title #文章標題
date: 2016-06-01 23:47:44 #文章生成時間
categories: "Hexo教程" #文章分類目錄 可以省略
tags: #文章標籤 可以省略
     - 标签1
     - 标签2
 description: #你對本頁的描述 可以省略
---

写好后再放入source文件夹下的_post下，同样执行 hexo g，hexo d。

最后

还是附上我的地址：会出汗的小背心