如何建立一個託管免費網站與itty位元
有了編程，在線創意就沒有界限了。每天，互聯網上的程序員都在利用他們的技能為公眾創建小型項目。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託管評論，瞭解另一種託管網站的方法。
- 發表於 2021-03-24 06:30
- 閱讀 ( 58 )
- 分類：程式設計
你可能感興趣的文章
使用dropbox、google drive或onedrive獲得免費網站託管
... 如何在dropbox上託管網站 ...
如何儘快開始寫部落格？
...資源，開始部落格從來就不是一件容易的事。有沒有想過如何開始？繼續閱讀，以獲得一個關於部落格的入門！ ...
使用xampp在windows上免費託管和編輯網站
... 請繼續閱讀，瞭解如何在您的計算機上免費建立您自己的網站，您可以從頭開始建立網站，也可以使用預先**的模板建立網站。哦，這包括託管你自己的WordPress帳戶以及！ ...
7個標誌你應該升級你的免費網站到一個高階服務
在過去的十年裡，我建立了幾十個部落格，但我也是一個節儉的怪胎——所以我有過相當多的免費網路託管經驗。相信我說的話：免費的網路託管是不值得的。 ...
如何在mac上設定多個使用者帳戶
... 那麼使用者帳戶在Mac上是如何工作的呢？使用者可以閱讀和編輯彼此的檔案嗎？刪除使用者帳戶時會發生什麼情況？讓我們看看。 ...
免費網路託管對你的第一個網站有害的10種方式
...商。這可以確保你完全控制你的網站，你的內容，以及你如何選擇賺錢的內容。 ...
5最佳免費php指令碼資源線上
...約30個免費指令碼，您可以隨意使用。請注意，您必須先建立一個免費帳戶，然後才能下載任何指令碼。 ...
如何使用github頁面免費託管網站
...GitHub頁面就是這樣一種選擇，在本文中，我們將向您展示如何****GitHub頁面託管一個簡單的網站。 ...
5個免費網站，為您的企業建立或自動生成一個標誌
...人都有好處。在這之後，你將不需要成為一個專家誰知道如何在Illustrator設計一個標誌。 ...
2019年最佳免費網站託管服務
需要建立自己的網站嗎？這比你想象的要容易，尤其是現在有這麼多很棒的服務和平臺——更不用說你可以從中挑選的所有免費網路主機了。 ...
