效果预览：一键生成个人专属网页地址

准备：

1. Windows 电脑
2. GitHub 账户
3. 使用 Jekyll 框架搭建静态网站

开始：

首先，让我们了解一下如何使用 GitHub Pages 来轻松创建一个在线的专属网站地址。

第一步：

• 访问 GitHub 网站注册一个账户。

第二步：

• 在本地电脑上安装 Node.js 和 npm 包管理器。具体步骤请参考官方文档：Node.js 安装指南

安装过程：

1. 点击“下载”按钮，选择适合您操作系统的版本进行安装。
2. 安装完成后，在命令行界面中输入 node -v 和 npm -v，返回相应的版本号即表示已成功安装。

第三步：

• 在 GitHub 上创建一个新的仓库（repository），为您的网站地址命名，例如：www.yourname.com或yourname.github.io

第四步：

• 导航到本地仓库目录并在命令行中执行以下命令：

npm install -g hexo-cli
hexo init <仓库名>
cd <仓库名>
npm install

第五步：

• 在配置文件 _config.yml 中设置 Jekyll 网站的主题，例如：

  theme: landscape
  

第六步：

• 创建一些初始博客文章。在命令行中执行以下命令：

hexo new "我的第一篇博文"

第七步：

• 编译并启动预览服务器。

  hexo g # 生成静态文件
  hexo s # 启动服务器
  

第八步：

• 将本地网站提交到 GitHub 仓库中。

  git add .
  git commit -m "Initial commit"
  git push origin master
  

第九步：

• 访问 https://yourname.github.io 即可查看你的个人专属网页地址。

进一步深化操作过程（更换网站主题）：

首先，我们可以选择一个喜欢的主题来替换默认的 Jekyll 主题。以下以“next”主题为例进行说明：

第一步：

• 在命令行中执行以下命令来克隆 next 主题的仓库。

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

第二步：

• 在 _config.yml 文件中找到 theme 字段，并修改为 next。

第三步：

• 执行以下命令更新静态文件：

  hexo generate
  

第四步：

• 再次访问您的个人网站地址 https://yourname.github.io 即可查看已经更换了主题的网页。

以上就是轻松创建个人专属网页地址的全过程。希望这篇教程能够帮到您！在后续的文章中，我们会继续分享更多有趣的内容和技巧。接下来，让我们开始享受创建属于自己网站的乐趣吧！