1️⃣Example article
00 min

Basic paragraph

In the book there is a house of gold, in the book there is a beauty as fair as jade.
The meaning of life is not to compete with others, but to enjoy the process of striving to achieve goals. The outcome is merely a commendation of one's own actions.

To the Guest of Honor

By Li Bai (Tang Dynasty) Reference [1]
Have you not seen the waters of the Yellow River flowing from the sky, rushing to the sea, never to return? Have you not seen the bright hall's mirror mourning the arrival of white hair, morning's black silk turning evening's snow? When life is at its peak, one must revel in joy, never let a golden goblet empty under the moon. By heaven's decree, my talents shall find use, even if a fortune is squandered, it shall return. Feasting on lamb and beef, let us rejoice, let us drink three hundred cups in a single sitting. Cen the Philosopher, Danqiu born, raise your cup and let us not stop. Let me sing a song for you, please lend me your ears. Treasures of jade and delicacies of the banquet may be precious, but I wish only to remain drunk and never awaken. Throughout history, the wise and virtuous have all been lonely, only the drinkers leave behind their names. In ancient times, King Chen feasted in the Hall of Peace, ten thousand cups of wine in boisterous revelry. Why should the host speak of modest sums? Go, fetch and pour, let's drink together. With five-flower horses and robes of a thousand gold, call the servants to bring forth fine wine, and together, let us dispel the sorrows of a thousand generations.
tangly1024Updated Jun 14, 2024

Special paragraph


Other programming languages


  • Mathematical formulas
    • Chemical equations
    Other formulas

    3. Charts

    4.Download Attachment

    5. Photo Gallery

    This is a picture.
    notion image
    Photo Gallery

    6. Embedded Web Page

    7.Embedded Video


    Project 1
    TODO 1
    TODO 2
    Project 2
    TODO 1
    TODO 2

    9.Collapsed List

    Click to Expand
    Click to Expand
    Click to Expand


    10. Synchronization Blocks

    Notion supports synchronizing blocks from different pages, known as SyncBlocks. Below are blocks from another page:
    【sync-block】这是一段来自示例文章-3的段落 ,通过 SyncBlock同步。
    注意 : 同步块的使用条件是源页面也要被开放共享 ,否则NotionNext将无权访问,页面上会被忽略渲染。
    notion image

    11.Multi-level Directory

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

    Subdirectory Level 1

    content 1

    Subdirectory Level 2

    content 2

    Subdirectory Level 3

    Subdirectory Level 3.1

    Different levels of headings represent different levels of directory.

    Subdirectory Level 3.2

    Higher-level directory nesting lower-level directories

    Multi-level Lists

    • Inevitability of Things
    1. Things change according to certain laws, and there is also an inevitable nature to them. This nature is called inevitability.
      1. The inevitability of things is the nature of the things themselves (our opposition to fatalism lies in the fact that it believes everything is controlled by the gods, rather than opposing the fact that there are inevitable qualities in the development of things).
        1. Third-level list
        2. Third-level list
      2. It is determined by the development of the thing itself and the surrounding conditions.
        1. Third-level list
          1. Third-level list

    Template Usage Instructions

    To deploy your NotionNext project, please copy this template and create articles according to the template format.

    Comment Plugin

    The system supports six comment plugins: Waline, Giscus, Valine, GitTalk, Utterance, Cusdis, and Twikoo. You can enable them simultaneously and switch between them by clicking on the tabs in the comment section.
    Follow the instructions below to enable the desired comment plugin.
    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
    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


    1. About Li Bai

    Citation of another article → Introduction
    Locked article - Password: 123456