示例文章

这是示例的文章摘要,摘要内容可被用做搜索,预览。文章列表默认展示概要;若要在列表直接展示文章内容,可在blog.config.js中配置。

type
status
date
slug
summary
tags
category
icon
password

基本段落

书中自有黄金屋,书中自有颜如玉
💡
生活的意义并不是与他人争高下,而在于享受努力实现目标的过程,结果只是对自己行动的嘉奖。

将进酒

李白〔唐代〕参考[1]
君不见黄河之水天上来,奔流到海不复回。 君不见高堂明镜悲白发,朝如青丝暮成雪。 人生得意须尽欢,莫使金樽空对月。 天生我材必有用,千金散尽还复来。 烹羊宰牛且为乐,会须一饮三百杯。 岑夫子,丹丘生,将进酒,杯莫停。 与君歌一曲,请君为我倾耳听。 钟鼓馔玉不足贵,但愿长醉不愿醒。 古来圣贤皆寂寞,惟有饮者留其名。 陈王昔时宴平乐,斗酒十千恣欢谑。 主人何为言少钱,径须沽取对君酌。 五花马、千金裘,呼儿将出换美酒,与尔同销万古愁。

特殊段落

1.代码

其他更多语言

2.公式

  • 数学公式
    • 化学方程
    其他更多公式
     

    3. 图表

    4.下载附件

    5. 照片集

    💡
    这是一张图片
    notion image
    照片集

    6. 内嵌网页

    7.内嵌视频

    8.代办

    家庭
    洗衣
    做饭
    事业
    开会
    加班

    9.折叠列表

    点击展开
    点击展开
    点击展开
    内容可以多级嵌套

     

    10. 同步块

    Notion支持将不同页面的块进行同步,即 SyncBlock,以下是来自另一个页面的块:
    💡
    注意 : 同步块的使用条件是源页面也要被开放共享 ,否则NotionNext将无权访问,页面上会被忽略渲染。
    notion image
     

    11.多级目录

    heading标题在博客中自动转为目录

    二级目录1

    二级内容 1

    二级目录2

    二级内容2

    二级目录3

    三级目录3.1

    不同级别的heading代表不同级别的目录

    三级目录3.2

    高一级目录嵌套低一级目录

    多级列表

    • 事物的必然性
    1. 事物按规律变化,也有一种不可避免的性质.这种性质就叫做必然性
      1. 事物的必然性,是事物本身的性质(我们反对宿命论的是其认为这一切是受神明的支配,而不是反对事物发展中存在的不可避免的性质的事实)
        1. 第三级别列表
        2. 第三级别列表
      2. 其决定于它自己本身发展的情况和周围的条件
        1. 第三级别列表
          1. 第三级别列表

    模板使用说明

    若要部署你的NotionNext项目,请复制该模板,并按照模板格式创建文章:
    Notion页面中,每篇文章都将有以下属性🤔:
    属性
    必填
    说明
    备注
    title
    文章标题
    status
    发布状态
    (仅当状态为Published 时会被 展示)
    type
    页面类型 (博文Post / 单页(Page)
    单页不会在博文列表显示 。
    summary
    内容摘要
    搜索和简略显示会用到
    date
    发布日期
    在V3.3.9之前的版本此项为必填。
    category
    文章分类
    可以自定义
    tags
    文章标签
    可多个,建议不要太多
    slug
    文章短路径
    (每篇文章唯一,请勿 重复)
    icon
    菜单栏图标(仅当Page类型有效)
    可以参考:图标库地址
    password
    文章加锁
    需要输入密码才允许访问

    评论插件

    系统支持 Waline\Giscus\Valine\GitTalk\Utterance\Cusdis\Twikoo六种评论插件,并且可以同时开启,点击评论区的Tab来体验。
    按照以下教程可以开启响应的评论插件
    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. 关于李白

    引用另一篇文章→
    📖
    模板说明
    Loading...