先上个最终效果图,具体优化配置等备案完成后再上传,不然容易出现安全问题
在这里插入图片描述

阿里云Hexo博客搭建

一. 配置服务器环境

1. 服务器环境搭建

首先需要安装nginx

先安装pcre pcre-devel和zlib,因为配置nginx需要用到

PCRE(Perl Compatible Regular Expressions) 是一个Perl库,包括 perl 兼容的正则表达式库。nginx 的 http 模块使用 pcre 来解析正则表达式,所以需要在 linux 上安装 pcre 库,pcre-devel 是使用 pcre 开发的一个二次开发库。nginx也需要此库。命令:

yum install -y pcre pcre-devel

zlib 库提供了很多种压缩和解压缩的方式, nginx 使用 zlib 对 http 包的内容进行 gzip ,所以需要在 Centos 上安装 zlib 库。

yum install -y zlib zlib-devel

安装其他需要用到的内容

yum install gcc-c++
yum install -y openssl openssl-devel

下载nginx安装包,可到nginx官网寻找稳定版本,笔者操作时候稳定版本为1.16.1

wget -c http://nginx.org/download/nginx-1.16.1.tar.gz

解压并进入解压后的文件夹

tar -zxvf nginx-1.16.1.tar.gz
cd nginx-1.16.1

使用nginx的默认配置

./configure

编译安装

make
make install

查找安装路径

whereis nginx

进入sbin目录,可以看到有一个可执行文件nginx,直接./执行就OK了。

运行起来之后访问服务器ip,可以看到nginx的欢迎页面,如下
在这里插入图片描述
至此,对于云服务器,nginx已经安装完成

配置开机自启动

vi /etc/rc.local

增加一行 /usr/local/nginx/sbin/nginx
设置执行权限:

chmod 755 /etc/rc.local

2. 配置服务器环境

cd /usr/local/nginx/conf
vim nginx.conf

按如下更改,第一处localhost可以更改为域名,后面两处都更改为博客的保存地址
在这里插入图片描述

sudo mkdir -p /usr/blog

二. 安装Node.js以及Git

1. 安装Node.js

wget -c https://nodejs.org/dist/v12.14.1/node-v12.14.1-linux-x64.tar.xz
xz -d node-v12.14.1-linux-x64.tar.xz 
tar -xvf node-v12.14.1-linux-x64.tar

创建软链接让命令可以随处使用

ln -s /usr/node-v12.14.1-linux-x64/bin/node /usr/local/bin/node
ln -s /usr/node-v12.14.1-linux-x64/bin/npm /usr/local/bin/npm
node -v
npm -v

2. 安装Git及配置仓库

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

安装git

yum install -y git

配置git用户

adduser git
sudo chown -R git:git /usr/blog

修改用户权限

chmod 740 /etc/sudoers
vi /etc/sudoers

添加如下内容
在这里插入图片描述
保存退出后将sudoers文件权限改回原样

chmod 400 /etc/sudoers

设置git用户的密码

sudo passwd git

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

su git
cd ~
mkdir .ssh
cd .ssh

生成公钥密钥文件

ssh-keygen

此时在目录下就会有两个文件,分别是
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

然后在自己的电脑上使用ssh方式连接到云服务器

ssh -v git@服务器的公网ip

最后提示
Welcome to Alibaba Cloud Elastic Compute Service !
说明登录成功了。
现在我们要创建一个git的仓库,并且新建一个post-receive文件,操作如下:

cd ~
git init --bare blog.git
vi ~/blog.git/hooks/post-receive

输入以下内容:

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

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

chmod +x ~/blog.git/hooks/post-receive

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

三. 关于本地主机的操作

  • Windows系统

1. 安装Node.js

https://nodejs.org/en/download/

下载Windows下的Node.js安装包,选择一个位置安装,笔者安装在了C盘下面的node目录下面

之后在cmd中输入版本查看后可看到如下内容
在这里插入图片描述

2. 安装Hexo

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

npm config set registry https://registry.npm.taobao.org
# 然后安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org

接下来就直接安装 hexo

cnpm install -g hexo-cli

然后我们选一个目录用来初始化博客程序
例如C:/blog

cmd输入:

cd ..
cd ..
cd blog
hexo init

在这里插入图片描述
下载Git For Windows版本,一直下一步安装完成后再进入cmd输入相关命令即可安装

执行成功后安装两个插件

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

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

hexo g
hexo s

打开浏览器访问 http://localhost:4000

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

在刚才生成hexo的目录下,找到_config.yml,打开它。
找到deploy 做如下配置

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

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

hexo new "first blog"
hexo clean && hexo generate --deploy

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

cd /usr/local/nginx/sbin
./nginx -s reload

然后就可以输入域名或网址访问博客了,以后写文章所用命令

hexo new "blog article name"
hexo clean && hexo generate --deploy

四. 博客美化

对于之后的个性化配置操作,需要参考Hexo官方文档

1. 修改_config.yml

Logo

更多推荐