2023 年我用 notion + popsy 搭建了一个网站。
无须写代码，非常简单。缺点是 popsy 前端有不少 bug，体验远没有 notion 好。但是 notion page 的 URI 格式我很不喜欢。
现在我使用 使用obsidian+quartz建站。
以下是 notion + popsy 的建站方法，留存纪念。
预览
自定义代码
在网站设置里，有个 custom code，给与用户非常灵活的空间。可以插入任何 HTML DOM，所以用户可以自定义 JS 和 CSS。这个功能居然是免费的。
于是我调整了段落间距。隐藏了 popsy badge。给 list view 设置了最大高度，并且支持滚动。
给大家分享我的 custom code。
<style>
section.section {
padding: 0 !important;
}
.notion-h {
margin-top: 1rem;
}
.notion-page-scroller {
margin-bottom: 5%;
}
.popsy .notion-link {
color: \#005aff;
}
.popsy .notion-link.n-button {
color: white;
}
.notion-page-icon-wrapper-wrapper {
display: none;
}
.notion-collection {
margin-top: 1rem;
}
.notion-list-view {
max-height: 30rem;
overflow: scroll;
overflow-y: scroll;
overflow-x: unset;
margin-top: 0.6rem;
}
.notion-quote {
color: grey;
font-size: 1rem;
}
.p-badge {
display: none;
}
.p-header+.notion-title-wrapper {
padding-top: 0;
}
</style>