---

内容简介

🚩Tech Contents：GithubPage/Jekyll/Custom URLs

🐱GitHub Pages：静态网站托管服务，自动将仓库中的代码变为网站/免费提供<用户名>.github.io域名/随最新推送实时更新

🧪Jekyll：静态网站生成器，将MarkDown文件转换为网页/提供主题模板/支持博客功能

📍Custom URLs：支持配置自定义域

---

搭建步骤

GitHub仓库创建

1. 新建仓库，命名方式为<username>.github.io
2. 克隆仓库到本地，自动生成远程配置
3. 提交并推送一个html文件，在浏览器上验证username.github.io是否正常访问

📕 参考：GitHub Pages | Websites for you and your projects, hosted directly from your GitHub repository. Just edit, push, and your changes are live.

⭐提醒 ：

Git中clone/push/pull等命令可能需要解决代理相关问题才能正常使用

• 代理配置参考：[git] 无法pull，无法push，无法clone的问题解决 - 个人文章 - SegmentFault 思否

• 代理软件端口查询方法(win10)：直接在代理软件的设置/配置中获取监听地址/代理端口，或按下图方法查询

---

Jekyll安装使用

Jekyll安装指南

1. 安装Ruby，为Jekyll提供运行环境Downloads (rubyinstaller.org)
2. 验证ruby和gem安装，cmd中分别使用命令ruby -v gem -v
3. 安装Jekyll，cmd中使用命令gem install jekyll bundler
4. 验证Jekyll安装，cmd中使用命令jekyll -v

📕 参考：安装于 Windows_哔哩哔哩_bilibili

⭐提醒 ：

上述过程最好全程开代理，且install操作一般会有较长等待时间，本文Jekyll版本下载中安装了29个gems

Jekyll快速搭建测试

1. 在克隆的文件夹中打开git bash，使用jekyll new myblog

2. 创建完成后，使用命令cd myblog进入文件夹
3. 使用命令jekyll serve，可以在浏览器中输入http://localhost:4000看到jekyll模板生成的静态页面

⭐提醒 ：

上述过程最好全程开代理，且new操作一般会有较长等待时间，本文Jekyll新建myblog时安装了41个gems

Jekyll后续玩法

欢迎 - Jekyll • 简单静态博客网站生成器

看了Jekyll官网的文档，简直讲得不要太详细，根本不需要我写这篇博客😂