Hexo个人博客搭建流程

最新推荐文章于 2024-09-06 12:45:28 发布

yitau

最新推荐文章于 2024-09-06 12:45:28 发布

阅读量86

点赞数

分类专栏：环境搭建和软件工具安装 hexo 文章标签： nginx 服务器 linux

本文链接：https://blog.csdn.net/weixin_43856921/article/details/121243204

版权

环境搭建和软件工具安装同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

hexo

2 篇文章 0 订阅

订阅专栏

本文详细介绍了如何使用Hexo在个人Windows10电脑上创建博客，并将其部署到CentOS7.4的ECS云服务器，通过Git和Nginx实现静态页面的发布。首先创建ECS上的Git仓库和Nginx配置，然后在本地安装Node.js和Hexo，完成博客站点的初始化和配置，最后通过Git钩子实现远程部署。确保Nginx运行正常后，即可通过服务器IP或域名访问博客。

摘要由CSDN通过智能技术生成

Hexo个人博客搭建流程

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。这篇博文主要介绍了 Hexo 博客的安装及简单配置，服务端如何配置通过 Git 部署 Nginx 及 Linux 简单应用。
在云服务器上创建私有 Git 仓库，通过 Git 钩子，将 Hexo 生成的博客静态页面文件，推送到 Nginx 服务的托管目录, 完成部署。

目标

部署基于 Hexo 的博客站点到 ECS 云服务器上
本地快速发布博文

准备

个人 PC，系统版本: Windows 10，已安装 Git
ECS 云服务器，系统版本: CentOS 7.4
域名（部分需备案）

服务器配置

创建一般用户

运行以下命令创建一般用户www
```
useradd www
```

Nginx 配置

安装 Nginx

yum install -y nginx

创建文件目录, 用于博客站点文件存放, 并更改目录读写权限

mkdir -p /data/wwwroot/hexo
chown -R www:www /data/wwwroot/hexo
chmod -R 755 /data/wwwroot/hexo

添加 index.html 用于检测配置 Nginx 是否成功

vi /data/wwwroot/hexo/index.html

添加如下代码

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

配置 Nginx 服务器

vi /etc/nginx/nginx.conf

找到如下代码段, 并修改

server {
    listen       80 default_server;
    listen       [::]:80 default_server;
    server_name  www.xxx.com; # 填写个人域名或 IP 地址
    root         /data/wwwroot/hexo;
}

访问服务器 IP 地址或者域名显示 Nginx running 则说明 Nginx 配置成功

启动nginx服务

systemctl start nginx

设置Nginx服务开机自启动

systemctl enable nginx

Git 配置

安装 Git

yum install -y git

创建文件目录, 用于私人 Git 仓库搭建, 并更改目录读写权限

mkdir -p /data/GitForWeb
chown -R www:www /data/GitForWeb
chmod -R 755 /data/GitForWeb

Git 初始化裸库

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

创建 Git 钩子（hook）

vi /data/GitForWeb/hexo.git/hooks/post-receive

输入以下内容用于指定 Git 的源代码和 Git 配置文件

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

保存并退出后, 给该文件添加可执行权限

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

本地配置

安装 Node.js 和 Npm

安装了 Node.js 即可，Npm 已经包含。Node.js 下载地址，据自己系统下载相对应的安装包，双击打开.msi文件，一路默认即可

安装成功后，打开 cmd 窗口，依次输入
```
node -v  
npm -v
```
显示对应版本即安装成功
安装 Hexo

在你想安装的目录上右键单击 Git Bash Here ，输入以下命令

全局安装 hexo-cli 和 hexo-server
```
npm install hexo-cli hexo-server hexo-deployer-git -g
```
查看 Hexo 版本
```
hexo -v
```
确认安装成功后，在本地初始化博客站点搭建
```
hexo init myBlog
```
完成安装, 便可以在本地路径查看项目

配置 Hexo

进入 ~/myBlog/ 目录，修改 Hexo 博客站点配置文件 _config.yml，如下修改

# Site
title:        # 页面标题
subtitle:     # 小标题
description:  # 描述
keywords:     # 关键字
author:       # 作者
language:     # 语言
timezone:     # 时区

# URL
url:          # 个人域名

# Deployment
deploy:
  type: git
  repo: # 用户名@域名:服务器博客站点文件目录
  ## root@xxxxx.cn:/data/GitForWeb/hexo
  branch: master

开始使用

本地配置完成后，需要将其部署到远程服务器上，在 ~/myBlog/ 目录依次输入以下命令

清除缓存

hexo clean

生成静态页面

hexo g

将本地静态页面目录部署到云服务器

hexo d

完成 Hexo 个人博客网站搭建，即可通过服务器 IP 或者域名访问，有关于博客主题的更换，以及详细配置等参见官网

参考

yitau

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Hexo个人博客搭建流程

Hexo个人博客搭建流程Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。这篇博文主要介绍了 Hexo 博客的安装及简单配置，服务端如何配置通过 Git 部署 Nginx 及 Linux 简单应用。在云服务器上创建私有 Git 仓库，通过 Git 钩子，将 Hexo 生成的博客静态页面文件，推送到 Nginx 服务的托管目录, 完成部署。目标部署基于 Hexo 的博客站点到 ECS 云服务器上
复制链接

扫一扫

专栏目录