LOADING

如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】

经验分享1年前 (2023)发布 忆余函
3,267 0 0

此方法为完全可自定义网站源码,

不需要任何虚拟主机,不需要服务器,不需要域名等。

目前提供的是使用GitHub的方式,
网站打不开的可以看完本帖,或尝试下文3.2里面的GitHub加速工具,
或以同样的方式使用Gitee建站,
我会在空余时间再开个Gitee方式建站的帖子。

那么,我们开始啦。

1.拥有一个你自己的GitHub账号。
https://github.com/join?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F&source=header-home
这是创建账号链接,有账号的略过。

2.【重点】创建一个你的GitHub仓库。
登陆你的GitHub账号,如图点击New新建打开仓库新建页面。
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图

仓库名必须按照图片指示创建,重要,重要,重要。【你的用户名.github.io】
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(1)

确认创建你的仓库
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(2)

3.上传你的网站源码。
网站只支持静态HTML,所以通常都会建立自己的导航网站,或个人主页,求职主页。
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(3)

如果你喜欢我的网站可以直接上传使用我的网站的源码,
我会在后面的说明里附上我网站的GitHub源码地址以及网站Demo,
你也可以百度自己喜欢的HTML源码,修改后上传。

下面我着重讲一下究竟要怎么上传你的源码,
因为GitHub官网不支持上传文件夹功能,
所以我们通常会使用Git工具,
Git工具需要学习很多复杂命令,
对GitHub了解很深才可以熟练使用,
如果你只是想快速简单拥有一个你自己的网站,
那我不推荐你直接百度查找使用Git工具。
当然Git工具已经出了gui桌面版,但是没有汉化,对新手也很不友好。
我会在后面附上gui桌面版链接,大家可以自己研究。
当然GitHub老鸟略过。

3.1【不建议使用此方法,可以直接看3.2】
【好理解的笨办法,理解简单,操作麻烦,聪明办法在下面
下面我教大家怎么使用最简单,最直接的笨办法,上传你文件夹里的源码。
1.我们先点击【Add file】选择【Upload files】,上传你网站里根目录下的文件(无法包含文件夹),上传完毕后点击【Commit changes】确认
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(4)
2.【重点难点来了】如何笨办法在仓库新建文件夹,再在仓库新建文件夹内上传你文件夹里的源码文件。
我们先点击【Add file】选择【Create new file】,然后在输入框里输入文件夹名字加“/”。
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(5)
比方说你源码根目录下有个文件夹1,文件夹1里面有个文件夹2,文件夹2里面有个文件1,这样你的输入就是(文件夹1/文件夹2/文件1),然后点击最下面绿色按钮确认。
我个人建议最后这个文件1你可以在GitHub里随便起名创建一个空文件,然后再文件夹里上传你的文件,然后再把文件1删掉。
如果你不创建一个空文件点确认,是无法创建文件夹的。
然后通过这种笨办法一步一步把你需要的文件全部上传进去就OK了。

3.2【聪明办法,不好理解,操作简单,全英文软件】下面我教大家怎么使用聪明,最快速的办法,上传你文件夹里的源码。
使用Git gui桌面工具一下完全上传你的源码,工具地址:https://desktop.github.com/
无脑下一步安装完毕后,打开软件,登陆你的GitHub账号,选择你的仓库。
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(6)
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(7)
上面这步操作完毕后,你要把源码文件放入上图的本地文件夹内,注意上图的文件夹是仓库根目录,不要把你源码打包成一个文件夹又放进去。

如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(8)
上传报错可以使用这个工具,GitHub边车辅助DevSidecar,加速访问GitHub,
工具链接:https://github.com/docmirror/dev-sidecar/releases

4.最后一步,开通你的网站
在GitHub网站你的仓库页面下点击【Settings

如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(9)
然后直接下拉找到【GitHub Pages】后如图设置即可

如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(10)

5.打开你的网址分享给好友访问吧!【https://你的用户名.github.io/

最后的说明
网站只能是使用静态的HTML网站,这个大家要注意,
如果大家只是看了我的标题想做一个导航网站,那大家可以使用我的源码。
一言、和风天气的api建议大家自己注册换成自己的,每个注册的人有每日免费使用次数,
我的大家一起用可能最后都显示不出来了。
源码
导航网站源码:https://github.com/liutongxu/liutongxu.github.io
蓝奏云源码下载链接:https://tongxu.lanzouj.com/iK5R2nq0ove
DEMO
所长导航:https://liutongxu.github.io/

我的导航网站做了手机电脑自适应,大家喜欢可以直接使用我的源码。

网站建立好了以后,自己把想改的地方怎么改都行,实在不会的去B站看10分钟HTML课程也就知道怎么改了。
也可以百度找各种自己喜欢的html源码加进去都行。
如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(11)

如何十分钟从零开始,永久免费创建你的个人导航网站或主页【GitHub版本】插图(12)

以上提供的源码要感谢GitHub的webstack开源项目及一为导航。
我是在它们的源码基础上本地静态化修改而来。
不做本地化静态修改大家无法使用哦,而且人家也是收费的。

© 版权声明

相关文章

暂无评论

您必须登录才能参与评论!
立即登录
暂无评论...

欢迎进入官方群聊(关注最新消息)

QQ群514518527 点击进入  


登录即可开启个人书签等新功能! 点击登录

如果网站对您有帮助的话,希望您能把快导航网分享给身边朋友,感激不尽!


(登录后有效期内不再显示)

点击下方关闭此窗口