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

写在前面:

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

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

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

功能介绍

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

具体步骤:

1.创建GitHub账号

(有账号的可以跳过这一步哦!NEXT➡️

2.创建一个新的仓库

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

 2-2(最关键一步):看图吧,应该写的很明白了

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

3.在新建的仓库中创建一个html文件

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.查看你的域名地址 

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

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

 

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

 

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

猜你喜欢

转载自blog.csdn.net/m0_61325449/article/details/128540702
今日推荐