如何通过阿里云服务器部署hexo博客（超详细）

news2024/9/24 5:24:35

在这里插入图片描述

👏大家好！我是和风coding，希望我的文章能给你带来帮助！
🔥如果感觉博主的文章还不错的话，请👍三连支持👍一下博主哦
📝点击 我的主页 还可以看到和风的其他内容噢，更多内容等你来探索！
📕欢迎参观我的个人网站：Gentlewind

在这里插入图片描述

文章目录

    • 前置知识：
    • 步骤一：本地电脑部署
    • 步骤二：购买域名
    • 步骤三：服务器端配置
    • 步骤四：配置服务端Git
    • 步骤五：配置Hexo并部署发布

前置知识：

  • linux基础
  • git基础
  • nginx基础
  • money（需要购买阿里云服务器和域名）

引言：

Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，是搭建博客的首选框架。本篇教程记述了作者用阿里云轻量应用服务器部署Hexo的详细过程，步骤完整，操作性强，一起来看看吧~

步骤一：本地电脑部署

1、安装nodeJS

浏览器进入NodeJS 官网，安装 LTS（Long Term Support）版本。

image001.png

验证nodeJS是否安装成功：

按住win+R，输入cmd，进入 cmd 命令行工具，输入node -v查看 node 版本，若出现版本信息（如下图示），则说明 node 安装成功。

image003.png

2.、安装Hexo

i. 安装Hexo

在 cmd 命令行中输入npm install hexo-cli -g，安装 hexo。完成后输入hexo -v查看版本信息，确认安装成功。

image004.png

ii. 初始化根目录

创建文件夹Hexo-Blog，在 cmd 命令行中进入该目录，输入hexo init初始化根目录。

image005.png

iii. 本地查看

输入hexo g&&hexo s（生成静态文件，并开启本地服务器）

image007.png

根据提示，在浏览器中打开http://localhost:4000，即可看到初始的博客页面。

image009.png

iv. 美化博客

对自己的博客进行更改样式、美化、增删功能、发布文章等操作，就不展开介绍了。

步骤二：购买域名

本教程后续涉及域名处，以test.top为例进行演示；读者在自己学习部署时，应将此域名替换为自己网站的域名。

详细了解可以参考这篇博客：购买域名后如何使用 | Gentle Wind

1、购买域名

在阿里云上可以购买域名，.com/.cn/.top/.xyz/.store等域名一应俱全，部分域名只需要1块钱。

image012-域名购买.jpg

2、域名备案

域名绑定国内的服务器，必须要进行备案操作，否则将无法访问。从提交备案信息，到管局审核通过，大概15天左右（看运气）

image013.png

有不懂的可以看这篇博客：

https://zhuanlan.zhihu.com/p/422965705

3、域名解析

域名解析是把域名指向网站空间 IP，让人们通过注册的域名可以方便地访问到网站的一种服务。IP 地址是网络上标识站点的数字地址，为了方便记忆，采用域名来代替 IP 地址标识站点地址。

image017-打码.png

说明：

◾ 主机记录中，www代表域名前加www.，如www.test.top，@就代表test.top，这样两个地址都能访问到服务器了

◾ 记录类型A是指，将域名指向一个IPV4地址

◾ 记录值就是服务器的公网 IP

步骤三：服务器端配置

1、购买服务器

为了让其他用户在自己的客户端访问到自己的博客，就需要将博客部署到服务器上，其他用户通过访问服务器的公网 IP 来访问到服务器上的资源。若绑定了域名，还可以通过域名访问。

通过阿里云开发者成长计划，购买了轻量应用服务器。在系统的选择上，作为服务器系统，CentOS 稳定、强大，所以系统镜像选择了 Linux 系统的 CentOS 7.3 版本，一般使用6.5以上即可。

image019.png

2、配置安全组

想要详细了解安全组的，可以参考我的这篇博客：部署hexo博客在阿里云服务器教程 | Gentle Wind

  • 在搜索框搜索ecs，来到云服务器ECS控制台，按照步骤点击创建安全组

image-20240207152601279

  • 选择网络（购买服务器后会有的），点击快速添加

image-20240207152719429

  • 勾选以下几项，点击确定

image-20240207153105719

  • 使用 HTTP 协议或HTTPS端口访问服务器，需要监听80或443端口
  • 服务器端配置 Git 时需要使用 SSH 协议进行本地与服务器的连接，需要服务器监听 22 端口
  • mysql和redis也可以勾上，没坏处

3、服务器环境搭建

此步骤需要在轻量应用****服务器上完成。具体方法可以使用远程连接（如下图示），也可以使用 Xshell 客户端进行连接。

image025-打码.png

i. 安装 nginx

①切换到 root 帐号，输入命令：

sudo su root

image027.png

②需要使用 nginx 作为 Web 服务器，所以我们首先要安装 nginx。可以使用 yum 命令直接进行安装：

yum install -y nginx

image028.png

③安装完成后启动 nginx 服务器，命令如下：

systemctl start nginx
systemctl enable nginx

image030.png

ii. 建立博客根目录

我们将博客的页面文件放在/home/www/website/路径下，需要先创建这些文件。

cd /home
mkdir www
cd www
mkdir website

查看创建的文件：

image032.png

iii. 配置 nginx 路由

建立了博客的根目录后，需要将 nginx 服务器指向这个根目录地址，才能访问到博客页面，所以需要修改 nginx 的配置文件。

可以通过nginx -t查看配置文件所在的位置

image-20240130181155003

而阿里云默认的库下载的是基于 fedora 的 nginx，默认配置文件位于etc/nginx/下的nginx.conf。

查看 nginx 的默认配置文件：

cd ~
cd /etc/nginx
ls

image034.png

文件中的nginx.conf就是默认配置文件。

但是我们不采用直接修改 nginx 配置文件的方式，而是新建一个文件夹，将自己的配置写在新建的文件夹中。再利用include，在配置文件nginx.conf中将文件夹引入进来即可。这样若有新的需求时，只需在文件夹中添加新需求的配置文件即可，不会再次修改配置文件nginx.conf，提高效率。

切换/etc/nginx/目录，在此目录下创建一个文件夹vhost：

cd /etc/nginx
mkdir vhost
cd vhost

image036.png

输入vim blog.conf新建blog.conf文件，并编辑内容：

server{        listen    80;
               root /home/www/website;
               server_name test.top;
               location /{        
               }
}

image037-打码.png

其中，listen代表监听 80 端口。root是博客的根目录，页面存放的地址。server_name是服务器名称，填域名test.top，将域名和博客的页面根目录绑定。

为了让http://www.test.top/也能访问到博客页面，再新建一个配置文件wwwblog.conf，将server_name设置为www.test.top：

image038-打码.png

这样，/etc/nginx/vhost目录下就有两个配置文件，blog.conf和wwwblog.conf：

image039.png

  • 进入到/etc/nginx/，打开/etc/nginx/目录下的nginx.conf文件，添加下面一行代码，将刚才新建的配置文件引入进来。*.conf的意思是将vhost文件夹下的所有.conf后缀的文件都引入了进来。注意：要写在http{}的里面。

image-20240130182518450

include /etc/nginx/vhost/*.conf;

image040.png

至此，完成了 nginx 路由的配置，将域名和云服务器指定路径进行了绑定。

4、安装nodeJS

  1. 通过yum命令安装

输入输入命令：

curl -sL https://rpm.nodesource.com/setup_18.x - | bash -
yum install -y nodejs

image042.pngimage044.pngimage046.pngimage048.png

安装完成后执行 node -v 和 npm -v ，如果打印版本号则安装成功。

image049.png

  1. 下载安装包安装

centos7系统参考这篇博客：

CentOS7 安装NodeJS详细教程（附带安装步骤）_centos7安装node-CSDN博客

步骤四：配置服务端Git

这一部分主要目的是本地电脑可以通过ssh方式连接到云服务器，然后就可以通过命令行方式将博客传到云服务器上。

1、安装Git

输入命令：

yum install git

image050.pngimage052.png

2、配置Git用户

输入以下命令添加 Git 用户：

adduser git

image055.png

修改用户权限命令：

chmod 740 /etc/sudoers

打开/etc/sudoers命令：

vi /etc/sudoers

在这个位置添加语句：

git ALL=(ALL) ALL

image056.png

保存退出后，将sudoers文件权限改回原样：

chmod 400 /etc/sudoers

设置 Git 用户的密码：

sudo passwd git

image058.png

要注意在linux中输入密码是不可见的，但是不意味着你没有输入成功，所以放心输入然后按enter即可

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

su git
cd ~
mkdir .ssh
cd .ssh

image060.png

3、配置Git密钥

生成服务器的公钥密钥文件命令，输入后都按回车即可！！！

ssh-keygen

image-20240206113656771

在第3行和第7行可以看到，此时在root下的.ssh目录下就会有两个文件，分别是id_rsa和id_rsa.pub，其中id_rsa.pub就是公钥文件，复制一份：

cd .ssh
cp id_rsa.pub authorized_keys

image062.jpg

这样目录下就会有一个authorized_keys文件，修改它的权限：

chmod 600 ~/.ssh/authorized_keys
chmod 700 ~/.ssh

image063.png

  • 在本地客户端生成密钥

在本地电脑的CMD命令行工具中输入ssh-keygen -t rsa，都按回车即可！会在本地电脑的用户文件夹下生成密钥：

image065.png

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

接着将本地电脑的id_rsa.pub文件的内容全部复制到云服务器的authorized_keys文件的末尾。可采用的方法有：

  1. 打开文件，直接复制内容并粘贴
vi ~/.ssh/authorized_keys

image-20240206122103926

~: 表示当前用户的主目录，即家目录。

  1. 通过Xftp文件传输工具，先将本地电脑的id_rsa.pub文件传输到云服务器某位置，再在云服务器上该位置执行cat id_rsa.pub >> ~/.ssh/authorized_keys即可
  • 然后我们在本地电脑上，打开 cmd，使用ssh方式连接云服务器，输入：

ssh -v git@云服务器的公网IP

image067-打码.pngimage068-打码.png

最后提示Welcome to Alibaba Cloud Elastic Compute Service !，说明不用输入密码也登录成功了，即配置 Git 密钥成功，以后更新博客部署的时候不用输入 Git 密码了！

4、创建Git仓库

接着在服务器中创建一个 Git 仓库，并且新建一个post-receive

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

image-20240206124401541

输入以下内容：

git --work-tree=/home/www/website --git-dir=/home/git/blog.git checkout -f
image-20240206124313229

要注意！复制的前面几个字母会被删除，需要自己补充一下

保存退出并授予该文件可执行权限，命令：

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

到此服务器端配置完成。

步骤五：配置Hexo并部署发布

1、安装插件

本地电脑和服务器端配置都完成后，在本地电脑的 Hexo 根目录下，输入以下命令安装插件：

npm install hexo-deployer-git --save

npm install hexo-server

可以在vscode中输入：

image-20240206124803070

2、修改参数

打开_config.yml文件，修改deploy项目如下：

 type: git
 repo: root@云服务器公网IP:/home/git/blog.git
 branch: master

image-20240206125137700

其中，type项表示部署类型为git，仓库repo地址为git@云服务器公网IP:/home/git/blog.git，分支branch为master主分支。

3、远程部署

对博客进行的美化、功能添加、文章拟写等完毕后，命令行输入hexo clean清除本地缓存，输入hexo g -d生成静态文件，并部署到远程仓库。

hexo clean
hexo g -d

此时本地的博客页面已经部署到了服务器的/home/www/website目录下：

image076.png

注意：

部署完成后，若打开页面没变化，可以在云服务器输入以下重启nginx即可：

nginx -s reload

到此，通过 hexo 搭建博客并部署到阿里云轻量应用服务器总算完成啦~

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1966413.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

零基础入门转录组数据分析——机器学习算法之boruta（筛选特征基因）

零基础入门转录组数据分析——机器学习算法之boruta（筛选特征基因）

零基础入门转录组数据分析——机器学习算法之boruta（筛选特征基因） 目录 零基础入门转录组数据分析——机器学习算法之boruta（筛选特征基因）1. boruta基础知识2. boruta（Rstudio）——代码实操2. 1 数据处理…
阅读更多...
[Docker][Docker Volume]详细讲解

[Docker][Docker Volume]详细讲解

目录 1.什么是存储卷？2.为什么需要存储卷？1.数据丢失问题2.性能问题3.宿主机和容器互访不方便4.容器和容器共享不方便 3.存储卷分类1.volume docker 管理卷2.bind mount 绑定数据卷3.tmpfs mount 临时数据卷 5.管理卷 Volume1.创建卷1.-v 参数2.--mount …
阅读更多...
《Milvus Cloud向量数据库指南》——向量数据库性价比大比拼：谁才是性能之王？

《Milvus Cloud向量数据库指南》——向量数据库性价比大比拼：谁才是性能之王？

在分析这份向量数据库（Vector Databases）的性价比排名表格时，我们需要从多个维度深入探讨，包括但不限于硬件配置、价格/性能比（QP$，即每百万次查询所花费的价格）、数据集大小、查询类型（无标量过滤、低标量过滤、高标量过滤）以及不同服务提供商之间的比较。以下是一个…
阅读更多...
微波治疗仪，美容仪，爆脂仪电源板

微波治疗仪，美容仪，爆脂仪电源板

分享一下爆脂仪，美容仪，微波治疗仪电源板，高压输出为-2000v，驱动电流最大100mA，匹配磁控管功率输出100w
阅读更多...
KubeBlocks v0.9 解读｜最高可管理 10K 实例的 InstanceSet 是什么？

KubeBlocks v0.9 解读｜最高可管理 10K 实例的 InstanceSet 是什么？

实例（Instance）是 KubeBlocks 中的基本单元，它由一个 Pod 和若干其它辅助对象组成。为了容易理解，你可以先把它简化为一个 Pod，下文中将统一使用实例这个名字。 InstanceSet 是一个通用 Workload API，负责…
阅读更多...
python-进度条和计时器

python-进度条和计时器

from tqdm import tqdm import time# 设置任务的总步骤数 total_steps 100# 使用tqdm创建进度条 with tqdm(totaltotal_steps, unitstep) as pbar:# 开始计时start_time time.time()# 模拟任务步骤for i in range(total_steps):# 模拟每一步的工作负载time.sleep(0.1) # 假设…
阅读更多...
C语言：自定义类型进阶（结构体、联合体、枚举）

C语言：自定义类型进阶（结构体、联合体、枚举）

自定义类型（结构体、联合体、枚举） 一、结构体（一）结构体的内存对齐1、结构体内存对齐规则（1）引子（2）offsetof 宏函数（3）内存对齐原理（4&#xff…
阅读更多...
【HM】DevEco Studio提供Hot Reload（热重载）能力确实好用！帮助开发者更快速进行调试。但要注意以下几点？

【HM】DevEco Studio提供Hot Reload（热重载）能力确实好用！帮助开发者更快速进行调试。但要注意以下几点？

​​ 仅支持开发者在真机上运行/调试运行： 1、运行时，选择带H标识的entry； 2、运行设备选择已连接的真机； 3、运行中修改了文件后，点击H标识，在真机即刻可见效果。 注意约束条件： 只支持真…
阅读更多...
硬盘信息，电脑硬盘查看工具

硬盘信息，电脑硬盘查看工具

硬盘信息，电脑硬盘查看工具 硬盘信息，电脑硬盘查看工具
阅读更多...
FPGA开发——状态机的使用

FPGA开发——状态机的使用

一、概述 我们在使用FPGA进行开发的过程当中，实现一个东西用得最多的实现方法就是状态机的实现方法，用一句话总结就是万物皆可状态机，这和我们在学习Linux时常说的在Linux中万物都是文件差不多，这里就主要就是突出状态机的应用范…
阅读更多...
Moretl 文件同步工具 1.1.0.3

Moretl 文件同步工具 1.1.0.3

永久免费: 前往Gitee最新版本 更新内容 Winform全部切换到.Net Framework 4.0. 更符合大部分的自动化设备. Web提供.Net Framework 4.0的运行时环境安装包 Web打开时,若当前IP为设备,直接显示设备信息 介绍 用途: 定时全量或增量 采集工控机,办公电脑文件以及日志.(SCADA,I…
阅读更多...
Apache JMeter是一款纯java编写负载功能测试和性能测试开源工具软件

Apache JMeter是一款纯java编写负载功能测试和性能测试开源工具软件

​​ jmeter性能测试 1. Jmeter简介 Apache JMeter是一款纯java编写负载功能测试和性能测试开源工具软件。相比Loadrunner而言，JMeter小巧轻便且免费，逐渐成为了主流的性能测试工具，是每个测试人员都必须要掌握的工具之一。 本文为JMeter…
阅读更多...
进口不锈钢309S螺栓的应用优势

进口不锈钢309S螺栓的应用优势

进口不锈钢309S螺栓因其优异的性能和广泛的应用范围而在许多行业中备受青睐。309S不锈钢是一种含硫的易切削不锈钢，具有良好的耐高温和耐腐蚀性能，使其成为高温环境下理想的选择。下面我们就来详细探讨一下进口不锈钢309S螺栓的应用优势。 一、309S不锈钢…
阅读更多...
请你谈谈：spring拦截器的应用-preHandle postHandle afterCompletion执行顺序问题的讨论？

请你谈谈：spring拦截器的应用-preHandle postHandle afterCompletion执行顺序问题的讨论？

首先我们，给出一个demo来看下拦截器方法执行顺序： import org.springframework.stereotype.Component; import org.springframework.web.servlet.HandlerInterceptor; import org.springframework.web.servlet.ModelAndView;import javax.servlet.http.…
阅读更多...
第一百八十五节 Java XML教程 - Java DOM简介

第一百八十五节 Java XML教程 - Java DOM简介

Java XML教程 - Java DOM简介 DOM是标准的树结构，其中每个节点包含来自XML结构的一个组件。 XML文档中两种最常见的节点类型是元素节点和文本节点。 使用Java DOM API，我们可以创建节点，删除节点，更改其内容，并遍历节…
阅读更多...
TypeScript 定义不同的类型（详细示例）

TypeScript 定义不同的类型（详细示例）

还是大剑师兰特：曾是美国某知名大学计算机专业研究生，现为航空航海领域高级前端工程师；CSDN知名博主，GIS领域优质创作者，深耕openlayers、leaflet、mapbox、cesium，canvas，webgl，ech…
阅读更多...
抖音评论爬虫数据采集|抖音评论抓取工具|代码|源码

抖音评论爬虫数据采集|抖音评论抓取工具|代码|源码

抖音评论提取软件使用说明 抖音视频评论提取到的内容：1：视频名称 2：视频作者 3：作者地址 4：视频地址 5：评论人昵称。6：评论人主页地址。7：评论内容 8：评论日期 软件支持…
阅读更多...
我是客服新手，打字很慢，怎么办？

我是客服新手，打字很慢，怎么办？

作为客服新手，打字速度缓慢可能影响工作效率，本文介绍了提高打字速度，以及使用聊天宝快捷回复工具等提效的诀窍 前言 我是客服新手，打字速度缓慢可能影响工作效率。本文将分享如何提高客服打字速度，包括使用聊天宝快捷…
阅读更多...
协助我们进行论文写作的ChatGPT们究竟是如何工作的？

协助我们进行论文写作的ChatGPT们究竟是如何工作的？

学境思源，一键生成论文初稿： AcademicIdeas - 学境思源AI论文写作 大型语言模型（LLMs）正在彻底改变我们与人工智能的互动方式，特别是在写作和创作领域。这些先进的人工智能系统不仅在改变作家和创作者的格局&#xff…
阅读更多...
＜数据集＞遥感航拍飞机识别数据集＜目标检测＞

＜数据集＞遥感航拍飞机识别数据集＜目标检测＞

数据集格式：VOCYOLO格式 图片数量：2398张 标注数量(xml文件个数)：2398 标注数量(txt文件个数)：2398 标注类别数：1 标注类别名称：[plane] 序号类别名称图片数框数1plane239815178 使用标注工具&#…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023