Home Github Pages建站及自定义域名
Post
Cancel

Github Pages建站及自定义域名

引言

最近基于Github Pages整了一个个人页面,记录一下如何使用Github Pages建站以及自定义域名

本文没有建站系统等,因为我也就写了一个Markdown文件

创建Github仓库

首先需要注册一个Github账号,登录后创建一个新仓库

其中Repository nameusername.github.io,例如我的Github用户名为yexca,则输入yexca.github.io

Git环境安装

Windows环境直接从Git官网直接下载安装程序即可

安装完成后,打开Git Bash,在命令行输入以下代码

1
2
$ git config --global user.name "Your Name"
$ git config --global user.email "[email protected]"

其中“Your Name”替换为您的姓名,“email@example”替换为您的邮箱

例如我的

1
2
$ git config --global user.name "yexca"
$ git config --global user.email "[email protected]"

Github Desktop

安装

如果您熟悉Git的操作熟悉Git操作怎么会来看我的文章,这一步可以跳过

直接进入Github Desktop官网下载安装即可

克隆仓库

打开Github Desktop后登录Github账号选择一个空文件夹将上一步创建的仓库克隆到本地

然后软件会出现一个仓库变动界面,右方会有一些快捷操作

软件界面

这里我使用VS Code,点击“Open in Visual Studio Code”在VS Code打开

建立网站

这里直接创建一个README.md文件使用Markdown编辑(这里顺便放一个我写的Markdown笔记)

编辑完成并保持后在Github Desktop点击Commit to main,然后点击右方Push origin即可

至此访问username.github.io即可看到网站内容如果没看到请等一段时间

自定义域名

Github Pages

进入刚刚建立的仓库页面,点击Settings,左侧找到Pages,在Custom domain处输入自定义域名然后点击Save

注:在这里可以进行Jekyll建站主题的选择

DNS

在域名的DNS解析处添加一个CNAME类型解析,将域名指向username.github.io,其中username为您的Github用户名

HTTPS

这里我用Github的不知为何没成功,于是使用Cloudflare

在DNS解析处启用代理,然后在SSL/TLS边缘证书处将始终使用HTTPS打开即可

其他建站

因无博客需求,我只是写一个简单的文件,如果是建立博客之类的可以使用一些建站工具

参考文章

GitHub Pages 快速入门 - GitHub Docs

GitHub Pages博客:自定义域名,HTTPS,CAA — 浮云的博客

GitHub Pages 搭建教程

安装Git - 廖雪峰的官方网站

This post is licensed under CC BY 4.0 by the author.

Markdown简述(学习笔记)

VS Code右下角嘉然