NotionNext BLOG

NotionNext 分支管理

Thu, 13 Apr 2023 00:00:00 GMT

采用GitHub分支来管理NotionNext项目与自己版本库的更新，记录具体步骤

其他更新方案参考NotionNext作者文档

NotionNext升级操作指南 | TANGLY’s BLOG

当NotionNext发布新版后，如何更新你的项目？

https://tangly1024.com/article/how-to-update-notionnext

创建分支

项目主页输入分支名称deploy，点击create

Vercel中切换deploy分支作为production分支，按如下设置

redeploy后确认production分支是否为新的分支

💡

Vercel同时提供preview预览分支，它使用非production的其他分支生成，参考官方文档

Deploying Git Repositories with Vercel

Vercel allows for automatic deployments on every branch push and merges onto the Production Branch of your GitHub, GitLab, and Bitbucket projects.

https://vercel.com/docs/concepts/deployments/git#preview-branches

本地更新

本地Git中切换deploy分支，并设置push地址

本地有更新后通过push提交到deploy分支，这样不影响main分支，且deploy更新后Vercel会自动部署到生产版本

版本更新

当NotionNext项目有更新时，可以在main分支看到behind提示

点击sync fork下update branch按钮，此时main分支如果已经有修改会多一个discard选项，点击后会丢弃修改并更新与项目最新代码一致

main分支版本同步后，切换到本地git操作

本地项目里从main分支拉取更新

切换分支将main的更新合并到deploy，push到仓库即可

push后Vercel会自动部署最新代码

网上冲浪的视野限制-关于珠峰救援的一些思考

Mon, 12 Jun 2023 00:00:00 GMT

😕

当网络成为我主要的新闻信息获取渠道，我的视野就受到了极大的限制，而我却很难意识到这个问题

刘女士在攀登珠峰途中遇险，生命垂危，其他两名路过的登山者决定放弃登顶机会将刘女士救出，事后刘女士拒绝表达感谢，且只愿意承担40%救援费用

这是珠峰救援的新闻第一次出现在网络上的样子，也是我以及我代表的绝大部分网上冲浪选手获取的全部信息。

毋庸置疑新闻一出网民群情激愤，一方面大家歌颂救援者的伟大无私，另一边对被救者的忘恩负义口诛笔伐，我也理所当然的沉浸在这股浪潮中，例行的感动然后反思，直到最近看到三联生活周刊对这一事件详细的采访记录，我才意识到网络化片面的信息对我们的视野和思维产生了多么深的禁锢。

他们放弃登顶珠峰救人：被救者为何“不感谢”“不付救援费”？

我们更加不希望，一个不被厘清的风波，会给那些在未来想去救人的人蒙上心理阴影。

https://www.lifeweek.com.cn/h5/article/detail.do?artId=207438

文章提到了很多关键信息，这是我不曾想到的，却对我们针对事件的看法产生重要的影响

被救者和救援者的关系

刘女士和救援者属于同一登山队，事前就认识，并且关系还不错，这一信息在前期的所有新闻中均为提及，但这层关系确实能导致救援者和被救者之间会产生一些额外的顾虑和想法，或能解释为何事态走向如此。

关于违规登山

部分新闻极力渲染被救者仅用20天（标准时间的一半）违规登山，实际情况是刘女士单位不批假，登山公司为其制定了单独的计划，让刘女士在国内完成部分登山训练准备，替代了国外准备内容。

关于拒不表达感谢

她说了好几次感谢，但她这个人不善言辞，不是像大众想象的那种，在摄像机前，闪光灯咔嚓咔嚓，跪下来感谢恩人。

这是救援者表达的原话，可以想见一个濒死被认识的人所救的人，是不愿意如网友们希望的那样大张旗鼓表达感谢的吧，我们可以说她做得不够，但就像上文所说有一些关系有一些立场需要顾及，导致表达出来的感谢不足以满足网友的期待。

关于救援费用

这里是网友也是前期的我最不能理解的部分，登顶珠峰本就是有钱人的运动，1万美元相比之下仅仅是九牛一毛，而实际情况是什么呢?

首先登珠峰是一项商业活动，刘女士向凯途公司支付费用，由公司指派夏尔巴人向导负责登山协助工作，同样的救援者和他们的夏尔巴向导属于另一家公司。

我们只看到了救援事件牵扯了救援者和被救援者，但这1万美金要支付实际还要牵扯夏尔巴人和两家登山公司。

1万美金是救人之际救援者许诺给自己夏尔巴向导的酬金，而到了真正要支付这笔钱时需要考虑一个问题。

我担心我们开了这个先河，以后再有人想救人，都得在这个价格上起步了

更合理的方案是将这笔钱作为感谢金给与向导而不是救援费用，同时这笔钱从责任上应该由刘女士的登山公司支付，因为该公司的夏尔巴人向导违规丢下客户自行返回了营地。

一个高海拔救援事件，结束之后原本就是感谢和相应的支付、补偿，但因为牵扯到客户、夏尔巴，以及登山公司各方，变得难以处理。

了解了这些信息，刘女士为什么没有爽快的支付这1万美金，是不是就变得情有可原了，从她的视角看，登山公司违反了规定，这个成本理应由登山公司承担。

但是信息同步到网上，为何就变为了刘女士拒付救援费用了呢，我相信她的原话一定不是这样。

她也认为这应该由凯途公司来负责，如果一定要让她本人承担责任，她财力不够，最多可以负担4000美元。

整个事件有太多的信息被网络有意无意的隐藏掉了，互联网时代凡是讲究一个效率，一个流量，要快要够震惊那么信息很可能不全面、不完整。

回想网络还不是那么发达的年代，新闻还要通过报纸、广播、电视传播的年代，哪一条社会新闻不是记者经过完整的采访然后又详实的报道出来的，基于完整信息做出的思考和判断，才是有意义的。

而在这个视野受限的时代，我能做的就仅仅是未知全貌，不予置评。

在8000米以上能够放弃登顶，选择去救人，这是一件无须讨论，毋庸置疑的崇高的事。

而整个故事里另一个让我无比感动的是

后来我才知道，我的夏尔巴救人的时候根本没听懂我说什么，但他还是毫不犹豫地救了。

Hashquine-能显示自身MD5的文件

Fri, 09 Jun 2023 00:00:00 GMT

Hashquines：包含自己校验和的文件

在知乎刷到一个很有意思的问题：一个文件是否能显示自身的MD5？

乍一看这显然是一个不可能实现的悖论，即某个文件不可能提前知道自己的MD5值而放到文件自身里

但是各路大神还真找到了方法，实现了这个极具冲击力的效果

原文如下

能否构造一个含有自己哈希或MD5等的文件？ - 知乎

这几天找工作，早在自己的 CV 里加上了文件的 MD5，正巧今天刷到了这个问题。。。个人简历不太好意思拿出…

https://www.zhihu.com/question/411191287/answer/1384197672

一张显示自身MD5的GIF

以及一个显示自身MD5的PDF

www.makomk.com

https://www.makomk.com/~aidan/selfmd5-lastfix.pdf

Notion图表方案

Thu, 08 Jun 2023 00:00:00 GMT

前期用Notion做了一个记账数据库，因为有显示统计图表的需求（主要是月度支出趋势和支出类别比例）

搜索尝试了各种Notion插件，至今没有免费且符合需求的，做个记录

Notion2Charts

Notion2Charts - Create Embeddable Charts From Your Notion Tables

Generate beautiful and easily embeddable charts from your Notion tables for Free! Select from Pie, Bar, Bar horizontal, Line, Doughnut, Stats. Responsive · Dark Mode

https://notion2charts.com/

优势：综合体验最好的，支持丰富的自定义、过滤器，支持y轴翻转（我的账本数据支出都是负数，翻转后图表在X轴上方）

劣势：免费用户只能创建一个图表（我的劣势），似乎只能用google账号登录需要科学

Notion Charts

Notion Charts - Customizable Charts from your Notion Tables

https://notioncharts.io/

优势：与Notion2Charts类似，网上推荐也是最多的，免费用户最多可以创建5个图表

劣势：控制台的页面似乎有BUG，滚动条失效导致滚动条下方的自定义设置无法使用，5/20/2023停止服务了，令人震惊

Data Jumbo

Create charts for Notion in 1 minute

https://www.app.datajumbo.co/

优势：免费用户最多可以创建3个图表，图表类型丰富且好看，具备各类自定义和过滤器

劣势：不支持y轴翻转，服务极其不稳定，经常控制台打不开，已保存图表无法加载等问题

widgetstore

组件世界/WidgetStore - 丰富的嵌入式小组件库、动态图标库、可视化图表库

组件世界/WidgetStore.net，原notion.pet，一个国产组件库(插件),含丰富好用的widgets组件。适用于Notion Wolai FlowUs Github Gitee Wordpress 个人网站等任意可以嵌入小组件的平台。比较热门的桌面插件有：番茄钟、日历、打卡热力图、卡片式时间，同时还有动态图标（icon）、可视化图表（可以直接插入图表）。A Notion Widgets 你无需开发就能在线编辑小组件。

https://cn.widgetstore.net/

优势：国产插件，服务稳定，速度比较快，免费用户能创建3个图表

劣势：图表种类比较少，且只能关联页面数据库，不支持内嵌数据库（这个很坑，我的记账实在普通页面内的数据库，导致不能用）

notionCharty

Indie Hackers: Work Together to Build Profitable Online Businesses

Connect with developers who are sharing the strategies and revenue numbers behind their companies and side projects.

https://www.indiehackers.com/

优势：没有

劣势：基础功能太少，不能汇总，没有过滤器，排序器，处于不可用状态

目前还没有找到其他Notion插件😕

Notion记账方案

Fri, 21 Apr 2023 00:00:00 GMT

Notion作为笔记应用具有丰富的使用场景，其中提供的数据库功能和各种特性为使用Notion来记账提供了基础能力，于是基于自己的需求设计了一种记账方案，记录思路和各类实现细节。

关于数据库的官方说明

Intro to databases – Notion Help Center

Databases in Notion are collections of pages. Here, we'll introduce you to the general structure of a database, walk you through the different menus and options, and deep dive into how to open and edit pages within a database. 🗃

https://www.notion.so/help/intro-to-databases

模板自取

https://wxy1106.notion.site/wxy1106/1a5ef7230fdd4476a1466bc56b113ff8

实际功能可以自行体验，一些详情细节可以接着看下面内容

一. 整体效果

账单页

分类页

账户页

统计图

一. 确定需求

首先确定自己记账需求共三类

实现收入支出的记录，以及流水表的展示

记录各类账户信息，并且实现流水表与账户余额的关联更新

实现收入支出分类，实现按分类显示收支情况

实现按月/年分组统计和统计图

对应的，需要建立三个数据库，分别存储流水、账户和分类数据

针对三类需求做具体拆分

📌

流水表

在流水表中要实现的功能如下

记录收入和支出流水

快速查看当天/当月，收入/支出流水表

按月/年分组显示，收入/支出流水表

按月/年汇总统计支出金额，输出统计图

📌

账户表

账户表要实现的核心功能是根据流水表的收支，来实时更新账户余额

📌

分类表

分类表的核心功能是根据流水表的记录来统计每个分类的收支数据

二. 构建数据库

实现上述功能要使用数据库以及数据库中的各种特性，以下是具体方案

流水表

流水表需要包括用于显示和记录的主属性，和用于分组统计的副属性，具体设置如下

事项：用于记录项目，默认类型

分类：记录事项的类别，使用关联关系类型来实现与分类表的关联

路径：点击列名-编辑属性

类型：选择关联关系

关联到：选择分类表

打开在分类中显示开关

⭐ 打开这个开关后，流水表与分类表双向关联

也即流水表能取到分类表数据，同时分类表也能根据流水表的分类取到对应行的流水表数据

此时分类表会自动添加一个“账本”属性用于关联

日期：用于记录发生日期，日期类型

金额：用于记录收支金额，数字类型，数字格式选择人民币，在实际记录时支出用负数，收入用正数

账户：记录关联的账户，即在哪个账户发生收支，同样使用关联关系类型来实现与账户表的关联

路径：点击列名-编辑属性

类型：选择关联关系

关联到：选择账户表

打开在分类中显示开关

为了实现当天/当月视图以及按月/按年分组显示的功能，还需要增加几个副属性，这些属性不需要做显示，但是可以用于判断和分组，具体如下

年度：自动记录日期年份，使用函数类型将日期字段格式化，获取年份，具体按如下设置

类型：函数

函数：formatDate(prop("日期"), "YYYY")

月度：自动记录日期年份加月份

逻辑同上，

类型：函数

函数：formatDate(prop("日期"), "YYYY-MM")

月度F2：同月度，采用另一种格式，用于第三方图表排序，后文提到

类型：函数

函数：formatDate(prop("日期"), "YYYYMM")

当月：自动判断是否为当月，以勾选/未勾选的形式显示，使用函数判断当前日期的年月是否与月度相同

类型：函数

函数：formatDate(now(), "YYYY-MM") == prop("月度F1")

当年：自动判断是否为当年，以勾选/未勾选的形式显示，使用函数判断当前日期的年份是否与年度相同，formatDate(now(), "YYYY") == prop("年度")

以上为流水表中所有构建的属性字段，后续功能均基于这些属性来实现

顺带说明在参考其他账本模板时，基于月度的统计常使用单独的月度数据库，将流水表的记录与月度数据库关联，从而实现按月统计收支的功能，但这个方案依赖月度数据库需要手动更新，即进入新的月份后需要手工维护一个月度，因此本文没有使用这个方法，而是使用第三方图表直接读取月度数据来分组汇总，同时输出统计图，在操作和体验上都更优秀

分类表

分类表需要显示名称和金额汇总

名称：分类的名称，默认数据类型

可以给分类添加图标，使显示更加美观

路径：打开页面-添加图标

汇总：统计该分类下收支汇总，关联账本中的金额做累加

类型：汇总

关联关系：账本

属性：金额

计算：总和

视图使用画廊类型，分类显示更加直观

路径：视图名称-编辑视图-布局-画廊

卡片预览：无

卡片大小：小

同时调整视图显示属性为分类名称和汇总金额

路径：视图名称-编辑视图-属性

其中账本属性为双向关联时自动生成，隐藏即可

使用排序功能将分类按汇总金额从高到低排序

路径：排序-添加排序

选择排序字段以及排序方式

账户表

账户表核心功能是自动计算余额，方案是构建一个流水字段，汇总记录流水表中所有该账户的收支数据，再新建一个初始存款金额，使用存款加上（因为支出为负数）流水即可得到余额

具体方案如下

存款：用于录入账户初始金额，支持信用卡账户（存款录入0即可）

类型：数字

格式：人名币

流水：用于汇总记录流水表对应账户收支总和

类型：汇总

关联关系：账本

属性：金额

计算：总和

余额：用于自动计算存款与流水的差额

类型：函数

格式：人民币

函数：prop("存款") + prop("收益") + prop("流水")

收益：考虑到账户资金可能有其他情况的变动，如收益，构建一个收益字段用于手动修正资金的变动

给每个账户添加一个图标，使视图更加美观，

图标可以自行上传，提供一个阿里的图标库，有丰富的内容且质量非常高

iconfont-阿里巴巴矢量图标库

iconfont-国内功能很强大且图标内容很丰富的矢量图标库，提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造，设计和前端开发的便捷工具

https://www.iconfont.cn/

3.分组统计

完成流水表数据库构建后，即可构建不同的视图，不同视图根据筛选器和分组属性实现

当月/当年支出/收入视图

新建表格视图，添加高级筛选器，筛选当月/当年属性为是，且金额为负的流水

同理构建收入视图设置金额大于0即可

添加排序，按日期降序排列，保证最新的流水在最上面

月度/年度支出/收入视图

新建表格视图，在群组选项里选择月度/年度，即可按分组显示数据

分组会自动创建空分组，用于存储无月度/年度属性的数据，因我们的数据是根据日期自动生成的，因此不存在空分组，可以直接隐藏

同样添加筛选器，设置金额大于或小于0来实现收入与支出的区分

统计图

上文的月度/年度统计是按分组显示流水实现，如果要实现只分组统计金额数据不显示明细数据，则可以采用第三方图表来实现

Notion2Charts - Create Embeddable Charts From Your Notion Tables

Generate beautiful and easily embeddable charts from your Notion tables for Free! Select from Pie, Bar, Bar horizontal, Line, Doughnut, Stats. Responsive · Dark Mode

https://notion2charts.com/

Notion2Charts通过读取Notion的数据库来构建和设计统计图

⚠️

搞完了才发现免费用户只能创建一张图，差评

如按月统计支出合计，设置如下

横坐标：月度F2

纵坐标：金额

排序：使用月度F2升序，这里如果使用2023-04格式排序会不准确，因此在上文构建一个新的格式202304来排序

另外要实现仅统计支出的功能，需要给图表添加过滤器，设置金额大于0

同时在金额坐标设置中设置格式为人民币，且反转坐标轴

点击获取链接，直接复制到Notion页面中即可添加图表

4.一些细节

数据库标题左侧可以添加图标，显得更加美观

当然数据库标题也可以隐藏，使视图更加简洁

视图可以隐藏不关注的属性使页面更简洁

数据表可以整体放置到标注块中，使表格突出且有整体感

数据库可以转换为页面，变成当前页面的子页面，如账户等不希望直接展示的视图可以使用

每个视图最下方有列计算功能，可以显示金额合计、平均值等数据