在数字化时代，拥有一个个人网站已成为展示自我、分享观点的重要途径，GitHub Pages 是一个免费的静态站点托管服务，允许用户将网站部署在 GitHub 仓库上，本文将详细介绍如何使用 GitHub Pages 搭建个人网站，包括环境准备、创建仓库、选择主题、撰写内容等步骤，帮助您轻松上手。
环境准备
1、注册 GitHub 账号：您需要有一个 GitHub 账号，如果还没有，请访问 GitHub 官网（https://github.com/）进行注册。
2、安装 Git：Git 是一个版本控制系统，用于跟踪代码历史记录和协作开发，您需要在本地计算机上安装 Git，下载地址：https://git-scm.com/downloads
3、安装 Node.js：Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，为了方便后续操作，建议安装 Node.js，下载地址：https://nodejs.org/en/download/
创建 GitHub 仓库
1、登录 GitHub 账号，点击右上角的“+”号，选择“New repository”创建新仓库。
2、在“Repository name”中输入仓库名称，username.github.io（username 是您的 GitHub 用户名），注意：仓库名称必须按照此格式命名，否则无法通过 GitHub Pages 访问。
3、选择仓库的可见性（Public 或 Private），勾选“Initialize this repository with a README”初始化仓库。
4、点击“Create repository”创建仓库。
配置 GitHub Pages
1、进入刚刚创建的仓库，点击“Settings”进入设置页面。
2、在左侧菜单中找到“GitHub Pages”选项，点击“Choose a theme”选择一个主题，这里可以选择一个自己喜欢的主题，也可以先不选择，后续再自定义。
3、选择主题后，点击“Publish page”发布页面。
4、此时，您的 GitHub Pages 网站已经可以访问了，访问地址为：https://username.github.io（username 是您的 GitHub 用户名）。
本地搭建环境
1、在本地计算机上，打开命令行工具（如 Git Bash 或终端），进入您想要存放网站文件的目录。
2、克隆刚刚创建的 GitHub 仓库：
```
git clone https://github.com/username/username.github.io.git
```
将 username 替换为您的 GitHub 用户名。
3、进入仓库目录：
```
cd username.github.io
```
同样将 username 替换为您的 GitHub 用户名。
4、安装 Hexo：Hexo 是一个快速、简洁且高效的博客框架，我们可以使用它来搭建静态网站。
```
npm install -g hexo-cli
```
5、初始化 Hexo：
```
hexo init
```
这将在当前目录下创建一个 Hexo 网站。
6、安装依赖：
```
npm install
```
7、生成静态文件：
```
hexo generate
```
或者简写为：
```
hexo g
```
8、启动本地服务器：
```
hexo server
```
或者简写为：
```
hexo s
```
这时，您可以在浏览器中访问 http://localhost:4000 预览网站。
撰写内容和发布
1、创建新文章：
```
hexo new "文章标题"
```
这将在 source/_posts/ 目录下创建一个新文章文件。
2、使用 Markdown 语法撰写文章。
3、生成静态文件：
```
hexo generate
```
或者简写为：
```
hexo g
```
4、提交到 GitHub：
```
git add .
git commit -m "更新描述"
git push origin master
```
5、等待几分钟，访问 https://username.github.io 查看网站更新。
自定义主题
1、在 Hexo 官方网站（https://hexo.io/themes/）选择一个喜欢的主题。
2、下载主题：
```
git clone https://github.com/主题作者/主题名称.git themes/主题名称
```
将主题名称替换为实际值。
3、修改 _config.yml 文件，将 theme 字段设置为下载的主题名称。
4、重新生成静态文件并提交到 GitHub：
```
hexo generate
git add .
git commit -m "更换主题"
git push origin master
```
5、访问 https://username.github.io 查看更换主题后的效果。
通过以上步骤，您已经成功使用 GitHub Pages 搭建了一个个人网站，接下来，您可以不断丰富网站内容，展示自己的才华和观点，祝您玩得开心！
还没有评论，来说两句吧...