关于从零搭建Hexo博客并部署阿里云服务器(奶妈级教学)

前言

前天刚买了个云主机,就开始学着搭博客了,参考了挺多大手的博客,最终还是选择使用Hexo来作为自己的博客框架。测试结束了,今天也将自己搭博客过程中踩过的坑做一个输出,希望对有想法要做自己的博客的同学们有一些帮助。

一、云服务器和域名的购买

  • 云服务器

服务器我选择的是阿里云这边的,由于自己是学生所以体验了一把阿里云的云翼计划,当然阿里云和腾讯云的价格都差不多,同学们可以自行选择。

云服务器购买

  • 域名

域名可以上万网自己找自己喜欢的,在这里要说的是,如果是国内的域名是要备案的,我的域名也正在备案当中,大概是6-20个工作日,如果不想等的同学可以购买国外的域名。

二、关于云服务器的操作

  • 1.配置安全组规则

由于阿里云是默认不授权80端口的访问的,所以我们要手动配置。

打开阿里云服务器管理控制台->点击左侧安全组->点击右侧的配置规则->点击添加安全组规则

如下图
配置安全组规则
这是个大坑,如果不设置就无法访问服务器,所以放在第一点说。

  • 2.配置服务器环境

    • 1.服务器环境搭建

    我们需要nginx作为我们的服务器,所以我们首先要安装nginx。可以使用yum命令直接进行安装。
    安装执行命令如下
    yum install -y nginx
    启动服务器:
    systemctl start nginx
    systemctl enable nginx
    我们要记住的是/etc/nginx/是nginx默认的配置路径,一会要用到。

    • 2.配置服务器路由

    安装并启动服务器后,我们就完成了第一步,现在我们可以尝试使用自己的电脑去访问服务器的公网IP。我们可以惊喜地发现,公网IP可以打开一个nginx的默认网页。这样,我们就成功了第一步。

    nginx访问成功

    但是我们实际上是想要让这个地址指向我们的博客,而不是nginx的默认网址,这就需要我们去配置nginx的配置文件。我在配置的时候在网上查到的关于nginx配置文件的有关资料,大部分关于c

<think>好的,用户想了解如何使用Hexo搭建博客部署阿里云服务器。首先,我需要整理整个流程,确保步骤清晰,用户能一步步跟着操作。 首先,Hexo是基于Node.js的,所以需要先安装Node.js和Git。这两个是基础环境,用户可能已经安装过,但最好还是提醒他们检查版本,确保兼容性。安装完成后,通过npm安装Hexo-cli,然后初始化项目,这应该是搭建本地博客的第一步。 接下来,生成静态文件和启动本地服务器是常规操作,用户需要验证本地是否运行正常。这时候可能会遇到主题或插件的问题,但用户的问题主要集中在部署,所以这部分可能不需要深入,除非用户后续提问。 然后是部署阿里云的部分。用户需要准备阿里云服务器,这里要提到安全组的设置,开放80、443和22端口,这是关键,否则无法访问。接着在服务器上安装必要的软件,如Git、Nginx和Node.js,确保环境配置正确。 创建Git仓库和配置钩子文件是关键步骤。通过初始化裸仓库,配置post-receive钩子,实现自动同步到网站目录。这里可能需要处理权限问题,用户需要注意目录的所有权和执行权限。 本地Hexo配置部分,需要修改_config.yml文件,添加部署器配置,设置服务器的IP和仓库路径。同时安装hexo-deployer-git插件,这样才能通过hexo d命令推送代码。 最后,生成和部署,清理缓存,确保文件更新。部署成功后,配置Nginx指向网站目录,这样用户才能通过域名或IP访问博客。可能还需要提醒用户绑定域名和配置SSL,但用户的问题可能暂时不需要这部分,不过可以作为优化建议提到。 在引用参考资料时,要确保正确对应。例如,引用[3]提到创建Git仓库,引用[4]涉及部署命令。需要检查每个步骤是否有对应的引用支持,避免错误。 用户可能遇到的问题包括权限设置、端口未开放、钩子脚本执行失败等,但问题中没有提到具体错误,所以回答中先给出标准流程,后续可以建议查看日志或排查这些常见问题。 总结来说,流程分为本地环境搭建、服务器配置、Hexo部署设置、部署和验证几个大步骤,每个步骤需要明确命令和配置,确保用户能一步步操作。同时,相关问题可以引导用户进一步了解优化和自动化部署,比如使用CI/CD工具或配置HTTPS,提升博客的安全性和访问速度。</think>### Hexo 博客搭建部署阿里云服务器完整流程 --- #### **一、本地环境搭建** 1. **安装 Node.js 和 Git** - 下载 Node.js(含 npm)[官网](https://nodejs.org)安装,验证安装: ```bash node -v # 查看Node.js版本 npm -v # 查看npm版本 ``` - 下载 Git [官网](https://git-scm.com)安装,验证安装: ```bash git --version ``` 2. **安装 Hexo** 通过 npm 全局安装 Hexo 命令行工具: ```bash npm install -g hexo-cli ``` 3. **初始化 Hexo 项目** 创建博客目录初始化: ```bash hexo init myblog # 初始化项目 cd myblog # 进入项目目录 npm install # 安装依赖 ``` 4. **本地运行测试** 生成静态文件启动本地服务器: ```bash hexo generate # 或 hexo g hexo server # 或 hexo s ``` 访问 `http://localhost:4000` 查看效果。 --- #### **二、阿里云服务器配置** 1. **服务器基础设置** - 登录阿里云控制台,进入ECS实例,确保安全组开放以下端口: - **80(HTTP)**、**443(HTTPS)**、**22(SSH)** [^1] - 通过 SSH 连接服务器: ```bash ssh root@your_server_ip # 替换为实际IP ``` 2. **安装必要软件** ```bash apt update apt install git nginx nodejs -y # 安装Git、Nginx、Node.js ``` 3. **创建网站目录与Git仓库** - 创建网站根目录: ```bash mkdir -p /var/www/hexo chown -R $USER:$USER /var/www/hexo # 设置用户权限 ``` - 初始化 Git 裸仓库: ```bash mkdir ~/hexo.git && cd ~/hexo.git git init --bare # 创建裸仓库用于接收推送[^3] ``` 4. **配置 Git 钩子(Hooks)** 创建 `post-receive` 钩子脚本: ```bash vim ~/hexo.git/hooks/post-receive ``` 添加以下内容: ```bash #!/bin/bash git --work-tree=/var/www/hexo --git-dir=~/hexo.git checkout -f ``` 赋予脚本执行权限: ```bash chmod +x ~/hexo.git/hooks/post-receive ``` --- #### **三、本地 Hexo 部署配置** 1. **修改 Hexo 配置文件** 编辑 `_config.yml`,添加部署配置: ```yaml deploy: type: git repo: root@your_server_ip:~/hexo.git # 替换为服务器IP branch: master ``` 2. **安装部署插件** ```bash npm install hexo-deployer-git --save ``` --- #### **四、生成部署到服务器** 1. **生成静态文件推送** ```bash hexo clean # 清理缓存[^4] hexo generate hexo deploy # 或 hexo d ``` 2. **配置 Nginx 指向网站目录** 编辑 Nginx 配置文件: ```bash vim /etc/nginx/sites-available/default ``` 修改 `root` 路径: ```nginx server { listen 80; root /var/www/hexo; # 指定网站目录 index index.html; } ``` 重启 Nginx: ```bash systemctl restart nginx ``` 3. **访问博客** 通过浏览器输入服务器 IP 或域名即可访问。 --- #### **五、后续维护** - **更新内容**:本地修改后,重新执行 `hexo clean && hexo g -d` 即可自动部署。 - **备份源码**:将 Hexo 项目源码推送至私有 Git 仓库(如 GitHub),防止丢失。 ---
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值