全免费GitHub Pages建站方法

时间：2023-08-01 00:00:01 | 来源：网站运营

时间：2023-08-01 00:00:01 来源：网站运营

全免费GitHub Pages建站方法：我有一期相关的视频发布了，但是竟然有人提议说不直观……那好叭，上图文教程！

一切的一切都不是从github开始！

从这个软件开始：

直接附上下载链接，不多说。软件里面引导很全面，也不必多说。只不过访问github网站的时候记得打开系统代理。

1.打开软件，根据提示安装根证书，点击左侧大按钮开启。（当然有时候这个软件会起反作用，但是自己试试就知道了）

2.然后打开浏览器，访问github官网。

自行注册验证邮箱并登录，全程有向导，不必多说。

3.进入主页，点击左上角列表上方绿色的的“new”按钮。

4.设置都不要动，只是在“Repository name”框中输入你想要的存储库名称（网址二级目录名，不要用中文，不然容易出错），下面的长框框是存储库名称，可选填。然后直接划到最下面，点击绿色的“Create epository”按钮。

完了以后进入这个页面：

5.这时，下载“Github Desktop软件”，登录。然后点击“file”，点击“Clone repository”。附上下载链接：

6.找到我们刚刚创建的存储库名称，选好本地目录，点击“clone”。

7.克隆完成长这样

8.点击右侧的“Show in Explorer”就能在资源管理器里面看到克隆的存储库啦！（注意，里面的“.git”文件夹千万不能删，或者直接在默认代码编辑器打开也可以，这里的第一个大项，我的默认代码编辑器是vscode）

9.右键新建文本文档，重命名为index.html（一定是这个名字，这是主页，浏览器访问域名默认访问的就是这个页面），在里面写好html代码。我这里就写的简单一些。可以用记事本编辑，但是最好用Vscode。

10.编辑代码，保存。附上VScode下载链接：

11.双击打开刚刚创建的文件，测试网页（或者直接在代码编辑器按下f5）。

12.确认网页无误时，回到Github Desktop。软件会自动检测到你刚刚增加的文件和更改的代码。绿色代表增加，红色代表删除，黄色代表更改。

一般情况下软件会自动为你创建提交名称。但是有时候不会，所以就要你自己加个提交名称啦~（位置为左下角“Create index.html”编辑框的位置）

13.完事以后“commit to main”按钮会亮起，点击这个蓝色的按钮。稍等片刻，等待“Publish Branch”按钮亮起，点击这个按钮。

稍等片刻，等待文件提交到存储库。如果“publish branch”菜单没有消失，就再试一次，直到消失为止。

提交完成大概长这样：

14.回到github网站，刷新一下我们刚刚提交的一个文件出现了。

这时候如果你心情好，可以添加一个“readme”的文件介绍一下自己的存储库。

15.点击工具栏的“Settings”，点击左侧的“pages”，Branch项下拉选择“main”，点击右侧的“save”。

16.当最上方出现横幅提示“GitHub Pages source saved.”时，稍等片刻。

17.你可以在“actions”选项卡查看页面构建进度。图标由旋转的黄点变为绿色的“√“时，页面构建就完成了。

18.返回到“pages”设置页面，手动刷新页面，看到“Your site is live at……”提示，后面的蓝色字网址就是你的网站网址。点击右侧的“Visit site”即可访问你刚刚编辑的网页在线版。

访问效果：

以后更新网站，就只需要重复第8-13步就可以啦！提交完文件以后，稍等页面构建片刻（可以用第17步的方法查看进度）就能看到自己的网站更新啦！

不过还是要有几点注意的：

1。单个文件不得大于100MB

2。不能创建非法网站

3。github pages配置带宽比较低，所以不要使用过大的图片，可能会需要很长时间加载，影响体验。所以尽量使用小一点的图片。推荐一个图片压缩网站。

顺便说一下，这个工具来自即时工具，这是一个全免费的超全面国内电脑在线小工具网站！

好啦，感谢您看到这里！那么本期文章就到这里，下期再见，拜拜┏(＾0＾)┛！

博主是未成年人，码字或技术有错误敬请多多指教，谢谢！希望您可以给个赞同、喜欢、收藏、关注，鼓励一下，万分感谢！您的支持是博主最大的更新动力！