如何创建Itty Bitty的免费主机网站

通过编程，在线创造力无止境。每天，Internet上的程序员都利用他们的技能为公众创建小型项目。 Itty Bitty是由Google的前设计师和Dropbox Nocholas Jitkoff的现任副总裁共同创建的网站，就是一个如此小的项目。

使用Itty Bitty网站，您可以免费创建一个微型HTML网站，即使您没有任何虚拟主机。

Itty Bitty解释

它的工作原理是：itty.bitty.site通过通过其URL加载来创建小型站点。换句话说，您的网站是在其链接中存储和显示的。

因此，使用Itty Bitty创建的网站完全不需要虚拟主机。该URL本身包含网站的全部数据：外观，内容等。

您会注意到，一旦收到Itty Bitty链接，它的大小将比通常。这就是您的整个网站。

Itty Bitty创建的实际网站的界面非常简单。请记住，网站上的每个其他页面都是使用网站本身创建的。

在此页面上，您可以立即开始使用基本HTML来创建简单页面。

如果要创建更强大的Itty Bitty网站，您可以将HTML文档直接拖放到网站中，也可以将现有项目直接链接到提示中。

文档或链接可能使用其他编程语言像CSS或JS，它们仍然会在您的Itty Bitty网站上加载。就是说，使用Itty Bitty的主要好处（以及可以从地址加载它的中心原因）是您的页面必须保持在一定的小尺寸内。

Itty Bitty有多小Bitty网站？

如果Itty Bitty是免费的并且不需要网络托管，那么您的网站实际上有多大？答案：不是非常。

该站点在窗口的右上角向您显示您网站的大小。虽然站点的大小可能会有所波动，但这也意味着您的链接的大小也会有所波动。某些网站不允许您共享大于几个字节的链接，这会限制您共享较大网站的能力。

幸运的是，创建者已发布了许多流行平台可能使用的最大字节大小，解释不同平台可以容纳的大小：

例如，如果您想使用Bitly缩短网站，则必须创建一个非常小的网站。 Microsoft Edge也是如此。但是，如果您只想在浏览器之间共享它，则可以创建一个更大的站点。

从链接到Itty Bitty网站

您还可以创建Itty Bitty网站通过直接将HTML文件拖放到其中或直接键入站点内容，我将演示如何使用Dudley Storey先前制作的Codepen项目。

Codepen是使用Itty Bitty创建站点的最简单方法。 Codepen为用户提供了易于使用的开发人员环境和便捷的链接过程。

以上是一个出色的示例，说明了强大的HTML主干以及其他细微的编程添加如何创建简单的HTML网站。幸运的是，它还足够小，可以在上面列出的许多平台上共享。

要将Codepen项目转换为Itty Bitty网站，请将Pen的链接粘贴到Itty Bitty网站。然后，将鼠标悬停在灰色的 untitled （无标题）部分上，然后编辑文本以反映您的网站。

下一步，单击位于右上角的菜单

，在这里您可以创建指向Itty Bitty的链接。似乎好像不是刚刚创建的网站，但是您已经拥有了！

单击复制链接选项后​​，可以将该链接粘贴到浏览器中以进行查看网站。同样要注意的一点是：默认情况下，Itty Bitty网站可以通过QR码发送。

可以提供多种选择，例如为丢失的设备附加物理参考。

恭喜，您现在有了一个无需服务器即可免费使用的随时可以链接的网站！

进一步缩小Itty Bitty链接

您还可以创建一个整洁的链接使用链接缩短工具。我将使用Bitly，它不仅允许您缩短链接，而且如果您注册免费帐户，还可以使用您自己的文本自定义链接。

我们原始的Codepen示例太大而无法使用Bitly压缩，这是JT Helms的另一个出色的项目。我只是按照上面的过程将此Pen转换为Itty Bitty网站。

一旦您有了链接，请转到Bitly。将您的链接粘贴到Bitly的初始页面中，或登录到您的帐户，然后选择创建按钮。在以下提示中输入链接。

粘贴链接后，链接将自动转换。然后，如果已登录，请使用Bitly的编辑器调整您认为合适的链接。

我将初始链接更改为ITTYBITTYEXAMPLE。您现在可以像访问其他任何站点一样前往bit.ly/ITTYBITTYEXAMPLE，当然，它是免费的，并且不需要网络托管或服务器维护。

Itty Bitty网站的安全性

尽管这是创建小型HTML网站的一种很酷的巧妙方法，但并非没有缺陷。您可以像其他任何网站一样轻松地滥用Itty Bitty网站。这意味着网站可以通过警报等功能惹恼您。

由于该网站仍处于试验阶段，因此不一定要依赖该网站作为建立安全网站的主要方法。

Itty Bitty的可能性是无限的

在线发现的创造力通常令人印象深刻。但是，它很少像Itty Bitty一样简单，易用且易于使用。想展示一个小的应用程序吗？与div元素混在一起吗？使用Itty Bitty网站可以轻松完成所有操作。

此外，您不受特定数量或网站的限制。记下该网站的创建者Nocholas Jitkoff的笔记，并链接该网站内的网站，以获取全面的，多页的说明性网站。或制作一个ASCII牛头犬。可能性很小，但是范围无限，所以今天就尝试这个小小的在线实验！

通过提高对HTML和CSS的了解，通过另一种方式托管您的网站，进一步发展并创建更好的网站。