使用GithubPages来创建可以访问的个人网页

时间:2024-04-11 14:07:02

使用GithubPages来创建可以访问的个人网页

问题背景:

对于刚刚学习前端技术的小白来说,整天无非就是在编写HTML文件,然后在自己的电脑上用浏览器打开预览效果。由于不懂后端技术,自己无法做出可以供他人访问的网页,学习热情也逐渐降低了。那如何才能让自己做出的页面可以被自己的朋友、家人或者同学直接在浏览器输入网址就能访问的到呢?

方法一:在自己的电脑上搭建服务器

搭建服务器的教程网上有很多,但是大都需要经过繁琐的环境配置才可以。期间也许会遇到很多问题,或许还需要你掌握一门后端语言才能搭建成功,如果只是想让自己的页面可以被访问的话大可不必花费这么多时间和精力去搭建个人服务器。而且在自己的电脑上搭建服务器还有许多弊端,比如电脑关闭了服务器也一定关闭了,页面也一定无法访问了;再比如当网络环境改变时,电脑的ip地址也会改变,之前的地址也就失效了;还有就是如果你的电脑是通过路由器接入互联网的话,那么只能在同一个局域网内的设备才能访问到你的页面,要想让外网的设备访问到还需要端口映射,非常麻烦。

方法二:购买云服务器

这也是如今许多网站采用的方式,不过购买云服务器也好,虚拟主机也好都是需要花钱的。如果你是一名学生的话可能有的厂家会有优惠政策,不过对于只想显示自己编写的页面来说也太麻烦了。

方法三:使用GithubPagees来创建可以访问的个人网页

GitHub是一个面向开源及私有软件项目的托管平台,许多程序员都在Github上有自己的代码仓库,如果你没有的话赶快去创建一个吧。

1. 注册Github账户

登陆https://github.com/
使用GithubPages来创建可以访问的个人网页

点击SignUp按钮
使用GithubPages来创建可以访问的个人网页

填写个人信息并用你的邮箱注册Github账户。

2. 登陆你的Github账户并创建一个仓库

点击New repository按钮

使用GithubPages来创建可以访问的个人网页

为你的仓库取个名字,选择Public项,勾选Initialize this repository with a README复选框,点击Create reposity

使用GithubPages来创建可以访问的个人网页

3. 为你的仓库开启GitHubPages

进入仓库主页后,点击Setting项

使用GithubPages来创建可以访问的个人网页

找到GitHubPages那一项,将Sourse改成master branch,点击save保存

使用GithubPages来创建可以访问的个人网页

再次找到GitHubPages那一项,发现提示:Your site is published at ….这就说明网站已经建立成功了,点击并记住提示的链接地址

使用GithubPages来创建可以访问的个人网页

打开后发现网页只显示了一个标题(其实显示的是仓库中的readme.md文件),点返回

使用GithubPages来创建可以访问的个人网页

4. 在仓库中编写HTML文件并访问

点击Code选项卡回到仓库的主页

使用GithubPages来创建可以访问的个人网页

点击Create New File按钮,创建我们的第一个页面

使用GithubPages来创建可以访问的个人网页

输入文件名称,然后在Edit框中输入代码,然后点击Commit new file按钮提交文件

使用GithubPages来创建可以访问的个人网页

还记得之前提示建站成功时显示的地址吗(如果忘记了可以去Setting选项中查看),在地址后面拼接上你的HTML文件就可以访问页面了

使用GithubPages来创建可以访问的个人网页

至此您就成功在GitHubPage上创建了你的个人网站了。


你还可以在自己的IDE上编写好界面然后上传到仓库中,Github还有许多实用的功能,存放代码只是其中一部分功能,剩下的功能需要你们自己去探索了。


注意:GitHubPages只能作为存放静态网页的仓库,如果需要操作数据库或者从后端获取数据来动态显示网页的话,只能购买服务器了。

相关文章