Github Pages建站及自定义域名
本文最后更新于 1051 天前,其中的信息可能已经有所发展或是发生改变。

引言

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

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

创建 Github 仓库

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

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

Git 环境安装

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

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

$ git config --global user.name "Your Name"
$ git config --global user.email "email@example.com"

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

例如我的

$ git config --global user.name "yexca"
$ git config --global user.email "yexcano@gmail.com"

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 – 廖雪峰的官方网站

本文链接:Github Pages建站及自定义域名
本文章由 yexca 采用 知识共享署名 - 非商业性使用 - 相同方式共享 4.0 国际许可协议 进行许可,转载请注明出处。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇