加载中...

Hexo 博客部署指南

发表于2020-05-25|更新于2025-09-21|博客搭建

快速开始

创建新文章

1	$ hexo new "My New Post"

更多信息: Writing

启动服务器

1	$ hexo server

更多信息: Server

生成静态文件

1	$ hexo generate

更多信息: Generating

部署到远程站点

1	$ hexo deploy

更多信息: Deployment

常见问题

如果在使用 Hexo 过程中遇到问题:

查看 troubleshooting
在 GitHub 上提问
查阅官方文档

参考资料

文章作者: jim

文章链接: https://johnsmithsren.github.io/renjmBlog.github.io/2020/05/24/hello-world/

版权声明: 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源！

Hexo 静态博客部署

相关推荐

Hexo 博客图片加载优化

问题背景在使用 Hexo 的 Ayer 主题时遇到了图片加载问题。本文记录了解决图片加载问题的过程以及使用七牛云优化图片加载的经验。排查过程检查图片路径通过浏览器开发者工具查看请求路径逐步调试确定正确的图片引用方式修正图片路径配置图片加载优化本地图片加载速度慢,特别是移动端大图片加载耗时严重影响用户体验需要寻找更好的图片存储方案使用七牛云存储优势提供免费额度,适合个人博客使用 CDN 加速,访问速度快支持图片处理功能稳定可靠的服务配置步骤注册七牛云账号创建存储空间获取访问域名上传图片并使用外链最佳实践使用图片存储服务的好处: CDN 加速访问减轻服务器负担提升加载速度优化移动端体验选择合适的图片服务: 七牛云阿里云 OSS 腾讯云 COS 各类图床服务总结通过使用七牛云存储服务,成功解决了博客图片加载慢的问题。建议新建博客时就考虑使用专业的图片存储服务,可以获得更好的访问体验。参考资料七牛云文档 Hexo 文档 Ayer 主题文档

为 Hexo 博客添加 Gitalk 评论系统

配置步骤1. 注册 GitHub OAuth Application 进入 GitHub Settings -> Developer settings -> OAuth Apps 点击 “New OAuth App” 填写相关信息: Application name: 随意填写 Homepage URL: 博客地址 Authorization callback URL: 博客地址 2. 安装 Gitalk1npm install --save gitalk 3. 修改主题配置在主题的 _config.yml 中添加: 12345678gitalk: enable: true clientID: 'GitHub Application Client ID' clientSecret: 'GitHub Application Client Secret' repo: 'GitHub repo name' owner: 'GitHub repo owner' admin:...

前言时隔多年，终于决定重新启用我的个人博客。技术栈 Hexo: 静态博客框架 GitHub Pages: 网站托管 Butterfly: 主题 js.org: 免费域名搭建过程1. 环境准备 Node.js 环境配置 Git 安装与配置 2. Hexo 安装与配置 Hexo 框架安装基本配置调整主题选择与安装 3. 部署相关 GitHub Pages 配置自动部署流程域名设置遇到的问题与解决方案后续计划完善博客功能添加评论系统优化SEO 编写更多技术文章总结博客重启之旅时隔两年重启博客，面临着许多挑战。最初的 Hexo 环境已经无法找到，但这反而给了我一个重新开始的机会。在这个过程中，我深刻体会到了技术发展的日新月异，特别是 AI 技术的突飞猛进。 AI 辅助开发的新体验从最初使用 ChatGPT 到现在的 AI 编辑器，这种变化令人惊叹：早期 AI 辅助体验需要手动复制代码到 OpenAI 网页虽然比传统搜索引擎效率高，但交互过程仍然繁琐需要非常精确的问题描述才能获得准确答案 AI...

Hexo博客自动化部署：GitHub Actions实践指南

背景介绍为什么选择 GitHub Actions 持续集成与部署的必要性自动化工作流的价值 Hexo 博客部署的痛点所需工具 Node.js npm GitHub Personal Access Token GitHub Actions 工作流配置触发条件推送到主分支手动触发部署权限配置最小权限原则 contents: write 的作用部署步骤1. 生成 Personal Access Token在 GitHub 中生成 Personal Access Token 的步骤如下：进入 GitHub Settings 点击 “Developer settings” 选择 “Personal access tokens” 点击 “Generate new token (classic)” 选择必要的权限，至少包括 repo 和 workflow 生成并复制 Token 2. 配置 GitHub Actions TokenHexo 博客通常涉及两个 GitHub 仓库：博客源码仓库（用于管理 Hexo 配置和文章）博客展示仓库（GitHub...