硬核编程：30天=一个网站+一份周刊

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"有朋友问：为什么又是办网站又是出周刊的？我说：网站提供了自由发挥的平台，周刊让最新的信息得以聚合，做这些都是为了让事情变得可持续。","attrs":{}}]},{"type":"horizontalrule","attrs":{}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"30 天，也就是一个月的时间，对于从事多年开发的编程人员来说，我们能在这段期间做哪些有价值的事情呢？在这篇文章里，我总结了我在过去一段时间里的建站实践。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"本人是从事 Web 开发近十年的“老鸟”，对技术和文字情有独钟。为了践行技术和写作，也为了更好地进入互联网世界，于是我手撸了一个","attrs":{}},{"type":"link","attrs":{"href":"https://www.yulisay.com","title":""},"content":[{"type":"text","text":"个人网站","attrs":{}}]},{"type":"text","text":"。此外，为了持续地提升个人能力，又出了一份每周发布的[探知刊物](https://www.yulisay.com/weekly.html)。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"传送门：☞","attrs":{}},{"type":"link","attrs":{"href":"https://www.yulisay.com","title":""},"content":[{"type":"text","text":"鱼立说个人网站","attrs":{}}]},{"type":"text","text":"☜ ≧◠◡◠≦ ☞[探知刊物](https://www.yulisay.com/weekly.html)☜","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"本文将作为新建网站的第一篇技术稿亮相，也是很长一段时间内进行技术写作的方向大纲。欢迎欣赏，吐槽不足之处。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"1. 撸一个网站","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"完全手撸一个网站，是件很辛苦的事情。那么，我为什么选择要手撸呢？","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"首先，鉴于以前帮人建站的经历，以及学习流行的建站内容，我摸清楚了个人网站的功能模块。比如，一个完整的网站应该包括：首页、文章列表、文章详情页、网站标签、评论等，以及后台对用户、权限、文章、标签、评论等模块的管理。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"其次，通过学习 Hexo、Hugo 等特色主题和静态网页生成思路，了解 Typecho、WordPress 等博客搭建技术，我也清楚了建站的技术架构。于是，我采取动静网页结合、接口+页面的方式，同时基于一些成熟的前后端框架进行了开发。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"最后，之所以选择手撸，更多的是","attrs":{}},{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"希望通过这次的建站经历，让自己对 Web 应用有一个全新而独立的认知。并且，能够把控网站的关键技术，不对外界产生过多的依赖。","attrs":{}},{"type":"text","text":"就像网站统计，也是 DIY 出来的，完全没有引进第三方统计工具。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"如上所述，开发整个网站不可能一蹴而就，而是需要前期较长时间的调查和规划，也需要后期的购买服务器、部署&维护、申请备案等。但是，就网站的核心开发时间，可能也就不到 30 天吧。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"关于搭建网站的技术细节，这里就先不多说了，因为后面会整理出专门的文章系列出来，欢迎有识之士前来阅读和建议。下图是手撸网站前台部分的效果图：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/0e/0e5727bcfd1df2942a4f5bdcec849595.gif","alt":null,"title":"鱼立说个人网站","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"https://www.yulisay.com/","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"2. 出一份周刊","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"建站是为了更好地践行技术和写作，所以不能让这个网站静起来，我便萌生了出一份周刊的想法。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"这份新出的周刊名字定为“","attrs":{}},{"type":"link","attrs":{"href":"https://www.yulisay.com/weekly.html","title":""},"content":[{"type":"text","text":"探知周刊","attrs":{}}]},{"type":"text","text":"”，口号是：“","attrs":{}},{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"世界之大，精彩纷呈，我们的眼睛不应只关注一处，还应看看技术、科技、经济、社会、自然、人文等林林总总的方面。","attrs":{}},{"type":"text","text":"”于我而言，它可以辅助 Web 或随笔等主题的学习和写作；于大家而言，也希望通过这些最新的素材，对你有所启发、欣赏与提升。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"探知周刊的内容主要来源于","attrs":{}},{"type":"link","attrs":{"href":"https://www.yulisay.com/weekly/news","title":""},"content":[{"type":"text","text":"探知推荐","attrs":{}}]},{"type":"text","text":"，推荐的信息是从几千数据源中精选出来的，每次的信息更新时间不超过 1 小时。该推荐支持 PC 端和移动端实时翻看，其效果如下图：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/e0/e0b35a12f42947274f5877d5ea15d493.jpeg","alt":null,"title":"探知推荐，左侧为PC版，右侧为移动版","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"https://www.yulisay.com/weekly/news","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"探知周刊会在每周一进行发布，推荐的主要依据是访客在“探知推荐”中的点赞推荐数。除了在网站发布外，还将在微信公众号（于立为文）与 GitHub 保持同步更新，大家可以进行长期关注哦。发布的周刊效果如图：","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/ed/ed7f48071b795322ec519977db136741.jpeg","alt":null,"title":"探知周刊","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"https://www.yulisay.com/weekly.html","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"此外，也罗列了一些供你继续探知的网站列表，比如今日热榜、推酷、开发者头条、InfoQ 等。如果你有新发现的话，也欢迎推荐给本站。或者，看到有价值的资讯，也可以补充到探知推荐列表中。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":2},"content":[{"type":"text","text":"3. 更多的实践","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"一个完整的网站除了前台系统外，也离不开后台管理系统，有时候还需要数据分析系统、监控系统、延伸系统等。比如，我使用了基于 Prometheus + Grafana 的监控系统，目的是实现对 LNMPR 服务的监控。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"关于这部分也先不说了，如果感兴趣欢迎继续关注。需要说明的是，网站的内容均属免费，但是受限于不多的带宽，有些内容可能需要注册才能阅读，请多多谅解。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"最后，引用一下我的 ","attrs":{}},{"type":"link","attrs":{"href":"https://www.yulisay.com/","title":""},"content":[{"type":"text","text":"鱼立说","attrs":{}}]},{"type":"text","text":" 口号语为网站打个气：“","attrs":{}},{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"书与代码，技与艺术，让人生有所不同！","attrs":{}},{"type":"text","text":"”欢迎大家的访问，多提意见，不胜感激~","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"horizontalrule","attrs":{}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"本文来源：鱼立说。本文链接：https://www.yulisay.com/d/30day.html，支持微信浏览器打开。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}}]}