有朋友问:为什么又是办网站又是出周刊的?我说:网站提供了自由发挥的平台,周刊让最新的信息得以聚合,做这些都是为了让事情变得可持续。


30 天,也就是一个月的时间,对于从事多年开发的编程人员来说,我们能在这段期间做哪些有价值的事情呢?在这篇文章里,我总结了我在过去一段时间里的建站实践。

本人是从事 Web 开发近十年的“老鸟”,对技术和文字情有独钟。为了践行技术和写作,也为了更好地进入互联网世界,于是我手撸了一个个人网站。此外,为了持续地提升个人能力,又出了一份每周发布的探知刊物

传送门:☞魚立说个人网站☜ ≧◠◡◠≦ ☞探知刊物

本文将作为新建网站的第一篇技术稿亮相,也是很长一段时间内进行技术写作的方向大纲。欢迎欣赏,吐槽不足之处。

1. 撸一个网站

完全手撸一个网站,是件很辛苦的事情。那么,我为什么选择要手撸呢?

首先,鉴于以前帮人建站的经历,以及学习流行的建站内容,我摸清楚了个人网站的功能模块。比如,一个完整的网站应该包括:首页、文章列表、文章详情页、网站标签、评论等,以及后台对用户、权限、文章、标签、评论等模块的管理。

其次,通过学习 Hexo、Hugo 等特色主题和静态网页生成思路,了解 Typecho、WordPress 等博客搭建技术,我也清楚了建站的技术架构。于是,我采取动静网页结合、接口+页面的方式,同时基于一些成熟的前后端框架进行了开发。

最后,之所以选择手撸,更多的是希望通过这次的建站经历,让自己对 Web 应用有一个全新而独立的认知。并且,能够把控网站的关键技术,不对外界产生过多的依赖。就像网站统计,也是 DIY 出来的,完全没有引进第三方统计工具。

如上所述,开发整个网站不可能一蹴而就,而是需要前期较长时间的调查和规划,也需要后期的购买服务器、部署&维护、申请备案等。但是,就网站的核心开发时间,可能也就不到 30 天吧。

关于搭建网站的技术细节,这里就先不多说了,因为后面会整理出专门的文章系列出来,欢迎有识之士前来阅读和建议。下图是手撸网站前台部分的效果图:

魚立说个人网站

2. 出一份周刊

建站是为了更好地践行技术和写作,所以不能让这个网站静起来,我便萌生了出一份周刊的想法。

这份新出的周刊名字定为“探知周刊”,口号是:“世界之大,精彩纷呈,我们的眼睛不应只关注一处,还应看看技术、科技、经济、社会、自然、人文等林林总总的方面。”于我而言,它可以辅助 Web 或随笔等主题的学习和写作;于大家而言,也希望通过这些最新的素材,对你有所启发、欣赏与提升。

探知周刊的内容主要来源于探知推荐,推荐的信息是从几千数据源中精选出来的,每次的信息更新时间不超过 1 小时。该推荐支持 PC 端和移动端实时翻看,其效果如下图:

探知推荐,左侧为PC版,右侧为移动版

探知周刊会在每周一进行发布,推荐的主要依据是访客在“探知推荐”中的点赞推荐数。除了在网站发布外,还将在微信公众号(于立为文)与 GitHub 保持同步更新,大家可以进行长期关注哦。发布的周刊效果如图:

探知周刊

此外,也罗列了一些供你继续探知的网站列表,比如今日热榜、推酷、开发者头条、InfoQ 等。如果你有新发现的话,也欢迎推荐给本站。或者,看到有价值的资讯,也可以补充到探知推荐列表中。

3. 更多的实践

一个完整的网站除了前台系统外,也离不开后台管理系统,有时候还需要数据分析系统、监控系统、延伸系统等。比如,我使用了基于 Prometheus + Grafana 的监控系统,目的是实现对 LNMPR 服务的监控。

关于这部分也先不说了,如果感兴趣欢迎继续关注。需要说明的是,网站的内容均属免费,但是受限于不多的带宽,有些内容可能需要注册才能阅读,请多多谅解。

最后,引用一下我的 魚立说 口号语为网站打个气:“书与代码,技与艺术,让人生有所不同!”欢迎大家的访问,多提意见,不胜感激~


本文来源:魚立说。本文链接:https://www.yulisay.com/d/30day.html,支持微信浏览器打开。

更多精彩文章,请移步 魚立说个人网站 翻看。欢迎欣赏,吐槽不足之处。