我喜欢互联网的一件事是,将静态HTML网站放在互联网上非常容易。今天有人问我该怎么做,所以我想我要写下多快!
我所有的网站都是静态HTML和CSS。我的网页设计技能相对来说很少(https://wizardzines.com是我自己开发的最复杂的网站),因此将所有互联网站点保持相对简单意味着我有希望能够进行更改/无需花费十亿小时就可以解决问题。
因此,在本博客文章中,我们将尽可能少地采用一种方法-仅一个HTML页面。
我们要放在互联网上的网站只是一个文件,称为index.html
。您可以在https://github.com/jvns/website-example上找到它,这是一个Github存储库,其中只有一个文件。
HTML文件中包含一些CSS,使它看起来有些无聊,它部分复制自 https://example.com。
步骤如下:
注册一个Neocities帐户
将index.html复制到neocities网站中的index.html中
做完了
上面的index.html页面位于Internet上的 julia-example-website.neocities.com上,如果您查看源代码,则会发现它与github库中的HTML相同。
我认为这可能是在Internet上放置HTML页面的最简单方法(这是对Geocities的一种回溯,这是我在2003年建立第一个网站的方式):)。我也喜欢Neocities(例如我也喜欢的 小故障)是关于实验,学习和娱乐的。
这绝对不是唯一的简便方法–当您推送到Git存储库时,Github页面,Gitlab页面和Netlify都会自动发布网站,而且它们都非常易于使用(只需将它们连接到github存储库,您就可以重做)。我个人使用Git存储库方法,因为在Git中没有东西让我感到紧张-我想知道我实际上在推动网站的哪些变化。但是我认为,如果您只是想第一次将HTML网站放在互联网上并使用HTML / CSS,Neocities是一种非常不错的方法。
如果您想将您的网站实际用于Real Thing,而不仅仅是游玩,您可能想购买域名并将其链接到您的网站,以便将来可以更改托管服务提供商,但这要简单一些。
如果您对在Git存储库中编辑文件感到满意,但又想练习HTML / CSS,那么我认为这是一种在Internet上放置网站并玩转的有趣方式!我真的很喜欢它的简单性–实际上只有一个文件,因此没有多余的魔术来妨碍您了解正在发生的事情。
还有很多方法可以使此操作复杂化/扩展,例如此博客实际上是由Hugo生成的, 它生成了一堆HTML文件,然后将其发布到互联网上,但是从基础开始总是很不错的。