hexo+Next+华为云 搭建个人博客

本文介绍了如何使用Hexo框架和Next主题,结合华为云服务器,搭建一个个人博客。首先,安装git、node.js和Hexo,然后配置Next主题并自定义网站。接着,获取公网域名和云服务器,设置解析并开放端口。通过花生壳实现外网访问,最终完成个人博客的搭建。虽然过程中涉及较多配置,但整个过程对于熟悉技术的人来说是一种有趣的体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

目录

写在前面

基于Hexo搭建web应用

安装git

安装node.js

安装Hexo

使用next主题

自定义配置

获取公网域名

获取公网服务器 

设置解析

安装启动花生壳

设置解析

开放端口

开放安全组

总结


写在前面

搭建一个个人博客,可以选择自己编写网页代码,也可以直接使用开源的博客框,自己写web代码样式效果总是不尽人意,所以这里推荐使用hexo框架。

部署应用的方式也有很多,有直接在本机run起来就OK了,不需要Internet访问;有依托github服务器部署,但Internet访问速度比较慢;有直接部署在自己的机器上,但开关机频繁不是长久之计, 而且电信给的IP(没域名的情况下)是动态的,一段时间就会变;有购买一个云服务器部署在上面等等,这里推荐使用云服务器,快速方便。

虽然方式多种多样,但是总的来说,搭建一个外网可访问的个人博客,整个过程大体上都可以分为如下步骤:

  1. 编写web应用;
  2. 获取公网域名;
  3. 获取公网服务器 ;
  4. 设置路由解析(把域名指向服务器的IP,通过域名访问网站);
  5. 在服务器上启动应用;

基于上诉步骤搭建,其实选择还是很多的。本着快速,简洁,成本低的原则,这里介绍一种方式:

基于Hexo搭建web应用

首先,这一步是在windows 10下操作的,后续放到linux服务器中。


安装git

官网链接:https://git-scm.com/download/win

长期有效无提取码百度云:https://pan.baidu.com/s/1wQrz19YBkgia8CehzstSjw

安装建议一直点next即可。

安装node.js

官网链接:http://nodejs.org/download/

安装建议一直点next即可。


安装Hexo

Hexo官方文档地址为:https://hexo.io/zh-cn/docs/   内容十分详细,建议参考。
在某处新建一个文件夹,作为站点目录,在这个文件夹内右键,选 `git bash here` ;

弹出框中输入安装hexo 指令

npm install -g hexo-cli

这个指令反应速度可能没那么快,请耐心等;

安装完成可使用如下指令查看版本,安装是否成功

hexo -v

继续初始化,安装依赖,debug模式启动应用,继续顺序输入以下指令:

hexo init
npm install
hexo s --debug

这时可以看到如下成功启动的日志(仅截取部分),默认端口是4000,可访问http://localhost:4000/看是否OK。

到这里,我们成功完成了第一步,但我们发现网站还是非常单调的,这时候我们可以选择使用Next主题

使用next主题

Next官网:http://theme-next.iissnan.com/    内容十分详细,建议参考。

首先要说一个概念:

在 Hexo 中有两份主要的配置文件,其名称都

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Clark Kent 2000

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值