打造個人網站能用到的那些免費優秀的工具
：
打造自己的個人網站，定期更新自己的技術博客，就是我們程序員群體特别有價值的個人名片。我見優秀的國外的程序員大多都會有自己的個人網站，值得我們學習。
我自己就是如此，在2021年開始，突發其想就做了微言碼道這個網站。不僅網站本身是自己兩次從零開始使用各種前端技術構建的，更重要的是網站内容自己也一直以持續輸出有價值的原創内容為原則在持續更新。
在近2年的過程中，也算經累了一些經驗，特此分享出來。給有意想打造自己個人網站的你提供供一些經驗及參考。
1. 域名
域名有免費的，我曾經使用過 freenom申請過免費的域名，但freenom的域名都是一些非洲不知名的小國的後續域名（比如tk,ga)；另外還有一些提供二級域名的内容網站服務。
但免費的域名并非好的選擇，你的個人網站值得你得為它設計與思考一個好的名字并購買它，讓它完全屬于你。
國内的阿裡雲，騰訊雲都提供域名購買服務，國外你可以考慮Goaddy或NameCheap等。一年也就幾十元而已。
2. LOGO
有網站，就得有個LOGO。LOGO這東西屬于UI層面的東西，非我等程序員善長。隻能求助于互聯網或花錢購買。
比如阿裡雲有智能API LOGO生成服務，也就幾十元。
當然也有免費的，我就知道一個
Shopify
Shopify提供了免費的LOGO生成服務，你隻需要輸入你的網站名或口号，定義行業及喜好就能為你生成很多個免費的LOGO供你挑選。
如果不想花錢是個值得考慮的服務。
3. DNS解析
有域名，你就需要解析你的域名。
域名解析，無論是從國内還是國外來說，都有很好的免費服務。
DndPod
在國内，選擇騰訊的DndPod是最好的了。它的免費版本已經提供了足夠的能力。甚至還支持分境内境外分别解析，非常有利于你優化你網站在國内國外的訪問速度。
Cloudflare
而在國外，可以考慮Cloudflare，不僅提供DNS解析，還有CDN，分析等一大批免費的功能。不過它的CDN服務國内訪問速度各地不一，體驗不佳。
4. HTTPS證書
每當我在互聯網上訪問一些網站，發現仍然在使用的 HTTP時，我就心中非常好奇，這是怎麼回事？
明明互聯網上有好的免費的HTTPS證書服務，為什麼還在使用HTTP？現在互聯網對HTTP越來越不友好，使用HTTPS是大勢所趨。
免費的HTTPS服務我知道的就有：
Let's Encrypt
Let's Encrypt是一家非赢利組織，它的目标就是普及HTTPS，它免費分發HTTPS證書，并且獲得幾乎所有浏覽器的認可。
我的網站全是HTTPS，也都是Let's Encrypt的HTTPS證書。
ZeroSSL
ZeroSSL是一家出售HTTPS證書的商業公司，但它提供了免費版本的HTTPS證書。你可以申請免費的HTTPS。
雖然Let's Encrypt與ZeroSSL每次分發的HTTPS證書都有90天有限期（可無限續期），但已完全足夠了。還不說有很多方便的開源工具幫你自動續期它。
5. 網站構建
很多人可能擔心或都不清楚如何制作出一個網站。于是被這個難點給擋住了。
我是先後兩次用不同的前端技術，從零開始打造微言碼道這個網站。當然，願意像我這樣折騰的不多，如果不懂前端，要做個網站，還是相當有難度的。但是自己親手打造它會覺得更有成就感。
不過，不會前端技術你也不用擔心這個，免費建站，特别是适合程序員寫文章博客的，有非常多免費的選擇。
WordPress
應該都聽說過吧。WordPress是最流行的開源免費的CMS建站工具。以前看到有文章說互聯網上近6成的網站都是基于它。
hexo/hugo等靜态網站工具
相對WordPress，hexo/hugo這一類的網站建站工具更适合程序員。它的優點表現在：
程序員隻需要專注的編寫Markdown的文章
它生成的是純靜态頁面，相比WorkPress更快，更輕，更小
生态豐富，有很多主題或插件等實用的功能
docusaurus
docusaurus是Facebook開源的一款專門面向程序員的建站工具。它包括博客以及文檔及一個産品介紹型的首頁。
docusaurus的目标就是幫助不懂做網站的程序員制造出專業的網站。使用它主要也就是編寫Markdown就可以了。
我的就是基于docusaurus而構建。
6. 網站部署與托管
你也許認為自己需要購買一個阿裡雲服務器什麼，放國内可能還需要備案，非常麻煩。
其實完全不需要，如果你的網站是屬于靜态網站（比如前述基于hexo做的網站），有一些免費的部署與托管服務，壓根不需要你購買雲服務器。
Github Pages
隻要你是靜态網站，完全可以放在Github Pages上。它不僅免費，而且有很多優點，包括：
Github Pages的内容有利于Google收錄，容易被GOOGLE搜索到
支持綁定域名
結合Github Actions都能自動構建，無需你手動部署網站
Vercel
我也是最近在使用Next.js重做個人網站時，發現這個服務。
這個服務太優秀了，它做的甚至比Github Pages還好，它提供的是一條龍服務。你隻需要commit代碼，它自動觸發代碼更新，編譯，部署，提供托管，支持綁定個人域名，支持訪問分析等全套的服務。
當然，上面這些都有個問題，在國内訪問速度不佳，甚至可能被BLOCK。不過你不用擔心，以後我會再聊下如何優化國内訪問速度。
現在我的所有網站都放在vercel上。
7. 網站内容搜索
網站，特别是程序員的博客類網站，不支持網站内容搜索，這個就有點說不過去了。
同樣的，不用擔心，你不需要花很多精力去研究怎麼才能做網站添加搜索能力。如果你用的是hexo,hugo這類型的框架，基本上框架都有現成的插件支持集成第三方免費的搜索服務。
而這些免費的搜索服務，以 algolia最為優秀。
Algolia
集成algolia，它可以手動以及定期自動抓取你的網站内容，并進行索引。你還可以使用它提供的現成的UI組件将搜索能力集成到網站中。
8. 圖片優化
對于網站内容來說，文字占的流量非常小，甚至幾乎可以忽略不計。所以，最重要的就是如何盡量減少你的圖片的大小。
如果你像我一樣，用的是next.js或gatsby這樣的框架，自己整的一個網站。那它們都有 Image組件提供圖片優化，包括壓縮圖片大小，在網頁上延遲加載圖片等，非常方便。
TinyPng
如果不能改代碼，也沒關系，用tinypng就可以了，它提供免費的圖片壓縮。
隻要訪問它的網站，你就能無限的使用它的能力。
9. 設計圖片
有時候，你需要給你的文章配置一個圖片。
很多程序員在這方面就覺得無能為力了。總不能讓我們程序員學PS吧。
但是，仍然有一些免費的工具，讓我們不需要像UI設計人員一樣專業就能設計出好的圖片。
Figma
Figma是一款優秀的設計工具，你隻需要稍微學習下，也能畫出至少像樣的配圖。
我曾經用過國内的石墨，覺得它還不錯，但Figma比石墨更優秀，并且個人無限免費。
Draw.io
同樣，如果你想畫一些UML圖，或其它七七八八的圖，用這個免費的工具最好。它是專門提供給程序員，繪制與程序員相關的一些UML，時序圖等的。
Mermaid
基于Markdown語法擴展的一個畫圖技術。你可以在Markdown中通過文字來畫一些常見的流程圖，UML圖等。
非常适合程序員
10. 終
當然，這篇文章我隻是列出了我用過的一些，我相信類似的工具列表還很長很長。
當然，你得明白上述免費的工具再多，它也隻是外圍輔助。打造一個網站最重要的不是這些工具，而是寫出好的内容與堅持寫下去
這兩個才是最考驗人的。
你有準備好開始打造自己的個人名片了麼？
附錄
文章中的所有免費服務或工具，我本想在最後附上網站鍊接，供各位查閱與訪問。
最新文章
-
教你把脈知男女
8分鐘前 -
鄧中甲方劑學講稿—第四章清熱劑—清營涼血—犀角地黃湯
8分鐘前 -
北京頤和園：養雲軒探秘
9分鐘前 -
觀點引流大揭秘：如何用鮮明觀點，吸引高客單價用戶
10分鐘前 -
李辛最新采訪 | 孩子身心問題背後的原因（下）
21分鐘前 -
針家心悟：針灸如何取穴（純幹貨）
42分鐘前 -
有哪些非常實用的職場道理，是當了領導以後才明白的
60分鐘前 -
世界地理分區之歐洲篇
1小時前
熱門文章
-
威士忌高階關于 OB 與 IB，一次給你說透！
1天前 -
為什麼五點鐘要起床答案讓人吃驚！（現在知道還不晚）
1周前 -
美麗中國-2870：中國最大的内陸河，塔裡木河
3天前 -
老張老李侃門球之140篇
3天前 -
這個穴位可以治療多種胃痛腹痛，還可以減肥
1周前 -
診餘雜記（師傳經驗）
5天前 -
二十四山開門放水作竈真訣開門放水作竈直訣——子山
3天前 -
門球技巧 隻需五個字讓你打好門球
3天前
有話要說...