从零开始，使用GitHub搭建个人网站的全攻略

在数字化时代，个人网站已成为展示个人品牌、分享知识和展示才华的重要平台，而GitHub，作为全球最大的代码托管平台，不仅为开发者提供了便捷的代码管理工具，也成为了搭建个人网站的理想之地，本文将详细介绍如何使用GitHub搭建个人网站，从零开始，一步步实现你的个人网站梦想。

准备工作

1、注册GitHub账号

你需要一个GitHub账号，登录GitHub官网（https://github.com/），点击“Sign up”按钮，按照提示完成注册流程。

2、安装Git

Git是一款开源的分布式版本控制系统，用于跟踪源代码的变更，在GitHub上搭建个人网站需要使用Git进行版本控制和代码托管，下载Git安装包（https://git-scm.com/download），按照提示完成安装。

3、安装Node.js和npm

Node.js是一个基于Chrome V8引擎的JavaScript运行环境，npm（Node Package Manager）是Node.js的包管理器，在GitHub上搭建个人网站通常需要使用Node.js和npm来管理依赖包，下载Node.js安装包（https://nodejs.org/），按照提示完成安装。

选择个人网站框架

在GitHub上搭建个人网站，可以选择多种框架，如Hexo、Jekyll、Hugo等，以下是几种常见的框架：

1、Hexo：一款快速、简洁且高效的静态网站生成器，基于Node.js。

2、Jekyll：一款简单的博客框架，基于Ruby。

3、Hugo：一款快速、简洁且高效的静态网站生成器，基于Go。

本文以Hexo为例，介绍如何使用GitHub搭建个人网站。

搭建个人网站

1、安装Hexo

在本地电脑上创建一个文件夹，用于存放个人网站源代码，打开终端，进入该文件夹，执行以下命令安装Hexo：

npm install -g hexo-cli

2、初始化Hexo

在终端中执行以下命令，初始化Hexo：

hexo init

3、配置Hexo

进入Hexo项目根目录，打开_config.yml文件，根据个人需求进行配置，以下是部分配置项：

title。

subtitle：网站副标题。

author：作者名称。

language：网站语言，如zh-CN。

timezone：时区，如Asia/Shanghai。

4、安装主题

Hexo支持多种主题，你可以在GitHub上搜索并选择自己喜欢的主题，以下以Next主题为例：

cd themes
git clone https://github.com/iissnan/hexo-theme-next.git

5、添加文章

在source/_posts目录下，创建一个Markdown文件，用于编写文章，创建hello-world.md：

title: Hello World
date: 2021-08-01 10:00:00
categories: 
- 技术
tags: 
- Hexo
- GitHub

这是我的第一篇文章，欢迎访问我的个人网站！

6、预览网站

在终端中执行以下命令，预览网站效果：

hexo g
hexo s

访问http://localhost:4000/即可查看你的个人网站。

将网站部署到GitHub Pages

1、创建GitHub Pages仓库

在GitHub上创建一个新的仓库，仓库名格式为用户名.github.io。

2、部署网站

在终端中执行以下命令，将Hexo生成的静态文件部署到GitHub Pages：

hexo generate
hexo deploy

部署成功后，访问http://用户名.github.io/即可查看你的个人网站。

使用GitHub搭建个人网站，可以帮助你快速、便捷地展示个人才华，通过本文的介绍，相信你已经掌握了使用GitHub搭建个人网站的基本步骤，祝你搭建出属于自己的个人网站，开启你的网络世界之旅！