用 GitHub Pages 建个人网站的小白级教程

抖音营销 2022-12-5 15:44 6571人围观网站建设

前段时候血汗来潮想建一个小我网站，调研了一圈，试用了 Weebly、Wix、Squarespace 等等产物，感受都没有法子满足我的奇葩需求……终极还是感觉 GitHub Pages 是最好的——自在、免费、流量够用，今朝的拜候速度也还不错，完善！

已经还想用 GitHub Pages + Jekyll 的方式做，这样的话，以后可以用 markdown 来更新文章，与日俱增。可是作为一个不会敲代码的设想，Jekyll 我真的搞不大白，安装各类工具的流程就失利了 (ಥ_ಥ)

终极挑选了用 html 模板做静态页面……后续更新的话，改 html 文件里的文章内容就行了，也没有很麻烦嘛~（自我抚慰）

这类建站方式大如果最简单的，全程不到非常钟，建好以后你可以按照自己的需求随意点窜模板的内容和款式（固然，改到什么水平取决于你看得懂几多 html 和 css 的代码了……）

这个教程会写得很是浅显简单小白，开辟大佬不要嘲我哈~

前期预备

安装一个 GitHub 的客户端，用来同步云端和当地的文件：GitHub Desktop
能够有些大佬喜好用终端同步？本小白还是喜好可视化操纵……这个网站打不开的话就找一下网盘版吧，应当也很多。
下载一个 html 的模板。这里安利一个网站：HTML5 UP，有几十个模板，质量都很是高，响应式设想，还都有二级页面，后续魔改一下也是可以满足五花八门的款式需求的。

建好后，进入仓库最初一个 tab「Settings」，在「GitHub Pages」那一栏点「Choose a theme」选一个默许的网页模板。这里随意选一个就行，归正前面会被其他模板替换掉，系统供给的模板都很粗陋。

选完默许模板实在网站就建立好可以拜候了，回到 Settings 的时辰就会看到你的网站域名啦~

这个时辰你的仓库根目录下会有两个文件：_config.yml、index.html（这是网站的默许首页）

将下载好的模板文件解压，然后把里面的一切文件挪到你刚刚克隆到当地的文件夹中。index.html 直代替换，本来文件夹中的 _config.yml 就放那儿不用管它……

这是翻开 GitHub 客户端，已经可以看到好几项变更了，点击「Commit to master」，然后点击「Push origin」，期待几分钟就完成同步了。

再次拜候个站链接，已经是新模板的款式啦~

我这里随意选了 html5 up 的第一个模板，就是下图的样子。不外这个仓库是我为了写教程建的，已经删掉了，所以现在拜候不了啦……

以后偶然候的话，会再写篇文章先容一下我魔改网页款式的野门路吧，在这里就不赘述了。

高端人脉微信群

人脉=钱脉，我们相信天下没有聚不拢的人脉，扫码进群找到你所需的人脉，对接你所需的资源。

商业合作微信

本站创始人微信，13年互联网营销经验，擅长引流裂变、商业模式、私域流量，高端人脉资源丰富。

精彩点评

老橡树1 2022-12-5 15:56

原来的 github pages 被放在了 general 面板下，需要注意一下[酷]。

我要点评
公路美学 2022-12-5 15:55

请问为什么github 一定要本地部署直接云端markdown不行吗…………

我要点评
贺老师 2022-12-5 15:55

404怎么办

我要点评
麦子971 2022-12-5 15:54

想听听你魔改网页样式的野路子

我要点评
123456825 2022-12-5 15:54

github被墙啦，不过可以建一个repo，把静态网页储存到Github，然后用vercel或者netlify连接github，就可以实现全球CDN~关键是没被墙，哈哈哈

我要点评
肥皂沫沫盘 2022-12-5 15:53

请问如果我想改模版的话需要学习哪一种代码？

我要点评