Type
Status
Date
Tags
Slug
Summary
Category
Password
✍️ Related to MyNotes
Icon
😀
数字花园能记录碎片的想法,并以笔记连接的方式见证你想法从萌发到成熟的整个过程。Obsidian通过在文档中加入连接,关联到已有的笔记,采用可视化的方式展示笔记间的关系,实现自己的数字花园,并通过Digital Garden插件发布到网络。这篇文章阐述了如何利用Obsidian搭建自己的Digital Garden。

📝 为什么需要一个自己的数字花园

首先聊聊,为什么自己需要一个数字花园。之前我写过一篇英文的博客——《How to Build a Personal Knowledge Management System》,阐述了个人知识管理的一些常见方法。最终选择了Tiago Forte的Second Brain用来作为自己的个人知识系统,并在自己博客中简单阐述了在Notion上的实现。自从搭建以来,一直用它来跟踪自己的项目进展、每日任务,以及定期的总结回顾,相对于以往靠文件管理式的离散型笔记,对自己的学习和工作效率的提升产生了很大的影响。但在使用过程中,一方面是notion运行消耗电脑内存相当大,特别是在自己配置低一点的旧电脑上,用来写文字非常的卡。另一方面,虽然用notion做的第二大脑能跟踪自己的项目,做过的笔记,但对于笔记之间连接的可视化做的不是很好。为了进一步细化自己所学的知识,一方面需要将自己的笔记里记录的知识点尽量细化、切分到更小的笔记中,另一方面能通过可视化的方式来展示知识点之间的连接。这样的好处在于能快速的建立自己的知识网络结构。并且每当有新知识点输入时,可以快速在已有的知识网络中找到和已有知识点的连接,或者对现有的知识网络进行扩充。而Obsidian通过在文档中可以很方便的插入其他文档的连接,并且可以将文档之间的连接用自带的插件进行可视化,成为了我搭建自己数字花园的不二选择。

📝 数字花园与第二大脑的区别

对于数字花园和第二大脑的区别,这里仅谈谈我对二者一个较为主观的理解。第二大脑主张用PARA(Projects, Areas, Resources和Archives)的方法将自己的工作和生活,按照自己关注度高低的方式分为四个部分,从而通过笔记的方式去组织自己所学到的知识、信息。Projects是目前你生活和工作的中心,也是关注度最高的部分,可以说你每天的大部分时间都围绕你的Projects。而关注度最低的则是Archives部分,甚至类似于你的收藏箱,只有在你未来的某个时刻你才会去重新关注它。
数字花园则是一种记录自己想法、观点萌发的笔记组织方式。它不在乎你的想法和观点是否能支持你当前所在的项目,而是捕捉你生活或工作中可能令你产生想法或创意的潜在资料,并以笔记的方式记录它。某一天如果你对这些资料产生了想法和创意,那么同样以笔记的方式记录下它,并把这些笔记连接到这些潜在的资料。经过一定实践和探索后,成熟的想法再通过笔记的方式连接到这些最初的想法和创意上。这种连接最后就构成了一种观点由萌发到成熟的链条。数字花园就和现实中的花园一样,过去的某一天你在你的花园中翻土埋下一粒种子,每天给它浇水施肥,在将来某一天它生根发芽,甚至开花结果。而你的花园记录和见证了这一切的成长。
所以,在我看来,第二大脑是一种你生活和工作模式的探索工具,而数字花园则是在更细的维度上记录你的成长。二者不应该是对立的,而应该成为你在大信息爆炸时代生活和工作的两把利剑,助你在信息的慌流中游刃有余,提升你知识产出的效率和能力。

📝 聊聊Obsidian

Obsidian作为一个颇具影响力的写作工具,很大程度在于它的可定制化,以及背后强大的生态。有很多优秀和颇具热情的爱好者为它提供许多用户体验良好的插件来扩展它的功能。它的上手门槛可高可低,要说基本的使用,只要你对markdown语法有基本的了解,就可以用它来轻松写上一篇属于自己的文档。如果你有探索精神,你可以利用各种插件,实现更复杂的功能,甚至可以Obsidian提供的API开发自己的插件,为Obsidian社区添砖加瓦。另外,Obsidian的一大特色,就是笔记间的可视化连接。就像下图这样,你可以很轻松构建自己的知识体系结构。
notion image
如果你只是想搞一个自己的数字花园,不公开。那么上述这些知识就够了——用Obsidian写下文档,并在每个文档中用[[你想连接的文档]] 语法就够了。但是如果你想把你的文档发布到网络,让别人也能够看到,那么就用到了Obsidian的社区插件Digital Garden(注意:类似的插件还有很多,但这个颇具代表性)。这个插件可以将一篇Obsidian笔记通过设置dg-publish发布到你的github仓库,经过一定的后续部署,实现一个公开的数字花园。废话不多说,下面讲讲搭建步骤。

📝 搭建步骤

一、新建vault

打开Obsidian,填写如下信息,点击Create ,新建一个vault(可以理解为后续笔记的存储目录)。
notion image

二、安装Digital Garden

新建vault后,打开设置,并在社区插件中,开启社区插件
notion image
然后在新页面中开启Restricted mode模式,并点击Browse 浏览Obsidian社区的插件
notion image
在搜索框中输入digital garden,然后点击安装即可,安装后记得点击Enable启用该插件。
notion image
并点击Option进入Digital Garden插件的设置窗口,等待后序步骤信息的填入。
notion image

三、Github中创建私有仓库

准备github和vercel账号

在开始这个步骤之前,你需要有两个账号,一个是github账户,一个是vercel账户。注册步骤很简单,就不在这里详细写了。
这两个网站的作用:github上创建的仓库用来存储你后续发布的笔记;vercel用来部署你的github仓库成为一个网站,最终实现你的数字花园。

登录github创建token

登录github后,点击个人头像点击Settings,依次选择Developer Settings —> Personal access tokens —> Tokens(classic) —> Generate new token(classic). 按照如图所示创建自己的token(这个token将被用来从Obsidian访问你github的私有仓库)。关于过期时间的选择,为了避免频繁更换,建议选择长期,但如果处于安全考虑,也可以选择其他选项。
注意:这个token创建后记得保存,因为仅有一次可见的机会。
notion image
 

创建github私有仓库并部署到vercel

打开这个连接,点击Deploy直接部署。
notion image
将会跳转到vercel界面,点击Create ,创建github仓库,并进行vercel部署配置。
notion image
自动部署,等待完成将会看到如下界面:
notion image
因为现在你刚刚创建的github仓库没有任何笔记,所以显示There is nothing here. vercel给你的网站自动生成了域名,你可以用这个域名来访问你刚刚搭建的网站(这个就是你的数字花园)。

四、配置Obsidian,发布你的笔记

配置Digital Garden插件

接下来要做的就是在Obsidian的Digital Garden插件中进行简单的配置,并发布你的第一篇笔记到你的数字花园。简单配置如下:
notion image
配置信息无误后,你会发现图中的4号标识会从以前的x变成上图所示,说明你的Obsidian已经能通过Digital Garden插件访问你的github仓库了。

写下你的第一篇笔记

上述配置完成后,可以在obsidian中新建一个笔记,并配置如下字段:
notion image
图中dg-publish: true 表示你的这篇笔记是要发布到你的数字花园。dg-home表示该笔记是你数字花园的主页(输入域名默认打开的页面)

发布你的笔记

按照如图所示勾选你要发布的笔记,选择PUBLISH SELECTED 。等待完成。
notion image
如此操作后,该发布的笔记会被提交到你前面所创建的github仓库。一旦该仓库有新的提交,那么vercel会自动部署最新的依次提交。一般等两三分钟后,点击你的域名,你就可以在网站中看到你刚刚写的笔记了。
notion image
notion image
至此,一个简易版的数字花园就搭建成功了。撒花,鼓掌😁😁。

📝 搭建后的优化

前面我们已经实现了一个简易版的数字花园,但看着有些不够美观。我期望的页面是如下图所示的样子,该如何实现呢?
notion image
首先分析一下,主要包括一下这些部分:
  • 数字花园标题的修改
  • 左侧文件树展示已发布的笔记及层次关系
  • 左侧文件树中置顶笔记
  • 中间部分显示笔记的创建和最近的编辑时间
  • 右侧显示笔记间的关系
  • 主题的更改与设置
然后怎么实现呢,很简单,在Obsidian的Digital Garden插件里进行对应的设置就行。

数字花园标题和主题的设置

打开Digital Garden插件的设置页面,找到Appearance—>Manage appearance ,参考如下设置
notion image
最后点击Apply settings to site,等待一会儿,刷新你的网页即可。

笔记的创建和最近更新信息显示

同样在Manage appearance打开的页面,往下拉,找到Timestamps Settings并作如下配置:
notion image

数字花园布局设置

同样在Digital Garden插件的设置页面,找到Global Note Settings —> Manage note settings ,打开笔记设置页面,建议将这个页面的所有设置都打开。
notion image
其中Show filetree sidebar是显示左边的文件树;Show local graph for notes是表示开启右侧笔记间的关系图;Show backlins for notes表示开启连接到当前笔记的所有笔记;Enable search表示开启搜索框。

笔记置顶的设置

随着我们笔记的增加,我们希望非常重要的笔记总是在文件树的第一条显示,只需要在我们要置顶的笔记的元数据中新增dg-pinned = true 即可实现该笔记的置顶。

非英文笔记要注意的配置

对于非英文笔记要注意关掉以下配置,不然会出现同一个目录下的多篇笔记,你只能发布一篇到你的数字花园,因为非英文字符无法处理导致路径的冲突,这也是我踩过的一个坑。
notion image

📝 自定义配置

这里,我想阐述一下关于笔记成熟度的自定义配置方法。涉及到修改源代码,入门用户可以跳过。在Digital Garden插件里默认提供了四种成熟度的图标来标记每篇笔记,可以通过在笔记中设置dg-note-icon的值0,1,2,3来指定标记的图标(详细可查看这部分的文档说明)。但如果成熟度等级不够,或者想自定义图标该怎么办呢。可遵循如下步骤:

下载前面创建github私有仓库到本地

方法简单,先安装Github Desktop(方便之处在于不需要敲git命令),然后克隆你的数字花园所在的私有仓库到本地。采用vscode打开该仓库进行后续修改。
notion image

找到你所需的图标文件

如果不满意插件所提供的图标,从网上找到合适的svg格式的图标。这里推荐一个我用的网站:https://www.svgrepo.com/。找到喜欢的图标进行下载,大小建议使用205x205px这样效果显示会好很多。把下载好的svg格式的图片复制到仓库源码的:site/img/ 路径下。

修改源码

找到仓库源码site/styles/custom-style.css,在文件中添加如下代码(以成熟度等级为5为例,如果你的不是5,可以适当的增加和删除对应的源码):

提交你的代码到github仓库

直接打开Github Desktop,定位到数字花园的仓库,按照如下操作即可。
notion image

设置笔记成熟度

然后在每篇笔记中通过给dg-note-icon设置不同的值,实现每篇笔记的成熟度标记。

📎 参考文章

 
💡
更多的配置信息,请查看Digital Garden的说明文档:https://dg-docs.ole.dev/
⚠️
注意:如果你的数字花园部署在vercel平台上,并且是免费用户,切忌短时间内频繁修改数字花园配置,或短时间内频繁发布笔记。因为vercel对免费用户有部署次数上限,会被平台限制,导致部署失败,让你的数字花园崩溃。
💡
有关这篇文章或者在Digital Garden使用上的问题,欢迎您在底部评论区留言,一起交流~
 
Notion版的Second Brian介绍How to Build a Personal Knowledge Management System?
Loading...
Mr.Charley
Mr.Charley
Programmer | Son | Christain
Announcement

🎉Notice🎉

  1. The Chatbase is online. You can get more informations about this blog by chatting with the robot.
  1. The Digital Mind Garden is already online(follow → Charley的数字花园).
  1. Articles will be uploaded gradually.
  1. Keeping follow and looking forward to.
👏Welcome to contact me if you have any ideas about the blog or articles on the site.👏