Hexo博客部署在阿里云上

简介: Hexo博客部署在阿里云上
经过几个晚上的大量查阅资料,终于让我给在阿里云上部署成功了hexo博客,虽说hexo博客在静态资源多的情况下加载比较慢,但还是值得学习的一个博客框架,因为之前就已经在github上部署过hexo,但访问时太慢了,所以这次部署在云端。废话不多说,直接上教程。

本地 Hexo 安装及初始化

云端服务器配置

  • 在阿里云上Centos7.X镜像中一般都自带git工具,但版本都比较低,不影响。可以查看其版本:

在这里插入图片描述
如果没有Git,可以使用yum来安装

yum install git
  • 创建一个专门管理博客除root以外的用户,如:
useradd git

修改用户权限:

chmod 740 /etc/sudoers
vim /etc/sudoers

找到这个位置添加下面这句话

git        ALL=(ALL)     ALL

在这里插入图片描述
保存的时候可以直接用强制保存命令wq!

设置git用户的密码,

passwd git
  • 为本地的 hexo_blog 配置一个部署静态文件的远程仓库。

创建私有 Git 仓库,在 /var/repo/ 下,创建一个名为 hexo_static 的裸仓库(bare repo)
如果没有 /var/repo 目录,需要先创建;然后修改目录的所有权和用户权限,之后 git 用户都具备/var/repo 目录下所有新生成的目录和文件的权限。
此时为root用户登录

mkdir /var/repo/
chown -R git:git /var/repo/
chmod -R 755 /var/repo/

然后,执行如下命令:

cd /var/repo/
git init --bare hexo_static.git

配置 Nginx 托管文件目录

  • 创建 /var/www/hexo 目录,用于 Nginx 托管。
mkdir -p /var/www/hexo

和上一步类似,这里也需要修改目录的所有权和权限

chown -R git:git /var/www/hexo
chmod -R 755 /var/www/hexo

然后,修改 Nginx 的 配置文件。关于nginx的安装请访问我写的这篇博文:https://blog.csdn.net/qq_41684621/article/details/102934590
首先把自己的已经备案号的域名解析,如:
在这里插入图片描述
我安装nginx的目录为/www/server/nginx,再进入nginx目录里的conf目录,里面有个nginx.conf配置文件

cd /www/server/nginx/conf
vim nginx.conf

打开文件后,在server里添加如下:

server {
    listen 80;
    server_name www.yunxdr.top yunxdr.top;
    index index.html index.htm;
    root /var/www/hexo;
    }

或者也可以再添加一个server,把serv_name改为解析好的二级域名即可。
之后,重装nginx配置,此时必须为root用户执行以下操作:

cd /www/server/nginx/sbin
nginx -s reload
  • 创建 Git 钩子

接下来,在云服务器上的裸仓库 hexo_static 创建一个钩子,在满足特定条件时将静态 HTML 文件传送到 Web 服务器的目录下,即 /var/www/hexo

在自动生成的 hooks 目录下创建一个新的钩子文件:

vim /var/repo/hexo_static.git/hooks/post-receive

在该文件中添加两行代码,指定 Git 的工作树(源代码)和 Git 目录(配置文件等)。

#!/bin/bash
git --work-tree=/var/www/hexo --git-dir=/var/repo/hexo_static.git checkout -f

保存并退出文件,并让该文件变为可执行文件。

chmod +x /var/repo/hexo_static.git/hooks/post-receive

至此,云服务端的配置基本结束。

完成本地Windows下 Hexo 配置

  • 修改 Hexo 部分默认配置,这是我本地的目录文件,hexo博客的文件夹名称为blog,如:

在这里插入图片描述
其中,_config.yml 为 Hexo 的主配置文件。我们首先修改博客的 URL 地址。

# URL
## If your site is put in a subdirectory, set url as 'http://yoursite.com/child' and root as '/child/'
url: http://www.yunxdr.top # 没有绑定域名时填写服务器的实际 IP 地址。
root: /
permalink: :year/:month/:day/:title/
permalink_defaults:

接下来,修改 default_layout,该字段位于在 Writing 部分。将其从 post 修改为 draft ,表示每篇博文默认都是草稿,必须经过发布之后才能在博客站点上访问。

 
# Writing
new_post_name: :title.md # File name of new posts
default_layout: draft # 原来的值是 post
titlecase: false # Transform title into titlecase
  • 新建博客草稿并发布,这里简单演示通过 Hexo 新建博文草稿,并发布的过程。

执行如下命令,创建第一篇博文。

hexo new 我的第一篇在阿里云上部署的hexo博文

会看到类似如下输出:
在这里插入图片描述
在本地通过自己熟悉的编辑器,编辑博文。这里,把本文的内容写入第一篇博客中

---
title: 我的第一篇在阿里云上部署的hexo博文
date: 2019-12-12 03:31:48
tags:
    - Centos
    - Hexo
categories:
    - Hexo
comments: true
---

## hexo博客在阿里云上部署成功

然后,通过如下命令发布博客:

hexo publish 我的第一篇在阿里云上部署的hexo博文

输出类似下面这样:
在这里插入图片描述
在这里插入图片描述
博客推送到服务器之后,就可以在网站上访问了。

  • 通过 Git 部署

继续编辑 _config.yml 文件,找到 Deployment 部分,按照如下情况修改:

deploy:
  type: git
  repo: git@47.107.53.146:/var/repo/hexo_static
  branch: master

repo:Centos用户@云服务器IP:云服务器上创建的裸仓库

保存并退出文件。

之后,需要安装一个 Hexo 包,负责将博客所需的静态内容发送到设置好的 Git 仓库。

npm install hexo-deployer-git --save

安装好后可以测试部署:

hexo generate && hexo deploy

期间会提示输入 git 用户的登录密码。成功之后的输出大致如下:
在这里插入图片描述
之后访问:http://hexo.xdr630.top/
在这里插入图片描述

目录
相关文章
|
域名解析 运维 JavaScript
只需5步!在轻量应用服务器部署Hexo博客
轻量应用服务器征文活动投稿教程帖,只需5步完成Hexo博客的部署实践,步骤完整,操作性强~
只需5步!在轻量应用服务器部署Hexo博客
|
域名解析 运维 关系型数据库
3步!完成WordPress博客迁移与重新部署
服务器到期后,该如何迁移、重新部署WordPress博客呢?
3步!完成WordPress博客迁移与重新部署
|
11月前
|
域名解析 弹性计算 安全
阿里云服务器安装宝塔面板、安装网站(新手图文教程)
本文详细介绍了从注册阿里云账号到使用宝塔面板安装网站的完整流程,包括阿里云账号的企业认证、服务器购买与安全规则配置、宝塔面板的安装及网站部署等步骤。通过图文并茂的方式,帮助用户轻松完成阿里云服务器的搭建和管理。适合新手快速上手,实现网站从零到有的全过程。如果觉得有用,别忘了点赞收藏!
8810 3
阿里云服务器安装宝塔面板、安装网站(新手图文教程)
|
JavaScript 安全 应用服务中间件
|
网络协议 应用服务中间件 Linux
LINUX安装nginx详细步骤
LINUX安装nginx详细步骤
5817 1
|
安全 应用服务中间件 网络安全
宝塔面板网站页面出现403错误怎么办?
用宝塔面板安装搭建WordPress或者其它程序网站,经常会遇到建好了网站,然后网站页面出现403错误。本文详细说明如何解决这个问题。并帮你分析这个错误出现的原因。 你的服务器 403 Forbidden nginx这通常是由于文件或目录的权限设置不正确造成的。 解决办法是检查文件或目录的权限设置,确保Nginx服务器有访问权限。 站点访问权限通常为www用户组的。
1464 5
宝塔面板网站页面出现403错误怎么办?
|
运维 负载均衡 监控
服务网格下的东西向与南北向流量管理实践|学习笔记
快速学习服务网格下的东西向与南北向流量管理实践
1845 0
服务网格下的东西向与南北向流量管理实践|学习笔记
|
网络协议 安全
hexo博客5:更新部署&域名配置
hexo博客5:更新部署&域名配置
311 0
|
机器学习/深度学习 编解码 算法
【YOLOv8改进】Polarized Self-Attention: 极化自注意力 (论文笔记+引入代码)
该专栏专注于YOLO目标检测算法的创新改进和实战应用,包括卷积、主干网络、注意力机制和检测头的改进。作者提出了一种名为极化自注意(PSA)块,结合极化过滤和增强功能,提高像素级回归任务的性能,如关键点估计和分割。PSA通过保持高分辨率和利用通道及空间注意力,减少了信息损失并适应非线性输出分布。实验证明,PSA能提升标准基线和最新技术1-4个百分点。代码示例展示了如何在YOLOv8中实现PSA模块。更多详细信息和配置可在提供的链接中找到。

热门文章

最新文章