【原】阿里云 CentOS7.9 搭建 Hexo 個(gè)人博客教程

LuciferLiu 2022-03-31

展開全文

前言

最近買了個(gè)阿里云服務(wù)器，于是打算搭建一個(gè)個(gè)人博客網(wǎng)站，使用的是 Hexo，下面是搭建的過程。

搭建過程

本次個(gè)人博客大致的搭建步驟如下：

購買阿里云服務(wù)器
配置阿里云服務(wù)器
服務(wù)端安裝 Nodejs
服務(wù)端安裝 Git
服務(wù)端安裝 Nginx
客戶端安裝 Hexo
客戶端配置免密登錄
服務(wù)端創(chuàng)建 Git 倉庫
Hexo 主題配置

1,、購買阿里云服務(wù)器

這個(gè)比較簡(jiǎn)單，會(huì)花錢就行，盡量找一個(gè)新注冊(cè)的賬號(hào)，這樣可以花幾十 money 就可以購買一年的阿里云服務(wù)器，例如：

嗯沒錯(cuò)，就是很香，購買完之后簡(jiǎn)單配置一下就可以使用了，本文基于 CentOS7.9 系統(tǒng)搭建，所以大家要繼續(xù)下去的話也只能選擇 CentOS7.9 咯,。

2、配置阿里云服務(wù)器

阿里云服務(wù)器的配置很簡(jiǎn)單，主要有：

重置實(shí)例密碼
配置安全組策略

配置的步驟都很簡(jiǎn)單，基本就是幾分鐘的事,。

重置實(shí)例密碼：

配置安全組策略：

配置好之后，復(fù)制一下公網(wǎng)IP，就可以開始建站了,。

3、服務(wù)端安裝 Nodejs

在本地客戶端使用 ssh 連接阿里云服務(wù)器公網(wǎng)IP：

ssh root@公網(wǎng)IP

一鍵式安裝配置 Nodejs：

cd /tmp && wget https:///dist/v17.5.0/node-v17.5.0-linux-x64.tar.xz 
tar xf node-v17.5.0-linux-x64.tar.xz 
mv node-v17.5.0-linux-x64 /usr/local/node
ln -s /usr/local/node/bin/node /bin/node
ln -s /usr/local/node/bin/npm /bin/npm
echo 'export PATH=/usr/local/node/bin:$PATH' >> /etc/profile
source /etc/profile
node -v
npm -v

執(zhí)行完就安裝成功了,。

4,、服務(wù)端安裝 Git

一鍵式安裝 Git：

yum install -y curl-devel expat-devel gettext-devel openssl-devel zlib-devel gcc perl-ExtUtils-MakeMaker
cd /tmp && wget https://www./pub/software/scm/git/git-2.9.5.tar.gz
tar xf git-2.9.5.tar.gz
cd git-2.9.5 && make all prefix=/usr/local/git
make install prefix=/usr/local/git
echo 'export PATH=$PATH:/usr/local/git/bin' >> /etc/bashrc
source /etc/bashrc
git version
git config --global user.name "你的賬號(hào)"
git config --global user.email "你的郵箱"

執(zhí)行完就安裝成功了，要注意的是客戶端也需要安裝一下 Git，圖形化一直下一步就行。

5,、服務(wù)端安裝 Nginx

一鍵式安裝 Nginx：

yum install -y gcc gcc-c++ pcre pcre-devel zlib zlib-devel openssl openssl-devel
cd /tmp && wget http:///download/nginx-1.9.9.tar.gz
tar xf nginx-1.9.9.tar.gz
cd nginx-1.9.9 && ./configure
make && make install

配置 Nginx 服務(wù)：

## 創(chuàng)建 hexo 博客存放位置
mkdir /data/blog
## 修改 Nginx 配置文件
vi /usr/local/nginx/conf/nginx.conf

## 修改配置文件中以下幾點(diǎn)
## 1,、server_name，修改域名或ip
server_name  服務(wù)器公網(wǎng)IP;
## 2、root index.html，修改為 hexo 博客存放的位置
root /data/blog

打開 Nginx 服務(wù)：

cd /usr/local/nginx/sbin
# 啟動(dòng) nginx
./nginx

至此 Nginx 也安裝完成,。

6,、客戶端安裝 Hexo

Hexo 也是一鍵式安裝，安裝前，設(shè)置一下 npm 源：

npm config set registry https://registry.npm.
## 安裝 hexo
npm install -g hexo-cli
hexo -v

本地客戶端創(chuàng)建 Hexo 博客目錄并初始化啟動(dòng)博客：

## 本地創(chuàng)建一個(gè)目錄用于存放博客
hexo init
hexo g
hexo s

啟動(dòng)之后本地瀏覽器 localhost:4000 訪問一下是否成功。

7,、配置免密登錄

配置本地客戶端與阿里云服務(wù)器端的 ssh 免密登錄，方便上傳倉庫時(shí)一鍵式上傳,。

在本地客戶端生成并上傳公共密鑰：

## 執(zhí)行完之后一直回車就行
ssh-keygen
## 上傳公共密鑰到阿里云服務(wù)器
ssh-copy-id root@阿里云公網(wǎng)IP
## 測(cè)試是否已免密
ssh root@阿里云公網(wǎng)IP

如果無需密碼即可登錄，說明已經(jīng)配置完成。

8,、服務(wù)端創(chuàng)建 Git 倉庫

服務(wù)器上創(chuàng)建一個(gè) Git 倉庫，該倉庫中新建一個(gè) post-receive 鉤子文件,。

cd ~
git init --bare hexo.git
vi ~/hexo.git/hooks/post-receive
## 填寫以下內(nèi)容，其中的--work-tree 為 hexo 博客目錄
git --work-tree=/data/blog --git-dir=/root/hexo.git checkout -f
## 授予鉤子文件可執(zhí)行權(quán)限
chmod +x ~/hexo.git/hooks/post-receive
chmod -R 777 /data/blog

至此，Git 倉庫創(chuàng)建并配置完成，對(duì)應(yīng)的本地客戶端也需要配置一下！

在本地計(jì)算機(jī) hexo 的工程目錄下，找到 _config.yml，對(duì) deploy 參數(shù)進(jìn)行修改，如下圖所示

# Deployment
## Docs: https:///docs/one-command-deployment
deploy:
  type: git
  repo: root@公網(wǎng)IP:/root/hexo.git
  branch: master

在本地計(jì)算機(jī)安裝插件: hexo-deployer-git 和 hexo-server，插件的作用分別是使用Git自動(dòng)部署，和hexo本地簡(jiǎn)單的服務(wù)器：

npm install hexo-deployer-git --save
npm install hexo-server
## 配置全局變量
git config --global user.name "你的賬號(hào)"
git config --global user.email "你的郵箱"
## 生成發(fā)布 Hexo 博客
hexo clean
hexo generate
hexo deploy

此時(shí)，便可以通過瀏覽器訪問 http://阿里云公網(wǎng)IP 進(jìn)入 hexo 我的博客主頁了。

9,、Hexo 主題配置

最簡(jiǎn)單的 Hexo 個(gè)人博客搭建完成后，當(dāng)然需要換個(gè)主題美化一下，選擇大家都喜歡的 NexT 主題就好：https://github.com/iissnan/hexo-theme-next，直接下載下來解壓，放到本地 Hexo 博客目錄的 theme 目錄下，并改名為 next,。

具體的配置可以參考網(wǎng)上的文章，不再重復(fù)演示：