前言
由于开发过程中经常需要查询大量资料，所以在学习工作中收集了不少好用工具及站点，目前大概有100+。最近在学习Web相关的知识，就想到为什么不开发一个网站，将积累的内容分享出来。独乐乐不如众乐乐嘛。
前期准备
既然要搭建网站必定需要有服务器，域名。
域名是之前在腾讯云注册的，本着能省则省的原则，就选择了以xyz作为一级域名。
记得当时注册域名还有一段故事。
因为业余时间会写一些博客，博客站点是用hexo搭建的，博客中的插图存储在七牛云，站点直接搭建在 Github上。本来一切都是那么的美好。但是，有一天突然发现博客中图片都不能正常加载了，最终发现是图片托管平台的问题。原来图片链接一直使用的七牛云的测试域名，已经不再支持使用。🤷♂️，只能申请一个域名了。
本以为事情可以告一段落了。不曾想在七牛云绑定域名的时候被提示域名没有备案，😭。可能有人知道，备案是需要有服务器。
纳尼，我只是想展示个图片而已啊！还能怎么办，域名已经买了，只有继续了。
服务器选了阿里云，也没有什么特别的原因，正好身边的哥们也要买，就一起了。
备案的细节的就不多讲了，阿里云官网有很详细的说明文档。
一切仿佛都是最好的安排，需要的资源都已经具备了。
网站开发及部署
我的资源数据存储在leancloud上，数据存储方面的事情就不需要过多关心了。
接下来，只需要考虑用什么前端框架来开发网站页面了。
前端目前最火的框架无疑是Vue了，由于之前学习过一些相关基本知识，虽然不是特别深入，但是搭建一个小型网站还是绰绰有余的。直到在 twitter上看到阮一峰老师多次提到了一款网页模板框架lit-html，称它可能是目前最好的网页模版框架，这不经让我想，为什么不试用一下呢，于是最终决定使用 Express + lit-html来开发。
最终实现方案就是，网站页面会在服务端进行渲染，然后在发送到浏览器，即SSR（Server-Side Rendering）技术。除了由于上面所讲想要试用 lit-html框架的原因之外，由于SSR有利于 SEO，这样也能为后期做SEO优化提供基础能力。
另外，我添加了一个亮暗主题切换的功能，黑暗主题可能是每个程序员的执念了😄。
最终网站效果如下：
网站地址：http://res.tder.xyz（可点击阅读原文打开）
下面是对应的小程序：
后期规划
目前暂时考虑尽可能丰富资源内容，希望有资源的小伙伴多多贡献。另外，后续可能会新增好文推荐板块，分享自己读过的优质文章。
网站底部有贡献地址😄。
（完）
