带你跳过各类坑，一次性把 Hexo 博客部署到本身的服务器

hexo-to-your-server

原文地址：带你跳过各类坑，一次性把 Hexo 博客部署到本身的服务器

完成效果：点击查看我的网站

1、开始

配置本地 node 环境

1. node下载 官网下载，能够的话推荐使用 nvm 安装

2. 安装记得把目录改到其余盘，这里我具体是在 D:\programming\nodejs

打开cmd查看node安装状况

node -v
npm -v
复制代码

3. 配置全局环境

进入安装目录，建立文件夹node_global和node_cache 并执行

npm config set prefix "D:\programming\nodejs\node_global"
npm config set cache "D:\programming\nodejs\node_cache"
复制代码

环境配置：新增环境变量NODE_PATH和添加Path，两个值都为 D:\programming\nodejs\node_global

4. 安装hexo-cli

npm i hexo-cli -g
hexo
复制代码

若是显示下面状况，恭喜你成功全局模块调用

5. 若是出现命令未找到，或不是可执行程序，别着急！先仔细重复 3-4 步，通常是可以给解决的，若是实在是不能解决，日后看

6. 随便找个地方初始化文件，执行以下命令：

mkdir hexo-blog
cd hexo-blog && npm init -y
复制代码

如今有 3 种解决方法，任选其一

• 法 1：检查全局目录是否的hexo模块，执行以下命令：

D:\programming\nodejs\node_global\hexo
复制代码

• 法 2：若是以为每次加前缀麻烦，使用link命令连接

npm link hexo
复制代码

package.json 中新建脚本以下

npm run hexo
复制代码

• 法 3：你还能够直接在hexo-blog中下载

npm i hexo-cli
npm run hexo （仍是要在package.json中新建脚本）
复制代码

初始化hexo项目

1. 若是是按照上一节步骤 4 过来的，则在hexo-blog文件下初始化

hexo init myblog && cd myblog
npm i
复制代码

2. 下载主题

git clone https://github.com/iissnan/hexo-theme-next themes/next
复制代码

在本地配置文件中设置theme属性

3. 本地执行hexo项目，添加start脚本

npm start
复制代码

打开 http://localhost:4000 验证效果吧

git环境搭建

1. git安装：官网下载

2. 生成ssh认证，执行以下命令

git config --global user.name "yourname"
git config --global user.email youremail@example.com
ssh-keygen -t rsa -C "youremail@example.com"
git config --global core.autocrlf false  // 禁用自动转换，这个不设置后面上传时会出现警告，以下
复制代码

最后获取到的ssh认证在C:\Users\yourname\.ssh中

---

3、服务器配置

搭建远程Git私库

1. 登陆到远程服务器，推荐使用Xshell 5

2. 安装 git

git --version // 如无，则安装
yum install curl-devel expat-devel gettext-devel openssl-devel zlib-devel perl-devel
yum install -y git
复制代码

3. 建立用户并配置其仓库

useradd git
passwd git // 设置密码
su git // 这步很重要，不切换用户后面会很麻烦
cd /home/git/
mkdir -p projects/blog // 项目存在的真实目录
mkdir repos && cd repos
git init --bare blog.git // 建立一个裸露的仓库
cd blog.git/hooks
vi post-receive // 建立 hook 钩子函数，输入了内容以下
复制代码

#!/bin/sh
git --work-tree=/home/git/projects/blog --git-dir=/home/git/repos/blog.git checkout -f
复制代码

添加完毕后修改权限

chmod +x post-receive
exit // 退出到 root 登陆
chown -R git:git /home/git/repos/blog.git // 添加权限
复制代码

4. 测试git仓库是否可用，另找空白文件夹

git clone git@server_ip:/home/git/repos/blog.git
复制代码

若是能把空仓库拉下来，就说明 git 仓库搭建成功了

5. 创建ssh信任关系，在本地电脑

ssh-copy-id -i C:/Users/yourname/.ssh/id_rsa.pub git@server_ip
ssh git@server_ip // 测试可否登陆
复制代码

注：此时的 ssh 登陆 git 用户不须要密码！不然就有错，请仔细重复步骤 3-5

6. 为了安全起见禁用 git 用户的 shell 登陆权限，从而只能用 git clone，git push 等登陆

cat /etc/shells // 查看 git-shell 是否在登陆方式里面
which git-shell // 查看是否安装
vi /etc/shells
添加上2步显示出来的路劲，一般在 /usr/bin/git-shell
复制代码

修改/etc/passwd中的权限

// 将原来的
git:x:1000:1000::/home/git:/bin/bash

// 修改成
git:x:1000:1000:,,,:/home/git:/usr/bin/git-shell
复制代码

搭建nginx服务器

1. 下载并安装nginx

cd /usr/local/src
wget http://nginx.org/download/nginx-1.15.2.tar.gz
tar xzvf nginx-1.15.2.tar.gz
cd nginx-1.15.2
./configure // 若是后面还想要配置 SSL 协议，就执行后面一句！
./configure --prefix=/usr/local/nginx --with-http_stub_status_module --with-http_ssl_module --with-file-aio --with-http_realip_module
make && make install
alias nginx='/usr/local/nginx/sbin/nginx' // 为 nginx 取别名，后面可直接用
复制代码

2. 配置nginx文件

先启动是否安装成功

nginx // 直接来！浏览器查看 server_ip，默认是 80 端口
复制代码

修改配置文件

nginx -s stop // 先中止nginx
cd /usr/local/nginx/conf
vi nginx.conf
修改 root 解析路径，以下图
同时将 user 改成 root 以下图，否则nginx没法访问 /home/git/project/blog
nginx -s reload
复制代码

4、发布

至此咱们就把本地和服务器的环境所有搭建完成，如今利用 hexo 配置文件进行连接

配置_config.yml文件

1. 编辑 _config.yml 的 deploy 属性

2. 在 package.json 中添加 npm 脚本

"scripts": {
  "deploy": "hexo clean && hexo g -d",
  "start": "hexo clean && hexo g && hexo s"
},
复制代码

3. 连接！这下在本地调试就用npm start，调试好了就上传到服务器，美滋滋~快经过你的服务器 ip 访问吧

npm run deploy
复制代码

5、最后说句

本人前端新手一枚，有错误的话欢迎指正

贴上 我的网站，建站初期，欢迎您的光临~

喜欢的话麻烦给个 ★ 哦

6、参考连接

• 史上最详细的 Hexo 博客搭建图文教程

• 经过 Git 将 Hexo 博客部署到服务器

• windows npm -g 全局安装的命令找不到

• Hexo 设置主题以及 Next 主题个性设置

• 使用 Git Hook 自动部署 Hexo 到我的 VPS

• ssh-copy-id 帮你创建信任

• Git Server - 限制 Git 用户使用 SSH 登录操做

• Nginx 源码安装和简单的配置