当前位置: 首页 > news >正文

从零开始搭建你的 Hexo 静态博客(支持 macOS 与 Windows)

从零开始搭建你的 Hexo 静态博客(支持 macOS 与 Windows)

本文将手把手教你如何在 macOS 和 Windows 上使用 Hexo 搭建一个属于自己的静态博客,并部署到 GitHub Pages。文末还附带常见问题及解决方案,助你避开“坑”。

为什么选择 Hexo?

Hexo 是一个基于 Node.js 的静态博客框架,轻量、快速、主题丰富,且完全免费。配合 GitHub Pages,你可以拥有一个无需服务器、自动更新、全球可访问的个人博客。

一、macOS 下的搭建流程

1. 安装 Node.js 与 npm

推荐使用 Homebrew 安装:

brew install node   

安装完成后,验证是否成功

node -v
npm -v

2. 设置 npm 镜像(可选但推荐)

国内用户建议切换为淘宝镜像以加速下载:

npm config set registry http://registry.npm.taobao.org/

3. 安装 Hexo CLI

npm install -g hexo-cli

4. 初始化博客项目

选择一个目录(例如 ~/Blog​),执行:

hexo init my-blog
cd my-blog
npm install

5. 安装必要插件

为了支持部署到 GitHub,必须安装 hexo-deployer-git​:

npm install hexo-deployer-git --save

⚠️ 如果跳过此步,执行 hexo deploy​ 时会报错:ERROR Deployer not found: git

同时,如果你希望支持站内搜索,可以安装搜索插件:

npm install hexo-generator-searchdb --save

6. 常用命令一览

命令 说明
hexo new "文章标题" 创建一篇新文章
hexo generate​或hexo g 生成静态文件
hexo server​或hexo s 本地预览(访问http://localhost:4000)
hexo deploy​或hexo d 部署到 GitHub

7. 配置 _config.yml

在站点根目录下编辑 _config.yml​,在底部添加部署配置(替换为你自己的仓库地址):

deploy:type: gitrepo: https://github.com/你的用户名/你的用户名.github.io.gitbranch: main  # 注意:新仓库默认分支可能是 main 而非 master

同时建议设置站点 URL:

url: https://你的用户名.github.io
root: /

二、Windows 下的搭建流程

Windows 的步骤与 macOS 基本一致,主要区别在于 Node.js 的安装方式

  1. 前往 Node.js 官网 下载 Windows 安装包(推荐 LTS 版)。

  2. 安装完成后,打开 PowerShell 或 CMD,验证安装:

    node -v
    npm -v
    
  3. 后续步骤(设置镜像、安装 Hexo、初始化博客、安装插件等)与 macOS 完全相同。

注意:Windows 用户建议使用 Git Bash 而非 CMD,避免路径和编码问题。

三、常见问题与解决方案

问题一:hexo d​ 报错“dubious ownership”或“Spawn failed”

错误示例:

fatal: detected dubious ownership in repository at '.../.deploy\_git'
Error: Spawn failed

原因: Git 2.35.2+ 引入了安全机制,对不信任的目录会拒绝操作。

解决方案:

根据提示,将部署目录加入 Git 的安全白名单:

git config --global --add safe.directory /path/to/your/blog/.deploy\_git

例如在 Windows 中:

git config --global --add safe.directory D:/Documents/blog/.deploy\_git

问题二:持续出现 Error: Spawn failed

可能原因: .deploy_git​ 目录损坏或权限异常。

解决方案(暴力但有效):

  1. 删除 .deploy_git​ 文件夹(位于博客根目录下);
  2. 重新部署:
  3.  hexo cleanhexo ghexo d
    

​#此操作#​会重新生成部署缓存,通常可解决问题。

四、进阶:在 Hexo 中插入数学公式

Hexo 默认不支持 LaTeX 数学公式,但可通过配置 MathJax 或 KaTeX 实现。

推荐参考:Hexo 中插入数学公式

五、总结

通过以上步骤,你已经成功搭建并部署了一个 Hexo 博客!接下来可以:

  • 更换主题(推荐 Butterfly 、NexT )
  • 添加评论系统(如 Gitalk、Waline)
  • 配置 SEO、自定义域名等

坚持写作,你的博客将成为知识沉淀的宝贵资产。

参考资料

  1. Windows 下使用 Hexo 搭建博客 - 知乎
  2. hexo 发生 error:spawn failed 错误的解决方法 - CSDN
  3. hexo d 命令报错 ERROR Deployer not found: git - CSDN

写完别忘了 hexo clean && hexo g && hexo d​ 一键发布!

http://www.fuzeviewer.com/news/15586/

相关文章:

  • 为企业做网站还有前途吗德阳市做网站
  • 好的网站建设公司有哪些微商城网站建设新闻
  • 移动网站制作公司seo是如何优化
  • 你的网站赚钱吗公司网站域名备案流程
  • 网站建设 风险说明网站开发招聘实习
  • 专业的公司网站开发杭州建设工程网
  • 怎么做网站访问量湖南建设厅官网平台
  • 太原网页制作招聘网站设计seo
  • 小程序网站模板wordpress google站内搜索
  • 一个公司备案两个网站嘉兴网站推广价格
  • 辽宁手机版建站系统开发遵义专业网站建设公司电话
  • 好的手机端网站模板下载中山做网站比较好
  • 网站建设安全需求做衣服哪个网站好
  • 自学网站建设要多久网站 html 作用
  • 保定电子网站建设能玩游戏的网站
  • zencart 官方网站j2ee网站开发参考文献
  • 暖色网站模板自己怎样做广告链接
  • ICPC2025西安 游记(VP)
  • 2025年11月汽车水泵轴承源头厂家综合评测与选择指南:徐州优力同创领跑行业
  • 手机网站开发视频教程会网站开发维护的ps什么岗位
  • 网站怎么做切换图片广西建设网站网址多少钱
  • 网站建设-丹东外链建设的原则
  • 平台公司组织架构seo网络优化招聘信息
  • 用jsp源码做网站服装网站建设优点有哪些
  • 网站seo推广哪家值得信赖wordpress更换域名图片不显示
  • 天津网站制作的公司哪家好手机网站建设可行性分析
  • 天水市建设局网站公告龙岗网站建设公司
  • 冀icp 网站建设大专电子商务主要学什么
  • 网站建设需求规格说明书上海工程建设咨询有限公司
  • 基于业务知识和代码库增强的大模型生成代码实践