如何用GitHub Pages搭建Jekyll主题作品集并绑定自定义域名（免主机费）

完全可以用GitHub Pages免费搭建Jekyll主题的个人作品集网站，还能绑定自定义域名，全程无需支付主机费用，以下是具体操作指导：

一、前期准备 #

• 注册GitHub账号
• 本地搭建Jekyll环境：安装Ruby、RubyGems后，执行命令 gem install jekyll bundler
• 准备自定义域名（域名需自行在服务商处注册，仅需支付域名本身费用，主机费全免）

二、创建GitHub Pages专属仓库 #

• 登录GitHub，新建仓库，仓库名必须为 你的GitHub用户名.github.io（例如 uday7.github.io）
• 勾选「Add a README file」完成创建

三、部署Jekyll主题到仓库 #

• 本地选择一个文件夹，克隆仓库：git clone https://github.com/你的用户名/你的用户名.github.io.git
• 进入仓库目录，初始化Jekyll项目：jekyll new .（注意末尾的点号，代表当前目录）
• 挑选适配GitHub Pages的Jekyll作品集主题，将主题的_layouts、_includes、assets等文件夹覆盖到本地项目，修改_config.yml配置主题参数
• 本地预览效果：bundle exec jekyll serve，访问http://localhost:4000确认内容正常
• 提交代码到GitHub：

  git add .
  git commit -m "Deploy Jekyll portfolio"
  git push origin main
  

• 等待1-2分钟，访问你的用户名.github.io即可看到线上网站

四、绑定自定义域名 #

• 登录域名服务商后台，进入DNS设置，添加两条记录：
  • A记录：主机记录填@，值填写GitHub官方提供的IP（185.199.108.153、185.199.109.153、185.199.110.153）
  • CNAME记录：主机记录填www，值填你的用户名.github.io
• 回到GitHub仓库，进入「Settings」→「Pages」，在「Custom domain」栏输入自定义域名，点击「Save」
• GitHub会自动配置SSL证书，等待DNS生效后，即可通过自定义域名访问网站

注意事项 #

• GitHub Pages仅支持部分Jekyll插件，选主题时需确认兼容性
• 后续更新网站内容，只需修改本地代码后推送到GitHub，即可自动完成线上部署

内容的提问来源于stack exchange，提问作者Uday7