Hakan Dilman http://preview.tangly1024.com/ 一个NotionNext搭建的博客 Sun, 21 Jun 2026 12:08:28 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed en-US All rights reserved 2026, NotionNext <![CDATA[Example Article]]> http://preview.tangly1024.com/article/example-1 http://preview.tangly1024.com/article/example-1 Mon, 20 Jan 2025 00:00:00 GMT

Basic paragraph

In books there are houses of gold; in books there are beauties like jade.
💡
The meaning of life is not to compete with others, but to enjoy the process of striving to achieve goals. The result is simply a reward for your own actions.

Bring in the Wine

Li Bai (Tang Dynasty) Reference[1]
Do you not see the Yellow River’s waters coming down from heaven, rushing to the sea, never to return. Do you not see bright mirrors in high halls grieving white hair—at dawn like black silk, at dusk like snow. When life goes well, you must enjoy it fully; do not let the golden cup sit empty beneath the moon. Heaven gave me talent; it must be used. A thousand pieces of gold spent will come again. Boil sheep and slaughter oxen—let’s be merry; we must drink three hundred cups in one go. Cen Fuzi, Dan Qiusheng—bring in the wine, do not stop the cups. I’ll sing you a song; please listen closely. Bells and drums and delicacies are not worth valuing; I only wish to be forever drunk and never wake. Since ancient times sages have been lonely; only drinkers leave their names. Chen Wang once feasted at Ping Le; a single dou of wine cost ten thousand and he reveled freely. Why does the host speak of little money? Just buy more and drink with you. Fine horses, fur coats—call the child to trade them for good wine, and we will drown a thousand-year sorrow together.
TANGLY's BLOG | 记录思考、分享我的学习笔记
记录思考、分享我的学习笔记
TANGLY's BLOG | 记录思考、分享我的学习笔记
https://tangly1024.com/
TANGLY's BLOG | 记录思考、分享我的学习笔记

Special sections

1. Code

More languages

2. Formulas

  • Math formulas
  • Chemical equations
More formulas
 

3. Charts

4. Download attachments

下载PDF附件.pdf
469.5KB
下载PDF附件-2.pdf
469.5KB

5. Photo gallery

💡
This is an image
notion image
照片集
照片标题1
照片标题1
照片标题2
照片标题2

6. Embedded webpage

7. Embedded video

Embedded video is temporarily disabled

8. To-dos

Home
Laundry
Cooking
Career
Meetings
Overtime

9. Collapsible list

Click to expand
Click to expand
Click to expand
Content can be nested multiple levels
 

10. Synced blocks

Notion supports syncing blocks between different pages (SyncBlock). Below is a block from another page:
【sync-block】This is a paragraph from Example Article 3, synced via SyncBlock.
💡
Note: To use synced blocks, the source page must also be publicly shared. Otherwise NotionNext won’t be able to access it and it will be ignored during rendering.
notion image
 

11. Multi-level table of contents

Heading titles are automatically converted into a table of contents in the blog.

Level 2 section 1

Level 2 content 1

Level 2 section 2

Level 2 content 2

Level 2 section 3

Level 3 section 3.1

Different heading levels represent different TOC levels

Level 3 section 3.2

A higher-level section nesting a lower-level section

Multi-level list

  • Necessity of things
  1. Things change according to规律, and also have an unavoidable nature. This nature is called necessity.
    1. The necessity of things is the nature of the things themselves (we oppose fatalism because it claims all of this is controlled by deities, not because we deny the fact that there are unavoidable qualities in the development of things).
      1. Third-level list item
      2. Third-level list item
    2. It is determined by the situation of its own development and the surrounding conditions.
      1. Third-level list item
        1. Third-level list item

Template instructions

To deploy your NotionNext project, copy this template and create posts following the template format:
Notion 博客 | Notion
一个NotionNext搭建的博客
Notion 博客 | Notion
https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d
Notion 博客 | Notion
Notion Blog - EN | Notion
NotionNext Blog
Notion Blog - EN | Notion
https://www.notion.so/tanghh/7c1d570661754c8fbc568e00a01fd70e?v=8c801924de3840b3814aea6f13c8484f&pvs=4
Notion Blog - EN | Notion
In Notion, each post will have the following properties 🤔：
Property
Required
Description
Notes
title
Yes
Post title
status
Yes
Publish status
(Only shown when status is Published)
type
Yes
Page type (post Post / single page Page)
Single pages are not shown in the post list.
summary
No
Content summary
Used for search and brief display
date
No
Publish date
Before V3.3.9 this field was required.
category
No
Post category
Customizable
tags
No
Post tags
Multiple allowed; recommended not to use too many
slug
No
Post short path
(Unique per post; do not duplicate)
icon
no
Menu icon (valid only for Page type)
You can refer to: Icon library
password
No
Post lock
Password required to access

Comment plugins

The system supports Waline/Giscus/Valine/GitTalk/Utterance/Cusdis/Twikoo six comment plugins, and can enable multiple at the same time. Use the tabs in the comment area to try them.
Follow the tutorials below to enable the corresponding comment plugins:
NotionNext配置评论插件Twikoo | TANGLY's BLOG
一个简洁、安全、免费的静态网站评论系统，基于 腾讯云开发 。 经评论区网友推荐，我开始使用 Twikoo，一番体验，发现Twikoo真的很强大，目前我决定用它作为主要评论插件。 twikoo支持在页面上直接管理评论、配置插件，非常强大 在最新版本中 NotionNext已经 支持该评论插件，配置 方法很简单： 在Vercel后台添加一个环境变量 NEXT_PUBLIC_COMMENT_ENV_ID ; 值为您部署好的 twikoo 后台地址。以我的举例： 借助vercel，您可以非常快速地部署自己的twikoo后台，用于储存评论数据。 twikoo的后台数据存储是基于MongoDB数据库的，我们可以先注册创建一个免费的在线MongoDB数据库。 创建MongoDB数据库 1.注册账号 创建数据库 这里下方要设置一个允许访问该数据库的IP地址，推荐设置0.0.0.0，即所有地址都允许访问，毕竟我也不知道自己会用什么ip访问这个数据库。 2.获取数据库连接地址 Vercel一键部署 点击Create将twikoo的代码拷入您的仓库 配置MongoDB数据库地址 添加一个配置 MONGODB_URI 环境变量即可，其值为上一步获得的MongoDB连接地址，注意将链接中MONGODB的密码 替换成您设置的。 上述部署完成后，您将获得一个vercel的twikoo后台页面，您可以选择像我一样映射成二级域名 将您的twikoo后台地址配置在NotionNext的后台，并redeploy即可。 到此完成~ 点击右下角的小齿轮即可配置您的管理员密码、并进行更多的功能设置。赶快体验吧~ 可以访问官方文档获取安装部署帮助，并且查看Twikoo的更多特性。 NotionNext支持多种评论插件，可访问以下文章获得帮助：
NotionNext配置评论插件Twikoo | TANGLY's BLOG
https://tangly1024.com/article/notionnext-twikoo
NotionNext配置评论插件Twikoo | TANGLY's BLOG
NotionNext如何添加评论插件 | TANGLY's BLOG
NotionNext支持多种评论插件，其中体验比较好的我个人觉得是Twikoo，您可以参考以下教程进行配置安装： 您也可以选择Valine/Waline，关于Valine/Waline的部署可以访问此篇文章： Utterance 、 Giscus 、Gitalk 其中部署最便捷的当属 Cusdis 和 Utterance 这两个插件。您可以任选一个部署，当然，您也可以选择同时部署多个。 完成效果预览 点击Start for free ，并用Github登录即可 Sign in With Github (点击查看截图) [可选] 配置邮件通知地址，以便收到新评论时邮件通知您，（点击展开截图） 点击Embed Code获取您的应用ID，即data-app-id, 复制这串id备用。 在Vercel后台添加一个环境变量 NEXT_PUBLIC_COMMENT_CUSDIS_APP_ID，值为上面获取到的data-app-id。 完成预览效果 在您的Github中创建一个开源项目用于存放评论 在github中安装utterance插件 允许utterance访问所有仓库，并勾选install，可以只勾选作为评论用的仓库地址。 将用作评论仓库名添加到Vercel添加环境变量 后台 settings→ environment variables → 添加 → save 即可。如下图： 注意， 仓库名的格式是 [您的用户名/您的仓库名] 如下示例 完成预览效果 在您的Github中创建一个开源项目用于存放评论 创建一个授权秘钥，并保存您的ClientID与ClientSecret Authorization callback URL 填写您网站域名 填写配置的效果 ，点击 register application 即可创建。 点击 Generate a new client secret 生成您的密码 复制 Client ID和刚生成的 Client secret （对应图中2和3）备用。 在Vercel后台配置环境变量 NEXT_PUBLIC_COMMENT_GITALK_CLIENT_ID NEXT_PUBLIC_COMMENT_GITALK_CLIENT_SECRET NEXT_PUBLIC_COMMENT_GITALK_CLIENT_ID NEXT_PUBLIC_COMMENT_GITALK_CLIENT_SECRET 项目会在您的Github项目讨论区创建评论数据，便于维护管理 , 完成效果 预览 您可以在Github的Discusstion讨论区随时管理评论。 在您的Github中创建一个开源项目用于存放评论 在项目Setting中开启discussion功能 在Github中安装giscus应用 点击右上方的Install即可，并确认 允许访问仓库数据权限： 默认勾选All repositories即可。也可以只勾选用作评论的仓库，（后续还可以再回来配置） 访问Giscus填写并获取您的Giscus配置参数 主要配置输入您的仓库名，并选择 Discussion分类为 Announcements .
NotionNext如何添加评论插件 | TANGLY's BLOG
https://tangly1024.com/article/notion-next-comment-plugin
NotionNext如何添加评论插件 | TANGLY's BLOG
NotionNext配置Valine/Waline评论插件 | TANGLY's BLOG
Valine插件需要LeanCloud后端提供数据库存储功能，请按照以下步骤配置。 而Waline 的前置步骤和Valine基本一致，只是多了一个部署Waline的Vercel服务步骤。由于Waline配置了完善的后台管理功能，所以使用Waline就不需要再配合Admin-Valine项目运行。 应用创建好以后，进入刚刚创建的应用，选择左下角的 设置> 应用Key，然后就能看到你的 APP ID和 APP Key 了： 为了你的数据安全，请设置自己的 安全域名 ：只有以下设置的域名，才允许访问你的valine数据 支持的Valine配置在NotionNext项目的blog.config.js 中，请在Vercel后台的环境变量中配置： serverURLs在应用内部会尝试自动获取，如果发现获取失败，请手动提供 刚刚创建的应用，选择左下角的 设置> 应用Key，找到 Request 域名 第一行 需要在akismet中注册账号并获取免费的key： https://akismet.com/account ，并在LeanCloud中配置 AKISMET_KEY 变量 参考官方文档，在你的Vercel上部署一个valine应用。而后在你的NotionNext环境变量中添加你的waline服务地址环境变量： NEXT_PUBLIC_WALINE_SERVER_URL 即可生效。
NotionNext配置Valine/Waline评论插件 | TANGLY's BLOG
https://tangly1024.com/article/notionnext-valine
NotionNext配置Valine/Waline评论插件 | TANGLY's BLOG
 
测试嵌入PDF.pdf
469.5KB

References

1. About Li Bai

Reference another article →
📖
Template Instructions
]]> <![CDATA[Template Instructions]]> http://preview.tangly1024.com/article/guide http://preview.tangly1024.com/article/guide Fri, 02 Jul 2021 00:00:00 GMT

How to write articles with Notion

Please visit the tutorial to get help
如何在Notion中开始写作 | NotionNext文档
这是一个由NotionNext生成的站点
如何在Notion中开始写作 | NotionNext文档
https://docs.tangly1024.com/article/start-to-write
Notion快捷键 | NotionNext文档
Notion有很多使用的快捷键，看完这篇文章，让你的效率加倍
Notion快捷键 | NotionNext文档
https://docs.tangly1024.com/article/notion-short-key
Notion快捷键 | NotionNext文档

Template instructions

The NotionNext project must be bound to a Notion database to work. Please visit the tutorial to get help.
Vercel云部署 | NotionNext文档
Vercel是一款国外的Serverless托管平台，对个人用户使用几乎免费，而且方便快捷，用Vercel托管你的Notion站点，无需再操心服务器的维护与资费问题。
Vercel云部署 | NotionNext文档
https://docs.tangly1024.com/article/vercel-deploy-notion-next#3df829414795492bb41ec351eb6da84e
Vercel云部署 | NotionNext文档

Template fields

In the Notion database, each entry will have the following properties 🤔：
Property
Required
Description
Notes
title
Yes
Post title
status
Yes
Publish status
(Only shown when status is Published)
type
Yes
Page type (post Post / single page Page)
Single pages are not shown in the post list.
summary
No
Content summary
Used for search and brief display; shown in the post list
date
No
Publish date
Before V3.3.9 this field was required.
category
No
Post category
Customizable
tags
No
Post tags
Multiple allowed; recommended not to use too many
slug
No
Post short path
(Unique per post; do not duplicate)
icon
No
Menu icon (valid only for Page/Menu types)
You can refer to: Icon library
password
No
Post lock
Password required to access
Each column in the database has a different purpose; type: the type of this entry, including notice (announcement), post (article), page (single page), menu (menu), submenu (sub-menu). slug: depending on the type, it has different meanings:
  1. In menus (Menu/SubMenu), it determines where to navigate. In posts, it is the URL path for the post in the blog, and can also be an external link. Usually it starts with a leading slash: /test-menu corresponds to → https://your-domain/testmenu. It can also be a full external URL, e.g. https://tangly1024.com.
  1. In single pages (Page), it is the filename under the site root. Do not start with a slash: e.g. test-page → https://your-domain/test-page.
  1. In posts (Post), it is also the file path, but posts automatically add a prefix. For example test-post is accessible at https://your-domain/article/test-post, where article is the default configured prefix.
]]> <![CDATA[Locked Article - Password 123456]]> http://preview.tangly1024.com/article/example-2 http://preview.tangly1024.com/article/example-2 Fri, 05 Nov 2021 00:00:00 GMT <![CDATA[EMPTY-ARTICLE]]> http://preview.tangly1024.com/article/example-3 http://preview.tangly1024.com/article/example-3 Fri, 02 Jul 2021 00:00:00 GMT
ilk yazim
😀
这里写文章的前言： 一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么？并简述你给出的答案。
可以说说你的故事：阻碍、努力、结果成果，意外与转折。
 

📝 主旨内容

观点1

引用的话语

观点2

引用的话语

🤗 总结归纳

总结文章的内容

📎 参考文章

  • 一些引用
  • 引用文章
 
💡
有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~
]]> http://preview.tangly1024.com/article/c9f6fe1e-f43d-8293-9d93-010fc825b717 http://preview.tangly1024.com/article/c9f6fe1e-f43d-8293-9d93-010fc825b717 Fri, 02 Jul 2021 00:00:00 GMT
😀
这里写文章的前言： 一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么？并简述你给出的答案。
可以说说你的故事：阻碍、努力、结果成果，意外与转折。
 

📝 主旨内容

观点1

引用的话语

观点2

引用的话语

🤗 总结归纳

总结文章的内容

📎 参考文章

  • 一些引用
  • 引用文章
 
💡
有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~
]]> <![CDATA[空白文章，标题注意不应该过长，否则影响显示效果，这是一个示范]]> http://preview.tangly1024.com/article/example-10 http://preview.tangly1024.com/article/example-10 Fri, 02 Jul 2021 00:00:00 GMT
😀
这里写文章的前言： 一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么？并简述你给出的答案。
可以说说你的故事：阻碍、努力、结果成果，意外与转折。
 

📝 主旨内容

观点1

引用的话语

观点2

引用的话语

🤗 总结归纳

总结文章的内容

📎 参考文章

  • 一些引用
  • 引用文章
 
💡
有关Notion安装或者使用上的问题，欢迎您在底部评论区留言，一起交流~
]]>