基于云服务器的hexo博客搭建（稳）

开屏暴击：大家可以看看这位大佬的博客设计，简直击中我的心巴：
唐志远の博客

---

序

在浏览并尝试诸多办法后，小编终于可以在自己的云服务器上部署自己的hexo博客了！很开心但同时也深感这类博客步骤的不完整给新手带来的痛苦，接下来，小编将讲述自己在2023年2月28日的最新搭建过程，以给后来者铺路。

---

一、前置工具的准备

域名购买及服务器购买

我们想要能够公网访问，主流方式就是购买域名和服务器，小编的域名和服务器都是在腾讯云购买的，但其实本质一样。
服务器我们可以选购2G 2核的，足够我们建站什么的，域名注册可以选取对于自己有意义的。
要注意的是我们购买域名后想要建站的话就需要 1、域名的备案、2、域名的dns解析到服务器上
备案完成后我们才可以通过域名来访问我们网站。

二、搭建步骤

1.配置服务器环境

因为hexo框架的博客主要是nginx环境，所以我们要在服务器上安装nginx。
首先进入我们服务器面板：（由于隐私什么的我就打个码哈）

点击登录

之后运行命令行，安装nginx：

yum install -y nginx

很快就安装好了

然后启动服务器：

systemctl start nginx
systemctl enable nginx

然后我们访问我们云服务器的公网ip，发现：

我们可以打开一个默认界面，但是我们实际上是想要让这个地址指向我们的博客，而不是nginx的默认网址，这就需要我们去配置nginx的配置文件。

2.nginx 的配置

对于nginx，我们首先要知道他在服务器上位于 etc/nginx/，然后我们要想能够通过域名访问服务器，就需要在nginx上安装我们申请的ssl证书（基本都是免费申请，安装即表示网站安全可靠），所以我们先把我们的证书安装至nginx。
寻找证书：

我们在域名解析界面，我这里ssl为绿色是已经申请了，腾讯云申请这个几分钟就好很快，其他的应该也差不多，点击ssl,查看我们证书，在部署文档里有个nginx服务器的文档：

点击这个蓝色链接，下载相对应的证书文件：

之后将压缩包解压，我们这里需要注意.key文件和.crt文件

我们需要把这两个文件夹搞到我们云服务上，我这里用的是WinSCP，（大家如果会vscode的ssh，也可以用vscode）,
winscp下载链接如下：
WinSCP下载

点击下载即可

这里主机名就是你的公网ip，用户名就是你服务器终端的用户名和密码，输入就能登陆。就是下图中的用户名和密码。

点击etc：

选择nginx文件夹：

点击conf.d文件夹
这里有的服务器可能没有可以参考这篇博客自己创建一个conf文件：
其他服务器参考

我们把刚刚的,key 文件和.crt文件拉入conf.d文件夹（直接在windows下拉到这里）：

然后我们在命令行中：

输入命令：

cd /etc/nginx

进入这个nginx文件夹：

输入命令行：

ls

我们可以看到有个 conf.d 和 nginx.conf 的文件


先进入我们刚刚处理的conf.d文件夹中：

cd conf.d

是有我们刚刚拉进去的文件的，我们再手动创建一个myblog.conf文件来启动我们的ssl证书：

sudu vim myblog.conf

大家可以参照我这个写，害，前面的码感觉白打了

server {
     #SSL 访问端口号为 443
     listen 443 ssl; 
     #填写绑定证书的域名
     server_name www.cocount.top cocount.top; 
     #证书文件名称
     ssl_certificate conf.d/cocount.top_bundle.crt; 
     #私钥文件名称
     ssl_certificate_key conf.d/cocount.top.key; 
     ssl_session_timeout 5m;
     #请按照以下协议配置
     ssl_protocols TLSv1 TLSv1.1 TLSv1.2; 
     #请按照以下套件配置，配置加密套件，写法遵循 openssl 标准。
     ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:HIGH:!aNULL:!MD5:!RC4:!DHE; 
     ssl_prefer_server_ciphers on;
     location / {
        #网站主页路径。此路径仅供参考，具体请您按照实际目录操作。
         root /home/www/website; 
         index  index.html index.htm;
     }
 }

然后按esc键，输入

：wq

保存并退出
然后
在/etc/nginx/目录下创建一个文件夹 叫 vhost:

cd /etc/nginx
mkdir vhost
cd vhost
vim blog.conf

编辑 blog.conf文件内容:

server{
	listen    80;
	root /home/www/website;这里填博客目录存放的地址
	server_name 这里填域名如(www.baidu.com) 如果暂时没有域名就填阿里云的公网ip，以后有了再改回来;
	location /{
	}
}

保存并退出:

:wq

打开/etc/nginx/目录下的nginx.conf文件:

sudo vim nginx.conf

在这里添加:

include /etc/nginx/vhost/*.conf;

按i键插入，之后按esc键，输入：

：wq

保存并退出
在刚才我们自己写的blog.conf配置文件中root的路径相应路径建立博客的目录：

cd /home
mkdir www
cd www
mkdir website

重启服务器：

sudo nginx -s reload

这样之后我们也可以通过域名访问了.

4.git 及node.js安装

1.安装node.js:

curl -sL https://rpm.nodesource.com/setup_10.x | bash -
yum install -y nodejs

安装完成后执行 node -v 和 npm -v 如果打印版本号则安装成功

2.安装Git及配置仓库

这一部分主要目的是让我们个人的电脑可以通过ssh方式连接到云服务器，然后我们就可以通过命令行方式将我们的博客pull到服务器上。操作如下：

1.安装git:

（这里下载的界面较长就不一 一截图了）

yum install git

配置git用户：

adduser git

修改用户权限：

chmod 740 /etc/sudoers

修改：

sudo vim /etc/sudoers

找到此位置添加下面这句话
git ALL=(ALL) ALL

保存退出后 将sudoers文件权限改回原样

chmod 400 /etc/sudoers

设置git用户的密码:

sudo passwd git

切换到git用户，然后在~目录下创建.ssh文件夹:

su git
cd ~
mkdir .ssh
cd .ssh

生成公钥密钥文件:

ssh-keygen

这里直接三连enter键，直接跳过

此时在目录下就会有两个文件，分别是
id_rsa 和 id_rsa.pub

其中 id_rsa.pub 就是公钥文件 我们复制一份:

cp id_rsa.pub authorized_keys

这样目录下就会有一个authorized_keys文件，它和id_rsa.pub一模一样。
最后我们修改它的权限:

chmod 600 ~/.ssh/authorized_keys
chmod 700 ~/.ssh

然后我们在自己的电脑上自己的电脑上自己的电脑上（重要的事说三遍），打开cmd，使用ssh方式连接我们的云服务器:

这里访问不成功的可以试着把之前的备份删除：
这样连接成功：

现在我们要创建一个git的仓库：

cd ~
git init --bare blog.git

之后我们打开blog.git文件夹：

cd hooks

创建post-receive

sudo vim post-receive

然后修改post-receive文件，类似把他当作脚本，其功能为把我们后期在windows本地更新的东西，自动跟新到我们服务器上：

输入以下内容：

git --work-tree=/home/www/website --git-dir=/home/git/blog.git checkout -f

保存退出并授予该文件可执行权限：

chmod +x post-receive

最后我们对www文件进行权限操作：
(一下代码中权限可能给的高，有大神知道合适的权限可以打在下方评论区)

cd /home
sudo chmod -R 777 www

至此我们就完成了所有关于服务器端的配置。

5.本地主机配置（这里win+r ，cmd，打开命令行操作）

1.安装node.js

下载地址：node.js
安装过程基本直接 下一步 就可以了。
安装完成后使用cmd查看是否安装成功

node -v

npm -v

出现版本号说明安装成功

2.安装hexo

由于使用npm直接下载会有很多人遇到卡顿的问题(国外服务器)，所以我们要做的第一步工作是将npm换成淘宝的服务器。
cmd输入下面的命令：

npm config set registry https://registry.npm.taobao.org

然后下载hexo：

npm install -g hexo-cli

然后我们选一个目录用来初始化博客程序：（我这里d盘为例）

D:
cd Blog
hexo init

执行成功后安装两个插件：

npm install hexo-deployer-git --save
npm install hexo-server

之后我们就可以在自己的本机上查看自己的博客了

hexo g
hexo s

3.配置_config.yml完成服务器的部署

在刚才生成hexo的目录下，找到_config.yml，打开它。

找到deploy (在最下面)做如下配置:

deploy:
  type: git
  repo: git@这里改为服务器公网IP:/home/git/blog.git       
  branch: master                           
  message:                                  

保存退出
然后尝试写一篇文章并且发布到服务器上

hexo new "Hello My First Blog"
hexo clean && hexo generate --deploy

在服务器上重新运行nginx服务器:

sudo nginx -s reload

---

最后

完成部署后可以去Hexo主题下载自己喜欢的主题，美化博客。
现在去本地主机浏览器上输入域名或者公网IP，访问你的博客吧！
样例博客：
ZIKH26’s Blog

本文主要用到的参考链接：
关于从零搭建Hexo博客并部署阿里云服务器（奶妈级教学）
服务器部署网站后，公网ip可以访问，域名不能访问问题（稳）