为什么一定要有一个个人网站?

前言

大家好,我是子规,很高兴能够在这里和大家相遇。本篇文章记录该站建立的初衷、建站过程以及在过程中的思考。

为什么建立这个网站

在此网站建立之前,我通常在CSDN上写作。

但随着时间推移,我开始发现,CSDN上的文章, Although it is very good, but it is not very good for SEO。尽管我在CSDN上没有很多有质量的输出,但是繁杂的信息流却充斥在我面前。关注,点赞,私信,评论,活动等等都是我要面对的。这些信息流无时无刻不在分散我的注意力,使我感到非常痛苦。

因此,我开始探索更有效的方式。前几年微信公众号爆火,我本人也关注不少微信公众号。其中,有非常多关于编程的公众号对我帮助极大,我非常喜欢。时常幻想自己能够在公众号上写好文章,这样我就可以分享自己的知识了,或者说更纯粹的分享自己的知识了。

我也的确这么做了,「整点儿代码」就是尝试。「整点儿代码」最初的规划是,每天产出一篇文章,设置定时晚上10点左右发布,这也 call back 了“整点”这个 concept。可惜,我并没有成功。一方面微信公众号的审核不通过导致不能整点发布,让我十分困扰。另一方面,就是个人没有坚持下来。最重要的一点是,我仍然没有从关注,点赞,私信,评论中脱离出来。是的,公众号也有这样的问题需要我面对。显然,这不是我想要的、理想的博客记录方式。

最终,我决定做一个自己的博客网站。

建站过程

2022 年,我了解到,GitHub Pages 是一个非常优秀的博客托管平台。基于 Git 方式的 post 和自动化发布节省了我不少的时间,也使我更专注于内容的编写。确定了服务托管方式,剩下的工作就是考虑网站搭建技术方向了。互联网上关于博客类网站建设的技术已经非常成熟了,Wordpress,Vuepress,Docsify,Hexo,Next.js 等等。

Docsify

最开始时候,我比较欣赏 Docsify 这种静态简单的风格。Docsify 本身支持的插件丰富,包括评论系统,访问次数,字数统计,页面搜索等,可以大大节省自己开发的时间。此外,将项目部署到 Github 上,使用 Github Page 托管之后,不用维护本地文档。编写文章发布也不需要编译,只要提交文件,等待自动部署即可。

Pasted image 20250514170304.png

Pasted image 20250514170358.png

你可以访问 https://z1gui.github.io/chips/#/ 来查看页面。该项目搭建具体参考了小傅哥的这篇博客 《# 在GitHub/Gitee上,搭建一个简单的所见即所得博客》。如果你觉得这个样式符合自己的审美,也可以参考我仓库里面的这个项目 https://github.com/z1gui/chips 配置。

期间,我还尝试将 Docsify 部署到云服务器上,后来发现不如在 Github 上好管理,遂放弃。

Hexo

再后来,我发现 docsify 很好,但是不够好。在文章展示,以及必要插件上,docsify 能满足一个博客的基础功能。但是,docsify 没有标签,分类,归档等功能。虽然我不追求极致的动效和交互效果,但 Docsify 过于简单的交互效果,让我感觉在阅读一个在线的 markdown 阅读器。与此同时,在 V2ex 的 VXNA 模块看过太多优秀博主的博客,让我又一次萌生了改博客样式的念头。

如何写好自己的博客

从一开始下定决心写博客,我也是迷茫的。什么写,什么不写,这些很难形成一个标准。

究其原因,大部分在写博客的时候,我都在想如何让读者读明白,又如何让读者快速理解。参考我早期的博客就能看出来,有些概念太想解释清楚,以至于长篇大论,尽管它可能很简单。 后来,我意识到博客其实是给自己的知识做沉淀,目的是让自己 “知其所以然”。以这个思想来写博客,会发现写好博客并不难。

这是关于《如何写好自己的博客》我想说的其一,「以自己为中心,让自己 “知其所以然”」。 大多数人写博客是为了提升自己的知识水平,提升自己的专业技能,形成一个自己的知识体系。「如何通过博客建立自己的知识体系」 ,便是我想要说的其二。

后来有幸拜读 pdai 佬引用的《知识体系:如何构建自己的知识体系》,醍醐灌顶,感受颇多。这里引用一下文章中的话:

我们的学习分为四阶段:输入、内化、沉淀、输出。碎片化在输入的时候用,因为信息本身是碎片化的,时间也是碎片化的,所以输入信息的时候,要碎片化。但有需要体系化的沉淀。因此碎片化的输入,加上体系化的沉淀,你就可以实现利用碎片化的时间,做体系化的学习。

如何写好自己的博客,首先肯定是要「写」了。积极输入,时刻充电。

当然,如果在这里能帮到你,那将是我最大的荣幸!

目录
上一篇 「持续更新」AI辅助编程使用心得
下一篇 JavaScript 创建执行释放过程
全屏图片