技术分享
NotionNext介绍
NotionNext操作说明
写作是最值得投资的技能
往期整理
历史归档
文章分类
文章标签
Ryan.mobi
  • 技术分享
    •   NotionNext介绍
    •   NotionNext操作说明
    •   写作是最值得投资的技能
  • 往期整理
    •   历史归档
    •   文章分类
    •   文章标签
  • 1️⃣示例文章

    2021-11-5|2024-11-11
    Ryan
    Ryan
    password
    网址
    type
    status
    date
    slug
    summary
    tags
    category
    icon

    基本段落

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

    将进酒

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

    特殊段落

    1.代码

    其他更多语言

    2.公式

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

      3. 图表

      4.下载附件

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

      5. 照片集

      💡
      这是一张图片
      notion image
      照片集
      照片标题1
      照片标题1
      照片标题2
      照片标题2

      6. 内嵌网页

      7.内嵌视频

      8.代办

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

      9.折叠列表

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

       

      10. 同步块

      Notion支持将不同页面的块进行同步,即 SyncBlock,以下是来自另一个页面的块:
      【sync-block】这是一段来自示例文章-3的段落 ,通过 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 博客 | 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
      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
      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

      引用文献

      1. 关于李白

      引用另一篇文章→
      📖
      在VPS上部署NotionNext
      技术分享
      建站
      文字
      推荐
      在VPS上部署NotionNext加锁文章 - 密码123456
      Loading...
      0%
      基本段落将进酒特殊段落1.代码2.公式3. 图表4.下载附件5. 照片集6. 内嵌网页7.内嵌视频8.代办9.折叠列表10. 同步块 11.多级目录二级目录1二级目录2二级目录3三级目录3.1三级目录3.2多级列表模板使用说明评论插件引用文献1. 关于李白
      2024-2025Ryan.

      Ryan.mobi

      Powered byNotionNext 4.7.7.
      • 关于
      Ryan
      Ryan
      一个热爱科技的非理工中年人
      欢迎来到我的博客
      =============
      操作手册
      更新记录
      联系我们