每个行业，每个职业都有自己特有的的个人名片形式，对于我们程序员来说，我们的个人名片最好的表现方式应该是 个人网站了。

打造自己的个人网站，定期更新自己的技术博客，就是我们程序员群体特别有价值的个人名片。我见优秀的国外的程序员大多都会有自己的个人网站，值得我们学习。

我自己就是如此，在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就可以了。

我的https://myddd.org就是基于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组件将搜索能力集成到网站中。

微言码道集成了algolia搜索

8. 图片优化

对于网站内容来说，文字占的流量非常小，甚至几乎可以忽略不计。所以，最重要的就是如何尽量减少你的图片的大小。

如果你像我一样，用的是next.js或gatsby这样的框架，自己整的一个网站。那它们都有 Image组件提供图片优化，包括压缩图片大小，在网页上延迟加载图片等，非常方便。

TinyPng

如果不能改代码，也没关系，用tinypng就可以了，它提供免费的图片压缩。

只要访问它的网站，你就能无限的使用它的能力。

9. 设计图片

有时候，你需要给你的文章配置一个图片。

很多程序员在这方面就觉得无能为力了。总不能让我们程序员学PS吧。

但是，仍然有一些免费的工具，让我们不需要像UI设计人员一样专业就能设计出好的图片。

Figma

Figma是一款优秀的设计工具，你只需要稍微学习下，也能画出至少像样的配图。

我曾经用过国内的石墨，觉得它还不错，但Figma比石墨更优秀，并且个人无限免费。

Draw.io

同样，如果你想画一些UML图，或其它七七八八的图，用这个免费的工具最好。它是专门提供给程序员，绘制与程序员相关的一些UML，时序图等的。

Mermaid

基于Markdown语法扩展的一个画图技术。你可以在Markdown中通过文字来画一些常见的流程图，UML图等。

非常适合程序员

10. 终

当然，这篇文章我只是列出了我用过的一些，我相信类似的工具列表还很长很长。

当然，你得明白上述免费的工具再多，它也只是外围辅助。打造一个网站最重要的不是这些工具，而是写出好的内容与坚持写下去

这两个才是最考验人的。

你有准备好开始打造自己的个人名片了么？