引子
最近在逛一些海外的游戏站时,我注意到很多平台都要求提供工作室主页,心血来潮,于是我花1个小时制作并上线了 我的工作室主页。
下面我来教你如何不花1分钱,在1个小时之内上线自己的网站。之前我也建过不少网站了,这次我的技术选型是“GitHub Pages + 静态页面”,这个方案非常简(mian)洁(fei),很适合我。
整个过程其实非常简单,总体来说分三步,第一步,打开冰箱门……
1、创建GitHub仓库并配置 GitHub Pages
首先去GitHub创建一个同名代码仓库,格式为“用户名.github.io”,因为我的GitHub用户名叫“maplezzzzzz”,所以我创建的仓库名就是“maplezzzzzz.github.io”。
GitHub 会自动为你生成一个个人域名,格式是 “https://用户名.github.io”,非常简洁而且容易记。
创建完仓库后,我们进入配置页面,找到 GitHub Pages 的设置选项。选择“主分支”作为发布源,或者你如果希望单独管理发布的代码,可以选择 其他分支。一般情况下选择主分支就行了。
接着,配置发布目录,一般来说选择根目录(root)或者你专门用来存放静态文件的文件夹(比如 /docs)都可以,按需选择。
2、制作工作室静态页面
GitHub Pages准备好了,下面我们开始制作网页。虽然静态网页制作很简单,但是想要做得又快又好看,那我们必须借助AI的力量。
这次我使用了Cursor帮忙写页面,非常好用,让他生成了中文和英文两版页面。(注:不想自己写页面,也可以使用官方推荐的Jekyll来生成,在这就不讨论了)
跟Cursor交流具体过程就不详细说了,如果大家有兴趣,改天单开一篇讲。总之,告诉Cursor你对页面的具体要求,然后让他先生成一版,然后看哪里不合适,慢慢调整。最后生成几个页面文件如下:
3、将静态页面上传至 GitHub
接下来,我们需要将这些文件上传到 GitHub 仓库中。如果你熟悉git命令的话,直接一套命令上传就搞定了,命令如下:
git add . 将本地修改的文件添加到 Git 仓库。git commit -m "first commit" 提交修改,带上一个简短的说明。git push 将文件推送到 GitHub 仓库。
如果你不熟悉git命令,也可以直接通过Github页面上传:
上传完成后,GitHub 会自动托管这些静态文件,并且你可以通过 https://用户名.github.io 访问你的主页了。
发布完后,去检查一下效果。检查一下是否能打开,页面有无错位之类的。没问题的话,我们的工作就算完成了。
总结
搭建这个网站,整个过程也就花了1个多小时。虽然过程看起来有些步骤,但其实每一步都挺简单的,掌握基本的 Git 操作和静态网页开发技能,就能顺利完成。它不仅免费,而且可以快速部署和更新,后面我打算把我的作品都放到这上面,用作一个展示吧。
GitHub Pages 支持持续更新。以后如果想增加新的功能或者想修改网站内容,只需要更新代码并推送到 GitHub,页面就会自动更新。维护起来还是非常方便的。最重要的是,不用总惦记着续费的问题。
