有了编程，在线创意就没有界限了。每天，互联网上的程序员都在利用他们的技能为公众创建小型项目。ittybitty，一个由谷歌前设计师、Dropbox Nocholas Jitkoff现任副总裁创建的网站，就是这样一个小项目。

使用ittybitty网站，你可以免费创建一个小小的HTML网站，即使你没有任何网站托管。

小小的解释

其工作原理如下：itty.bitty.站点通过URL加载来创建小型站点。换言之，你的网站是存储，并提出，在其链接。

正因为如此，使用Itty Bitty创建的网站绝对不需要网络托管。URL本身包含站点的全部数据：它的外观、所说的内容等。

你会注意到，一旦你收到你的小比特链接，它会比平常大一点。那是你的整个网站。

链接对链接

Itty Bitty创建的实际站点有一个非常小的接口。请记住，网站上的每个附加页面都是使用网站本身创建的。

从这个页面，您可以立即开始使用基本的HTML来创建一个简单的页面。

如果您想创建一个更健壮的Itty-Bitty站点，您可以将HTML文档直接拖放到网站中，或者将现有项目直接链接到提示符中。

虽然您的文档或链接可能会使用其他编程语言，如CSS或JS，但它们仍然会与您的Itty Bitty站点一起加载。也就是说，使用Itty-Bitty的主要好处（以及它可以从一个地址加载的主要原因）是您的页面必须保持在一个特定的小尺寸之下。

小网站有多小？

如果ittybitty是免费的，不需要网络托管，那么你的网站到底能有多大呢？答案是：不太好。

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

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

例如，如果你想用Bitly缩短一个网站，你就必须创建一个非常小的网站。这也适用于微软Edge。如果你只想在浏览器间共享，你可以创建一个更大的网站。

从链接到itty bitty站点

虽然您也可以通过直接将HTML文件放到Itty Bitty站点中或直接键入站点内容来创建Itty Bitty站点，但我将演示如何使用以前由Dudley Storey创建的Codepen项目。

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

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

要将Codepen项目转换为Itty Bitty站点，请将该笔的链接粘贴到Itty Bitty站点。然后，将鼠标移到灰色的无标题部分并编辑文本以反映您的站点。

接下来，单击窗口右上角的菜单。

这是你创建链接到你的小比特的地方。虽然看起来你不是刚刚创建了一个网站，但你已经创建了！

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

这就允许了一系列的选择，比如为丢失的设备附加一个物理参考。

恭喜，你现在有一个现成的链接网站，是无服务器和免费的！

进一步缩短你的小链接

还可以使用链接缩短工具创建无杂乱的链接。我将使用Bitly，它不仅允许您缩短链接，而且允许您在注册免费帐户时使用自己的文本自定义链接。

我们最初的Codepen示例太大，无法使用Bitly进行压缩，因此这里是JT Helms的另一个奇妙的项目。我只是按照上面的过程把这支笔转换成一个小网站。

一旦你有你的链接，头咬。将您的链接粘贴到Bitly的启动页，或登录到您的帐户并选择Create按钮。在下面的提示中输入链接。

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

我将初始链接改为ITTYBITTYEXAMPLE。你现在可以去bit.ly/ittybitty示例就像其他网站一样——当然，除了它是免费的，不需要网络托管或服务器维护。

小型网站的安全

虽然这是一种创建小型HTML站点的酷而巧妙的方法，但它也并非没有缺陷。你可以像滥用其他网站一样容易地滥用一个小网站。这意味着网站可能会因为警报之类的功能而惹恼你。

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

小小的可能性是无穷无尽的

网上的创意往往令人印象深刻。然而，它很少像Itty Bitty那样简单、易用和易用。想展示一个小应用程序吗？和div元素混在一起？使用Itty Bitty网站，一切都很容易实现。

而且，你不局限于某个数量或地点。从网站的创造者诺科拉斯·吉特科夫那里记下一个笔记，并在一个网站中链接一个网站，以获得一个全面的、多页的解释***。或者做一只斗牛犬。可能性很小，但范围无限，所以今天就试试这个小小的在线实验吧！

在创建一个小小的网站之前，通过提高你对HTML和CSS的知识，进一步**更好的网站！或者查看我们的InMotion托管评论，了解另一种托管网站的方法。