使用Github搭建一个免费的静态网站

最新推荐文章于 2024-07-12 14:51:48 发布

火星宇航猿

最新推荐文章于 2024-07-12 14:51:48 发布

阅读量3.8k

点赞数 4

文章标签： github 阿里云 html5

本文链接：https://blog.csdn.net/m0_61325449/article/details/128540702

版权

本文介绍了如何使用GitHub的GitHubPages功能创建和部署免费的静态网站。通过创建GitHub账号，新建仓库，添加HTML文件，然后设置Pages选项，即可得到一个可访问的域名地址，尽管速度可能较慢，但可以通过一些技巧进行优化。这是一个适合初学者展示博客或个人作品的平台。

摘要由CSDN通过智能技术生成

写在前面：

学会这个技巧，你就可以自己搭建一个免费的静态网站让别人访问了，听起来还是挺酷的吧！

关键他还是免费的，这不香吗？？？弊端就是有时候网站访问速度挺慢的，大家都知道GitHub是外国网站，这也没办法。。。要不就只能用一些技巧加速了是吧

你可以利用这个网站写一些博客、个人的一些想法或者搞怪你的好朋友(见证友情的时候哈哈)！咳咳，言归正传，下面就开始我们的学习吧！

其实这用到的是GitHub的一个很强大的功能“GitHub Pages”，可以免费部署一些静态文件。

（有账号的可以跳过这一步哦！NEXT➡️）

2-1:登录后主页面右上角加号里面选择第一个(New repository)，这一步是新建一个仓库，相当于新建项目

2-3 ：划到页面最下方，点击绿色的“Create repository”按钮就成功创建了一个仓库

3-1:创建完成后页面会自动跳转到你的这个项目中（看下方图3-1），然后点击“create a new file”就会跳转到一个页面（图3-2）

图3-1

3-2:在此界面创建一个名为index.html的文件，然后在下方代码块中写入代码

例：

<html>
    <head>
        <title>Hello</title>
    </head>
    
    <body>
        <h1>Hello World!</h1>
    </body>
</html>

图3-2

3-3:创建完成后，划到页面底部，直接点击“Commit new file”按钮就创建完成了

3-4: 然后你就可以看到你创建的文件了

4-1:创建完index.html文件后需要等上半分钟或者几分钟，毕竟github有点慢，在这个时间内你可以点击3-4界面上方的setting按钮，进入设置界面

4-2:点击之后会进入到设置界面，找到Pages选项，点击后查看你的域名地址

4-3: 这里就是你的域名地址了，你写的网页会通过这个域名来访问到，当然，你写完后可以将链接分享给你的朋友或你的dear，给他们写一个生日祝福或者搞怪的网页，他们一定会忍不住夸你的，现在就着手去做吧！！

4-4:这就是最终的成果了

火星宇航猿

关注