Hexo 我的博客部署到 CentOS 我的服務器

時間 2019-11-09

標籤 html node nginx git github npm vim xcode 緩存 ruby 欄目 CentOS 简体版

原文原文鏈接

Hexo 一個快速，簡單和強大的博客框架，基於 Node.js。html

node

目標

在一臺 CentOS 7.2 的 ECS 雲服務器上快速部署基於 Hexo 的博客站點nginx
能夠在本地簡潔快速發佈一篇博文到我的雲服務器上, 用於我的站點展現git

準備工做

你能操做的我的電腦PC * 1臺github
本身能控制的服務器Sever * 1臺npm

服務器配置

默認 ROOT 權限登陸vim

安裝 Git Nginx
升級 CentOS 全部包，包括系統版本內核升級xcode
```
yum -y update
yum install -y git nginx
```
Nginx 配置
建立文件目錄, 用於博客站點文件存放, 並更改目錄讀寫權限緩存

-p /data/www/hexoruby
-R $USER:$USER /data/www/hexo
-R 755 /data/www/hexo

添加 index.html 用於檢測配置 Nginx 是否成功

vim /data/www/hexo/index.html

添加以下代碼:

<!DOCTYPE html>
<html>
  <head>
    <title></title>
    <meta charset="UTF-8">
  </head>
  <body>
    <p>Nginx running</p>
  </body>
</html>

配置 Nginx 服務器

vim /etc/nginx/nginx.conf

# vim 查找: /listen 80

經過 vim 查找功能找到以下代碼, 並修改

......
server {
      listen       80 default_server;
      listen       [::]:80 default_server;
      server_name  www.xxx.com; # 填寫我的域名
      root         /data/www/hexo;
  }
......

訪問服務器 IP 或者域名顯示

Nginx running

Nginx 配置成功

Git 配置
建立文件目錄, 用於私人 Git 倉庫搭建, 並更改目錄讀寫權限

-p /data/GitLibrary
-R $USER:$USER /data/GitLibrary
-R 755 /data/GitLibrary

Git 初始化裸庫

cd /data/GitLibrary
git init --bare hexo.git

建立 Git 鉤子(hook)

vim /data/GitLibrary/hexo.git/hooks/post-receive

用於指定 Git 的源代碼和 Git 配置文件

#!/bin/bash
git --work-tree=/data/www/hexo --git-dir=/data/GitLibrary/hexo.git checkout -f

保存並退出後, 給該文件添加可執行權限

chmod +x /data/GitLibrary/hexo.git/hooks/post-receive

本地配置

這篇文章在 MacOS 上安裝 node.js Git Hexo等

Windows & Linux 可搜索對應平臺軟件安裝

安裝 Git
在 Terminal.app(終端) 中輸入:
```
xcode-select --install
```
按照提示完成安裝, 最後在 Terminal 中輸入
```
git -v
```
以下顯示, 表示 Git 安裝成功
```
git version 2.11.0 (Apple Git-81)
```
安裝 Node.js 和 Npm
Node.js 安裝在 MacOS 中須要用到 Homebrew 進行安裝管理

Homebrew 在 MacOS 裏相似於 CentOS 的 yum

在 Terminal 輸入:
```
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
```
使用 Homebrew 安裝 Node.js
```
brew install node
```
在 Terminal 中鍵入相似的命令, 以下顯示, 表示 Node 和 Npm 安裝成功
```
node -v
v7.10.0
npm -v
4.2.0
```
安裝 Hexo 及相關插件
全局安裝 hexo-cli 和 hexo-server
```
npm install hexo-cli hexo-server hexo-deployer-git -g
```
安裝完成後, 在本地初始化博客站點搭建
```
hexo init ~/myBlog

# ~/myBlog 即本地存放路徑
```
完成安裝, 即可以在本地路徑查看項目

本地 Hexo 配置
進人~/myBlog 目錄, 修改 Hexo 博客站點配置文件 _config.yml, 以下修改:

title: 頁面標題     //頁面標題
subtitle: 小標題     //小標題
description: 描述     //描述
author: 做者       //做者
language: zh-Hans     //語言
timezone:       //時區

# URL
### If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://leyliu.com      //我的域名

......

# Deployment
### Docs: https://hexo.io/docs/deployment.html
deploy:     //發佈對應的github帳號
type: git
repo: root@leyliu.com:/data/GitLibrary/hexo  //用戶名@域名或 IP 地址:/data/GitLibrary/hexo
branch: master

部署步驟

將本地部署到服務器

清除緩存
```
hexo clean
```
生成靜態頁面:
```
hexo generate
```
將本地靜態頁面目錄部署到雲服務器
```
hexo deploy
```
完成 Hexo 我的博客網站搭建, 經過服務器 IP 或者域名便可訪問

結束語

以上就是我我的採用Hexo+雲服務器搭建我的博客的所有流程，較爲完整地介紹了 Hexo 博客的安裝及簡單配置，服務端如何配置經過 Git 部署 Nginx 及 Linux 簡單應用。
在雲服務器上建立私有 Git 倉庫, 經過 Git 鉤子，將 Hexo 生成的博客靜態頁面文件，推送到 Nginx 服務的託管目錄, 完成部署。

若有疑問, 可留言或者搜索引擎解決