Hexo+Coding搭建自己的博客网站系列1-本地环境部署

本文分享了使用Hexo和Next主题搭建个人博客网站的全过程,包括环境配置、主题安装及本地部署等关键步骤,适合对自建博客感兴趣的技术爱好者。

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

前言
我的博客:https://fitz1318.top/
最近我终于实现了自己很久之前关于搭建自己专属的博客网站的目标,现在把搭建期间的过程和走过的坑记录下来,如果你对搭建自己的网站有兴趣,不妨可以参考一下我的文章。
首先我说下自己的版本,本地环境部署需要做以下几件事

hexo 3.8.0
Next 6.7.0
  1. 安装Node.js Node.js安装包下载地址,选择安装位置,然后安装时一直点next即可。
  2. 安装Git Git安装包下载地址,选择安装位置,然后安装时一直点next即可。
  3. 设置全局淘宝源,键入命令 npm config set registry https://registry.npm.taobao.org这样就可以加速下载
    然后键入命令npm install -g hexo-cli,等待安装完成,至此Hexo的环境就搭建好了。
  4. 在电脑的适当位置,我选择安装到F盘,然后右键选择Git bash,如下图所示
    在这里插入图片描述
    键入命令hexo init Blog新建完成后,在路径下会产生下列这些文件夹和文件
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes

在这里统一说一下站点配置文件即 _config.yml,主题配置文件即Blog\themes\主题文件夹\_config.yml(我这里是Next主题即为Blog\themes\next\_config.yml)
5. 点击Blog,然后右键选择Git bash here,如下图所示
在这里插入图片描述
键入启动命令hexo s,然后浏览器访问http://localhost:4000/,会出现下图
在这里插入图片描述
至此本地环境部署结束。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值