如何从零搭建一个hexo博客网站01

---

title: 如何从零搭建一个hexo博客网站01 #文章標題
categories: “Hexo教程” #文章分類目錄 可以省略

---

categories: “Hexo教程”

简介：此教程分为两部分，云服务器篇和本地pc机篇

tags: 如何从零搭建一个hexo博客网站01

效果网址：http://hongkaiqing.cn/

前言

1、首先你得有一个腾讯云or阿里云的云服务器，学生机就9块多吧，什么系统的可以随意啦。

2.本文使用的Ubuntu1.6系统的腾讯云服务器。

准备工作

1.因为这个博客网站不需要python/Java环境，所以你没有在云服务器安装环境的也不用担心

2.因为此博客网站不使用GitHub等第三方平台，只是在云服务器和本人pc机进行搭建上传的，所以需要在本人pc机上使用Xshell连接云服务器，所以请开通云服务器的：22端口，web端口：80，教程请自行百度；如有需要的使用域名访问的，建议在购买云服务器的同时同步购买，价格还能便宜一点。

3.利用本地pc电脑登录云服务器，建议使用root用户登录

开始：

1.登录云服务器：

在Xshell软件输出这行代码意味者你成功用root用户远程登录你的云服务器

root@VM-0-14-ubuntu:~# 

2.在云服务器为本地 hexo 博客配置一个部署静态文件的远程仓库

如果没有/usr/repo目录，需要先创建一个，并修改目录所有权及用户权限

mkdir /usr/repo/
chown -R $USER:$USER /usr/repo/
chmod -R 755 /usr/repo/

在/usr/repo/下创建一个名为hexoBlog的仓库

cd /usr/repo
git init --bare hexoBlog.git

3.在云服务器安装Nginx ，并配置

安装 Nginx

apt-get install nginx

首先创建/usr/www/hexo目录，用于 Nginx 托管

mkdir -p /usr/www/hexo

需要修改目录的所有权和权限

chown -R $USER:$USER /usr/www/hexo
chmod -R 755 /usr/www/hexo

然后修改 Nginx 的default的设置

vim /etc/nginx/sites-available/default

将 root 指向/usr/www/hexo目录 找到以下代码

server {
    listen 80 default_server; listen [::]:80 default_server ipv6only=on;
    root html;
    index index.html index.htm;
    }

修改为

server {
listen 80 default_server;
listen [::]:80 default_server ipv6only=on;
server_name xx.xx.xx #如果你有域名此处改为你的域名 若没有直接删除这行
root /var/www/hexo;
index index.html index.htm;
}

保存退出，重启 Nginx 服务，使改动生效

/etc/init.d/nginx restart

做完这一步你就可以在浏览器输入你服务器的公网 IP 访问了。不过会报错，因为你的/usr/www/hexo/目录是空的

创建 Git 钩子

接下来在 hexoBlog 创建一个钩子，在满足特定条件是将静态 HTML 文件传送到 Web 服务器的目录下，即/usr/www/hexo。
在自动生成的 hooks 目录下创建一个新钩子脚本文件：

vim /usr/repo/hexoBlog.git/hooks/post-receive

在该文件中添加下面代码，指定 Git 的工作树(源代码)和 Git 目录(配置文件等)

#!/bin/bash
git --work-tree=/usr/www/hexo --git-dir=/var/repo/hexoBlog.git checkout -f

保存退出，给该文件加权限使其变成可执行文件

chmod +x /usr/repo/hexoBlog.git/hooks/post-receive

至此在云服务器的配置就完成了

下一篇将介绍本地pc机对Hexo博客的部署

包括：

Git 部署

通过 Git 将 Hexo 生成的静态内容推送到服务器

npm

node.js