学习用GitHub Pages搭建静态网站
本文最后更新于 181 天前,其中的信息可能已经有所发展或是发生改变。

GitHub Pages 是一个静态网站托管服务,直接从github仓库托管你个人、公司或者项目页面 ,并且不需要你写任何后端语言来支持。

Github Pages的服务是免费的,但是也有一些限制:

  • 仓库空间不大于1G
  • 每个月的流量不超过100G
  • 每小时更新不超过 10 次

但是这些限制对我们普通人来说肯定没影响的,所以可以忽略。 这里只是将Github Pages当做一个平台,其他详细信息可以在 Github Pages 文档 查看。

创建项目

新建一个仓库Create a New Repository (github.com),名称可以使用你的用户名或者随意,这个后面讲。

进入仓库主页,点击右面的Settings,左边栏找到Pages,点击Choose a theme

随便选择一个主题,点击Select theme,以后可以改

会自动创建index.md_config.yml文件,可以修改也可以不用管,点击gh-pages进入仓库。

浏览器输入<username>.github.io即可访问,如果是随意起的仓库名,那就是访问<username>.github.io/<projectname>。默认启用https。默认显示的是index.md内容。

绑定域名

还是进入Pages页,在Custom domain下填写域名,点击save保存,

然后到dns解析处添加cname记录

等待dns解析生效,不过此时不支持https,等待自动创建SSL证书,时间大约15分钟

出现这个提示说明可以了,Ctrl+F5刷新看看

勾选下面的Enforce HTTPS 强制使用https协议。

如此,在设置方面就完成了,然后就是上传网页了,支持html、js和css。

评论

  1. 你猜
    Windows Chrome 70.0.3538.25
    6月前
    2021-4-26 20:35:19

    我日这么牛皮的?

发送评论 编辑评论


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