方法论 | 个人网站搭建琐记 以及浅谈一些知识管理

再次跟大家打招呼！因为终于把网站部署好了，可以安心的码字：

回想起来，这已经是我开始使用的第3个个人网站！（假如QQ空间也算在内 就是四个了，怎么不算呢…

热烈庆祝 终于折腾好了日志留言版的功能，意味着我真正拥有了一个一直都想拥有的博客~。 当然，新的真正的个人主站也在搭建的路上了。不过，那个比较官方就是说。

心路历程

先谈谈部署网站的心路历程吧：

第一次想要做自己的网站是去年，当然也是为了找工作就想拥有一个自己的作品集网站。 其一是周边同龄的设计师都拥有了自己的网站，其二是找工作申请时pdf的作品集有时根本无处可投。所以去年也是这个时间，我觉得拥有自己的网站是必要的。

由于贫穷买不起付费的域名，在得知github上有一个免费的域名之后，我决定开始折腾，我的第一个网站就是一个星期左右的时间以一个静态的页面问世了。

网上fancy的template很多，但是以我什么都不懂抓瞎的情况来说实在太难搞清乱七八糟的css框架了，于是我选了最简单的Jekyll模板入手。（链接附在文末）

由于原有的模板大部分都是文字，因为放置作品的需要，我加了一些图片展示的模块和自己的作品页面。不过，大部分内容都是用markdown完成的，内部有一些简单的css和html，代码是由我和chatgpt合作完成（是的 太棒了。 由于舍不得就让这个网站消失，我甚至另开了一个github帐号来获取一个免费的域名以保留它（自己的域名总要放最新的主页吧~）。但是，这个网站毕竟搭建之初是为了求职，blog的版块我用的少之又少，因为害怕被同事发现我脑子里有很多奇怪的想法（……

到去年年底，受周围朋友们的影响，（他们有的录播客 有的写博客），我就想自己似乎也应该有一个记录自己想法和观点的地方。在广泛的研究（围观）和试水了目前各大社交平台的情况，诸如小红书（不太明白这个app的使用群体的收入情况和三观形成条件）、豆瓣（虽然也有人写很长很长的文章，但是太过生活化和情绪化）、知乎（充会员看小说的人比较多，人工智能提问和人工智能回答也比较多）、微博（目前已卸载一年半）一类，觉得根本没什么特别适合的平台。就连小宇宙听了半年之后也越来越觉得经常遇到不是很有意义的内容，感觉有点浪费时间。就这样一拖再拖，觉得自己表达和交流的欲望甚至都与日俱减。

3月底我得知notion可以建个人网站这回事，也看到了不少的模板，再加上免费的域名（……）我立刻又紧锣密鼓地花了一个周末搭了一个（…啊呀没有花钱啦）。奈何notion的数据库管理情况实在繁琐而且有些违反直觉：最大的bug莫过于所有的页面在其他页面上的“投影”也是它的本体，也就是稍不留神在主页删掉了一个文章的标题超链接，其实你把整个文章都删掉了（orz）。不过notion的好处是对上传图片以及其他媒体什么的比较友好，写作也是即时发布的。所以在搭建好之后我就作为一个平时写一些笔记以及生活日常的东西也能够满足日常记录的需求。

由于notion不支持留言板，在写数学公式之类的东西的时候偶尔也比较吃力，再加上其本身不太简洁的外观和操作流程和不太流畅的写作体验，让人没有办法很专注于写作和表达，我的大部分笔记都是先在obsidian里通过markdown格式写作而成的。再加上我本地的所有文章都是通过obsidian来记录和多设备同步的，我一直想要一个真正的可以自动把本地想要发布的markdown文件都收集在一起在发布出去的一个简单得像qq空间一样的博客！（虽然这好像很简单…但是我其实还需要有一些审美）。一直到这次放假在家，我再度开始在github上搜寻模板，看了各种需要氪金的webflow之后终于了解到了Vercel的存在（这话真的很像在打广告欸）。不仅有一个免费的域名还可以在线部署发布github上的一个repository。众所周知，哪里有免费的域名哪里就有我，于是，我又开冲。今天花了一下午加一晚上开始部署研究数据库格式以及开通留言板。终于在obsidian的插件mdx to md（可以在obsidian内直接预览和写作mdx文件）的帮助下，我可以在obsidian内完成博客文章的写作，然后通过github同步推送之后，vercel就能实时自动发布了（不需要再次打开vercel部署）。

WUHU！折腾党的大胜利。我的最新的个人网站也在部署之中了（不，是等待内容填充…，建站的事情暂时可以告一段落，也算是实现了自己的一个小心愿。

既然刚刚提到obsidian，那就说说我这几年体验过的知识管理系统什么的吧。

个人知识管理系统

经常在少数派 上阅读各种人介绍工作方法以及最新的知识管理app什么的，让人眼花缭乱…。我对于系统的诉求很简单，就是各个平台都有。这对于使用安卓手机，苹果平板和win的电脑的我来说，是最基本也是最大的诉求。放眼望去，首先排除只支持ios的一些被追捧的app，如果只有电脑端没有移动端也要被排除。剩下的选择好像真的很少。

先说说obsidian，obsidian算是一个干净整洁，支持双向链接，又支持很多第三方插件可以瞎搞的app。虽然跨平台实时同步需要一些资金，但是谁家网盘不收费呢（… 。所以我日常生活大部分管理文档以及笔记之类的都在obsidian内存储。一般的工作流是在ipad上分屏看书、或者课件，用obsidian写笔记，然后三天内在电脑端再做总结和整理。笔记可以通过手机随时查看，也可以添加一些想法或者进行复习。另外，由于obsidian的笔记本身就是一个个存在windows本地的md文件，部署到网站里发布出去也不成问题。这一点其他一些笔记貌似很多在导出方面都很成问题（诸如印象笔记总是让我找不到源文件，ipad端的很多markdown写作app也很难导出到windows）。

再说另一个我记录一些灵感的app：flomo。flomo的记录体量有点像给自己发微博：于是我可以记菜谱、油管链接、书单、电影、读书碎片和日常生活想法和小结。通过标签和双向链接进行关联，久而久之就可以被当作一个素材库使用。或者一些日常运行程序、软件遇到的小技巧，也收录在里面。如果把obsidian当成听课笔记和复习提纲，flomo就有点像错题集、词汇卡和作文素材（哇，这就是东亚人东亚魂的比喻吗。）当然，我还经常把flomo当作面向自己的微博使用，每周或者每月存一些照片然后写一些小结之类的，非常有助于帮助自己确信自己 “真棒 又活过一周啦”！

总之，上述工具就是我已经用了不少时间的两个支持多平台同步的个人知识管理软件。当然，有钱人直接买果子全家桶就是最好的，没有多端同步和管理自己的烦恼啦。

链接：

github 静态网站参考模板：https://github.com/Knhash/Pudhina

github 动态网站参考模板：https://github.com/truethari/reactfolio（需要clone到本地再通过react- gh-page部署发布）

React-gh-page动态网站部署流程包：https://github.com/gitname/react-gh-pages

Vercel模板：https://vercel.com/templates

Obsidian官网：https://obsidian.md/

Flomo官网：https://flomoapp.com/

-鹅仔 2024/5/6/22：40