啟動網站的初學者旅程
我的網絡開發旅程始於2018年9月。像許多新開發人員一樣,我努力平衡學習基礎知識與行業快速發展的步伐。建立一個簡單的本地網站,距離啟動了一個可實現的互聯網訪問網站幾英里遠。但是,我做到了!而且,這比預期的要少得多,複雜和昂貴。
這一切都始於給克里斯的電子郵件,啟發了一篇有益的文章,闡明了該過程。我沒有一個成熟的網站,只是一個可以幫助我學習的項目。這個正在進行的項目促使我加快了實時啟動過程。您甚至可以用簡單的“你好,世界!”來複製它。 HTML文件。
我選擇了一種反應供電的靜態位點發生器Gatsby。它的模塊化方法與我的物理產品和機械設計背景產生了共鳴。建築物感覺直觀,就像建造樂高城堡,添加組件直到最終產品準備好。
這不是一個教程,而是個人帳戶。希望它能激發您的靈感,這表明即使沒有正規培訓也可以實現,這是一個只編碼一年的人。
域註冊
最初,獲取域名很重要。所有權隱含責任 - 人將訪問我提供的內容。我花了幾週的時間痛苦地為完美的名字苦苦掙扎,探索了縮寫的發電機和詞庫。最終,我選擇了joshlong.design
,這是對我的身份和職業的簡單反映。我仍然喜歡在地址欄中看到它。
遵循克里斯(Chris)的建議(部分!),我購買了兩個域:一個.com
和.design
。 .design
需要一些價格比較。管理兩個域是可以管理的。我很少需要訪問他們的設置。
購買過程很簡單,類似於任何在線交易。 Namecheap( .com
)和Google域( .design
)提供了類似的經驗,需要標準的個人和付款信息。 Google並沒有積極地銷售;他們提供了免費的WHOIS保護,我接受了隱私。但是,Namecheap積極促進託管,電子郵件,VPN和SSL證書等附加組件,這是我的設置不必要的。我已經有託管,使用了電子郵件別名,並且我的託管提供了免費的讓我們加密SSL證書。
託管
選擇主機比域名註冊更具挑戰性。我的Gatsby網站的靜態性質(HTML,JavaScript)簡化了決定。我不需要服務器繁重的解決方案,例如針對WordPress進行了優化的解決方案。
考慮到蓋茨比的知名度,我選擇了Netlify。他們的文檔非常好,我舒適地保留在自由層中。 Netlify的易用性是一個重要因素。
快速github注意:我不是GIT專家。我創建了一個存儲庫,按照說明通過我的VS代碼編輯器提交和推動更改。儘管我現在正在學習命令行Git,但它起作用了。
返回NetLify:我創建了一個帳戶(無需信用卡),鏈接了我的GitHub存儲庫,並觀看了NetLify部署我的網站。部署到Netlify的臨時URL後,我鏈接了註冊的域。 NetLify提供的名稱服務器,我將其添加到Google域中。傳播大約需要三個小時(可能會有所不同)。最後,我的域名指向我的現場網站!
內容管理系統(CMS)
CMS的景觀是廣闊的,但值得慶幸的是,如果您選擇繞過它,則無關緊要。我在這種認識中找到了自由。我的Gatsby網站使用Markdown文件目錄作為CMS -My Text Editor。 ShopTalk Show上討論的這種方法非常有效。
對於結構一致性,我後來集成了NetLifyCMS,這是一個快速的開源CMS。現在,我可以通過Internet連接從任何地方創建和起草帖子。
資產託管(CDN)
正如克里斯(Chris)所解釋的那樣,CDN存儲了網站資產(HTML,CSS,圖像)。 Netlify包括免費的CDN,可顯著提高現場速度和導航。
旅程的結論
在推出之前,我考慮過堅持本地網站,認為該過程太困難,冗長且昂貴。不是!我的域名是我唯一的費用。這條道路令人驚訝地簡單:
<code>Code > Buy Domain > Find/Buy Hosting > Update Nameservers > Upload Code > Live!</code>
(如果使用相同的提供商進行域和託管,則跳過名稱服務器。)
啟動網站是可以實現的。該過程需要步驟,但是要耐心,這是可以控制的。分享您的創作的滿足感是巨大的,超出了我的最初期望。在我整個學習過程中,網絡社區的合作精神非常寶貴。
我很想听聽您的經歷!您的挑戰和成功是什麼?它像最初看起來一樣令人生畏嗎?
以上是啟動網站的初學者旅程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

您是否曾經在項目上需要一個倒計時計時器?對於這樣的東西,可以自然訪問插件,但實際上更多

關於Flex佈局中紫色斜線區域的疑問在使用Flex佈局時,你可能會遇到一些令人困惑的現象,比如在開發者工具(d...

在元素個數不固定的情況下如何通過CSS選擇第一個指定類名的子元素在處理HTML結構時,常常會遇到元素個數不�...
