「新手教程」免费托管静态网站


  • 管理员

    【合集】「新手教程」主机入门指南

    新手建站一开始可以尝试静态网站,设置比较简单而且有很多免费资源,比如Github Pages,或者有更多功能的Netlify。

    本教程将以在Github Pages托管一个纯静态网站为实例,首先需要注册一个Github帐号。

    静态网站

    首先我们需要先有一个静态网站,然后把网站传到github上面,如果你不会使用git,可以直接去github上创建仓库并手动上传文件。就像websocks.org这样,有一个index.html就可以。
    0_1529047433679_ecb432b4-b33c-40f1-a100-bb518e9364bb-image.png

    Github Pages

    进入Github仓库的settings页面,下面有一个GitHub Pages,我们把Source选为master分支,点击Save,网站就自动托管到Github Pages了
    0_1529047449917_88858f21-8a47-4eb6-a7c4-942e536eb473-image.png

    值得注意的是Github Pages支持自定义域名,只需要在Custom domain填入你的域名并保存,再把域名指向Github Pages的IP就可以。而且最近Github Pages添加了对自定义域名的HTTPS支持,但是我自己实际使用时并没有成功。

    Netlify

    最早Github Pages不支持HTTPS的时候,想用就必须上Cloudflare的cdn,这样的话网站访问速度就会很慢。后来发现了Netlify这个静态网站托管平台,不仅支持HTTPS,而且有全球CDN,功能还很强大。如果你使用Jekyll、hexo、hugo这种静态网站生成器,他支持自动构建网站,再也不用你本地手动生成半天。而且直接只要你推送到github这类代码托管网站的仓库,他就会自动为你构建网站,十分强大。最重要的,这些服务一分钱都不要,完全免费!

    创建网站的过程很简单,如果你的网站源码托管在Github上,直接创建新网站的时候,绑定Github帐号,就能添加
    0_1529047459311_10eebdda-4288-45bc-afdd-e5fe3a1589b4-image.png

    如果你的网站支持自动构建,他会提示你要不要添加,不过这是后话了。如果你想像我的博客一样使用netlify自动构建hugo,可以看这篇官方教程
    0_1529047480917_b21df391-9a2c-486b-9421-2b8a95758e21-image.png

    创建成功以后,你就可以用自动分配的二级域名访问你的网站了。如果你想用自己的域名,直接添加域名并把域名CNAME指向到Netlify的域名,这样就可以享受Netlify的全球CDN了。
    0_1529047476929_88314671-7fa7-4892-bf2c-be266f99e4ab-image.png

    如果你想启用HTTPS,可以自己上传证书,也可以使用Netlify提供的免费Let’s Encrypt证书,非常方便。
    0_1529047464609_afa9326a-abb2-4662-a185-5eec1b1b4e3e-image.png



  • 写个hugo或者Jekyll的教程吧。我太菜了,静态页面生成器都玩不转。


  • 管理员

    @kiwiocha
    你不说我都忘了填坑了😂



  • @halulu 我水得够水吧。。。


  • 管理员

    @kiwiocha
    对了,hugo官方有教程,我博客目前就是这么搭的……

    https://gohugo.io/hosting-and-deployment/hosting-on-netlify/



  • @halulu 来个mastodon教程吧 跟着网上教程都搞不定


  • 管理员

    @kiwiocha
    没研究过,我看看哈


 

友情链接:哈陆lu的博客 WebSocks 主机博客 Mr.Kevin 逗比根据地

本论坛所有内容除特殊注明均为原创。除作者特殊要求外,本站所有内容采用知识共享署名 4.0 国际许可协议进行许可。
知识共享许可协议