今天想聊聊免費(fèi)給公司整網(wǎng)站這事兒，實(shí)操記錄一把。公司剛開始兜里沒錢，但又不能沒個(gè)門臉兒，我就琢磨著自己動(dòng)手整一個(gè)。

第一步：找地兒放網(wǎng)站

我尋思了半天，這網(wǎng)站總得有個(gè)地方擱著？花錢租服務(wù)器那是下策。瞄上了幾個(gè)免費(fèi)的靜態(tài)網(wǎng)站托管平臺(tái)（類似代碼托管倉庫自帶的那種網(wǎng)頁展示功能那種地方）。試用了兩三個(gè)名氣大的，感覺其中一個(gè)最穩(wěn)當(dāng)、速度也不賴。直接在網(wǎng)頁上注冊(cè)了個(gè)賬號(hào)，驗(yàn)證了郵箱，事兒就成了第一步。

第二步：搭架子

架子不能太復(fù)雜，不然自己都整迷糊。我去看了別人公司的簡單網(wǎng)站，無非就是：首頁介紹公司干啥的、產(chǎn)品/服務(wù)展示頁、一個(gè)說“我們是啥人”的關(guān)于頁面，再加個(gè)聯(lián)系方式。抄作業(yè)就行！打開筆記本建了個(gè)新文件夾，里面又建了五個(gè)小文件夾：index (首頁)、products、about、contact，還有個(gè)images放圖片。

第三步：填內(nèi)容

最費(fèi)勁的部分來了！文字得自己憋。

• 首頁： 簡單粗暴，用大白話說明白公司是干啥的、解決了啥問題，中間放了個(gè)公司Logo和一句口號(hào)。
• 產(chǎn)品/服務(wù)： 手機(jī)拍了幾張現(xiàn)成產(chǎn)品的照片，PS不會(huì)用，就找了個(gè)在線的圖片壓縮工具縮了縮大小。用項(xiàng)目符號(hào)一條條列清楚有啥、多少錢（寫了個(gè)“聯(lián)系詳詢”糊弄了下）。
• 關(guān)于我們： 編了段發(fā)展歷程，就寫了“哪年成立、初心是啥”，創(chuàng)始人照片暫時(shí)用了卡通頭像代替（尷尬但真實(shí)）。
• 聯(lián)系方式： 留了個(gè)專門注冊(cè)的公司郵箱地址、一個(gè)用來接業(yè)務(wù)的手機(jī)號(hào)。本來想弄個(gè)地圖定位，發(fā)現(xiàn)免費(fèi)的太麻煩，干脆寫了個(gè)“北京市海淀區(qū)某某大廈附近”完事兒。

第四步：裝修+上線

我是一點(diǎn)不懂設(shè)計(jì)，啥網(wǎng)站花哨效果通通放棄，目標(biāo)就是能看、不丑。找了個(gè)免費(fèi)開源的基礎(chǔ)網(wǎng)頁樣式（就是人家弄好的、現(xiàn)成的一堆代碼文件），直接把我那幾個(gè)頁面的內(nèi)容往里懟。折騰了三四個(gè)小時(shí)，本地瀏覽器打開看看效果：丑是丑了點(diǎn)，但該有的字、圖片、鏈接都在。

然后就是把整個(gè)文件夾里的東西，拖到第一步搞定的那個(gè)托管平臺(tái)上（平臺(tái)一般都有個(gè)上傳入口，點(diǎn)“上傳文件”就行）。平臺(tái)自動(dòng)生成了一個(gè)非?；A(chǔ)格式的網(wǎng)址，復(fù)制下來發(fā)給同事看，能打開！第一步嘗試搞定！

第五步：縫縫補(bǔ)補(bǔ)+以后的事

網(wǎng)站是上線了，可問題一堆：手機(jī)看著圖片太大，字太小；改了手機(jī)號(hào)還得再傳一次文件；那個(gè)免費(fèi)生成的網(wǎng)址太長記不住... 但至少是零成本！

后續(xù)折騰： 為了解決網(wǎng)址問題，我去找了找那種幾塊錢一年的基礎(chǔ)級(jí)別域名（注冊(cè)商的促銷活動(dòng)），總算弄了個(gè)公司名的域名指向免費(fèi)托管的地方。手機(jī)顯示問題，又去那個(gè)免費(fèi)樣式庫里扒拉了個(gè)能自適應(yīng)的模板（就是頁面能自動(dòng)適應(yīng)手機(jī)屏幕大小那種），替換掉舊的。這樣在手機(jī)上看順眼多了。以后更新？寫個(gè)新內(nèi)容就手動(dòng)上傳一次唄，麻煩是麻煩點(diǎn)，能忍。

搞完感想： 免費(fèi)的真香，但也真累人！整個(gè)過程像搭積木，東拼西湊，大部分時(shí)間花在找免費(fèi)資源、學(xué)點(diǎn)皮毛操作和對(duì)付各種小問題上。適合初創(chuàng)公司完全沒預(yù)算、又有點(diǎn)動(dòng)手能力愿意查資料的人。要是圖省事或者追求高大上，這方法能累到你懷疑人生。