基于云服务器的hexo博客搭建(稳)

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

文章目录

  • 一、前置工具的准备
    • 域名购买及服务器购买
  • 二、搭建步骤
    • 1.配置服务器环境
    • 2.nginx 的配置
    • 4.git 及node.js安装
      • 1.安装node.js:
      • 2.安装Git及配置仓库
      • 1.安装git:
  • 5.本地主机配置(这里win+r ,cmd,打开命令行操作)
    • 1.安装node.js
    • 2.安装hexo
    • 3.配置_config.yml完成服务器的部署
  • 最后


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


一、前置工具的准备

域名购买及服务器购买

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

二、搭建步骤

1.配置服务器环境

因为hexo框架的博客主要是nginx环境,所以我们要在服务器上安装nginx。
首先进入我们服务器面板:(由于隐私什么的我就打个码哈)
基于云服务器的hexo博客搭建(稳)_第1张图片
点击登录
基于云服务器的hexo博客搭建(稳)_第2张图片
之后运行命令行,安装nginx:

yum install -y nginx

很快就安装好了
基于云服务器的hexo博客搭建(稳)_第3张图片
然后启动服务器:

systemctl start nginx
systemctl enable nginx

在这里插入图片描述
然后我们访问我们云服务器的公网ip,发现:
基于云服务器的hexo博客搭建(稳)_第4张图片
我们可以打开一个默认界面,但是我们实际上是想要让这个地址指向我们的博客,而不是nginx的默认网址,这就需要我们去配置nginx的配置文件。

2.nginx 的配置

对于nginx,我们首先要知道他在服务器上位于 etc/nginx/,然后我们要想能够通过域名访问服务器,就需要在nginx上安装我们申请的ssl证书(基本都是免费申请,安装即表示网站安全可靠),所以我们先把我们的证书安装至nginx。
寻找证书:
基于云服务器的hexo博客搭建(稳)_第5张图片
我们在域名解析界面,我这里ssl为绿色是已经申请了,腾讯云申请这个几分钟就好很快,其他的应该也差不多,点击ssl,查看我们证书,在部署文档里有个nginx服务器的文档:

基于云服务器的hexo博客搭建(稳)_第6张图片
点击这个蓝色链接,下载相对应的证书文件:
基于云服务器的hexo博客搭建(稳)_第7张图片
基于云服务器的hexo博客搭建(稳)_第8张图片
基于云服务器的hexo博客搭建(稳)_第9张图片

之后将压缩包解压,我们这里需要注意.key文件和.crt文件
基于云服务器的hexo博客搭建(稳)_第10张图片
我们需要把这两个文件夹搞到我们云服务上,我这里用的是WinSCP,(大家如果会vscode的ssh,也可以用vscode),
winscp下载链接如下:
WinSCP下载
基于云服务器的hexo博客搭建(稳)_第11张图片
点击下载即可
基于云服务器的hexo博客搭建(稳)_第12张图片
这里主机名就是你的公网ip,用户名就是你服务器终端的用户名和密码,输入就能登陆。就是下图中的用户名和密码。
基于云服务器的hexo博客搭建(稳)_第13张图片
点击etc:

基于云服务器的hexo博客搭建(稳)_第14张图片
选择nginx文件夹:
基于云服务器的hexo博客搭建(稳)_第15张图片
点击conf.d文件夹
这里有的服务器可能没有可以参考这篇博客自己创建一个conf文件:
其他服务器参考

基于云服务器的hexo博客搭建(稳)_第16张图片
我们把刚刚的,key 文件和.crt文件拉入conf.d文件夹(直接在windows下拉到这里):
基于云服务器的hexo博客搭建(稳)_第17张图片
然后我们在命令行中:

输入命令:

cd /etc/nginx

进入这个nginx文件夹:
在这里插入图片描述
输入命令行:

ls

我们可以看到有个 conf.d 和 nginx.conf 的文件
基于云服务器的hexo博客搭建(稳)_第18张图片
基于云服务器的hexo博客搭建(稳)_第19张图片
先进入我们刚刚处理的conf.d文件夹中:

cd conf.d

基于云服务器的hexo博客搭建(稳)_第20张图片
是有我们刚刚拉进去的文件的,我们再手动创建一个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;
     }
 }

基于云服务器的hexo博客搭建(稳)_第21张图片
然后按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;

基于云服务器的hexo博客搭建(稳)_第22张图片

按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 如果打印版本号则安装成功
基于云服务器的hexo博客搭建(稳)_第23张图片

2.安装Git及配置仓库

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

1.安装git:

(这里下载的界面较长就不一 一截图了)

yum install git

配置git用户:

adduser git

修改用户权限:

chmod 740 /etc/sudoers

修改:

sudo vim /etc/sudoers

找到此位置添加下面这句话
git ALL=(ALL) ALL
基于云服务器的hexo博客搭建(稳)_第24张图片

基于云服务器的hexo博客搭建(稳)_第25张图片
保存退出后 将sudoers文件权限改回原样

chmod 400 /etc/sudoers

设置git用户的密码:

sudo passwd git

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

su git
cd ~
mkdir .ssh
cd .ssh

基于云服务器的hexo博客搭建(稳)_第26张图片
生成公钥密钥文件:

ssh-keygen

这里直接三连enter键,直接跳过
基于云服务器的hexo博客搭建(稳)_第27张图片
此时在目录下就会有两个文件,分别是
id_rsa 和 id_rsa.pub
在这里插入图片描述
其中 id_rsa.pub 就是公钥文件 我们复制一份:

cp id_rsa.pub authorized_keys

基于云服务器的hexo博客搭建(稳)_第28张图片
这样目录下就会有一个authorized_keys文件,它和id_rsa.pub一模一样。
最后我们修改它的权限:

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

基于云服务器的hexo博客搭建(稳)_第29张图片

然后我们在自己的电脑上自己的电脑上自己的电脑上(重要的事说三遍),打开cmd,使用ssh方式连接我们的云服务器:
基于云服务器的hexo博客搭建(稳)_第30张图片
这里访问不成功的可以试着把之前的备份删除:基于云服务器的hexo博客搭建(稳)_第31张图片
这样连接成功:
在这里插入图片描述
现在我们要创建一个git的仓库:

cd ~
git init --bare blog.git

基于云服务器的hexo博客搭建(稳)_第32张图片
之后我们打开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

基于云服务器的hexo博客搭建(稳)_第33张图片
保存退出并授予该文件可执行权限:

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

基于云服务器的hexo博客搭建(稳)_第34张图片

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

D:
cd Blog
hexo init

在这里插入图片描述

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

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

基于云服务器的hexo博客搭建(稳)_第35张图片
之后我们就可以在自己的本机上查看自己的博客了

hexo g
hexo s

基于云服务器的hexo博客搭建(稳)_第36张图片

基于云服务器的hexo博客搭建(稳)_第37张图片

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

在刚才生成hexo的目录下,找到_config.yml,打开它。
基于云服务器的hexo博客搭建(稳)_第38张图片

找到deploy (在最下面)做如下配置:
基于云服务器的hexo博客搭建(稳)_第39张图片

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可以访问,域名不能访问问题(稳)

你可能感兴趣的:(web,服务器,nginx,运维)