380 字
2 分钟
Github Pages 搭建静态网页

普通网页内容#

  • 创建账户
  • 创建仓库:仓库命名格式为 username.github.io  例如rongwu651.github.io
  • 创建index.html文件

  • 启动Pages服务:仓库-Settings-Pages

搭建Hexo博客网站#

相关操作#

Terminal window
hexo new "new blog" # 创建新博客文章(md格式)
hexo generate # 生成静态文件 (可写为 hexo g)
hexo s # 启动本地服务器查看 (http://localhost:4000/)
hexo clean # 清理缓存文件
hexo ghexo deploy # 部署到 GitHub(可写为 hexo d)

安装Git并配置账户#

  • 安装Git
  • 桌面右键鼠标-显示更多选项-Open Git Bash here

  • 配置账户Github信息
Terminal window
# 配置用户名和邮箱
git config --global user.name "github 用户名"
git config --global user.email "github 注册邮箱"

安装Node.Js#

安装地址:https://nodejs.org/en/download

  • Windows选择x64 .msi文件,下载后按照指引安装内容(直接下一步)

  • 确认是否安装成功(重新打开一个新的Git Bash)
Terminal window
# 查询版本
node -v # 例如:v22.18.0npm -v # 10.9.3

安装Hexo#

  • 安装客户端至文件所需存放的位置
Terminal window
cd D:
mkdir blog # 创建文件夹
cd blog
npm i hexo-cli -g # 安装hexo客户端
  • 在上述路径下,初始化Hexo
Terminal window
hexo init .
npm install
ls # 查询文件树
.
├── _config.yml # 网站配置信息
├── package.json # 应用程序信息
├── scaffolds # 模板文件夹
├── source # 存放用户资源
| ├── _drafts
| └── _posts
└── themes # 主题文件夹
  • 配置hexo目录下的_config.yml的github账户
Terminal window
deploy:
type: 'git'
repo: https://github.com/username/username.github.io.git #替换username
branch: main

查看内容#

Github Pages 搭建静态网页
https://minthana.github.io/blog/posts/github-pages-搭建静态网页/
作者
Mint
发布于
2025-08-23
许可协议
CC BY-NC-SA 4.0