1. 环境准备​
确保本地安装 Node.js（v14+）和 Git，执行以下命令安装 Hexo：​
​
# 全局安装Hexo CLI​
npm install -g hexo-cli​
​
# 初始化博客项目​
hexo init my-blog​
cd my-blog​
​
# 安装依赖​
npm install​
​
2. 配置基础信息​
修改项目根目录的_config.yml文件，设置博客标题、作者、语言等核心配置：​
​
title: 我的技术博客​
subtitle: 记录前端开发的点点滴滴​
description: 专注于JavaScript、CSS、前端工程化分享​
author: 开发者姓名​
language: zh-CN # 中文支持​
timezone: Asia/Shanghai # 时区​
​
# 部署配置（后续部署到GitHub Pages需用到）​
deploy:​
type: git​
repo: https://github.com/你的用户名/你的用户名.github.io.git​
branch: main​
​
3. 创建第一篇文章与主题配置​
Hexo 支持 Markdown 格式写作，执行命令快速创建文章：​
​
# 创建名为“静态网站生成器优势”的文章​
hexo new "静态网站生成器优势：速度与安全的双赢"​
​
生成的 Markdown 文件位于source/_posts目录下，编辑内容后，可通过以下命令预览效果：​
​
# 启动本地服务器，访问http://localhost:4000查看​
hexo server​
​
若需更换主题（Hexo 默认主题为 landscape，生态中有数百款免费主题），以热门主题next为例：​
​
# 克隆主题到themes目录​
git clone https://github.com/next-theme/hexo-theme-next.git themes/next​
​
# 在_config.yml中指定主题​
theme: next​
​
4. 部署到 GitHub Pages​
安装部署插件，执行命令一键部署：​
​
# 安装git部署插件​
npm install hexo-deployer-git --save​
​
# 生成静态文件并部署​
hexo clean && hexo generate && hexo deploy​
​
部署完成后，访问https://你的用户名.github.io即可看到在线博客，后续发布文章只需重复 “创建 - 编辑 - 部署” 三步。​
三、静态网站的进阶优化技巧​
加速加载：使用 CDN 加速静态资源，例如将 Hexo 生成的public目录部署到 Cloudflare Pages 或阿里云 OSS，配合 CDN 节点降低访问延迟；​
增强功能：通过插件扩展功能，如hexo-generator-search实现站内搜索，hexo-disqus集成 Disqus 评论系统，hexo-filter-github-emojis支持 GitHub 表情；​
SEO 优化：安装hexo-seo插件自动生成 sitemap.xml 和 robots.txt，在文章 Markdown 头部添加keywords和description标签，提升搜索引擎收录率。