NotionNext BLOG https://tangly1024.com/ 这是一个由NotionNext生成的站点 Sun, 04 Jun 2023 01:58:11 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed zh-CN All rights reserved 2023, NotionNext <![CDATA[模板使用说明]]> https://tangly1024.com/article/guide https://tangly1024.com/article/guide Fri, 02 Jul 2021 00:00:00 GMT

模板使用说明

您的NotionNext项目必须绑定一个Notion数据库才能使用。
请复制该模板到您的Notion中，并按照模板格式创建文章：
NOTION BLOG
演示站点描述
https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d
NOTION BLOG
 

数据库字段说明

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

更多说明帮助

请访问教程
NotionNext 操作手册 | TANGLY’s BLOG
介绍NotionNext的所有功能和常见问题说明
NotionNext 操作手册 | TANGLY’s BLOG
https://tangly1024.com/article/notion-next-guide
NotionNext 操作手册 | TANGLY’s BLOG
]]> <![CDATA[示例文章1]]> https://tangly1024.com/article/example-1 https://tangly1024.com/article/example-1 Fri, 05 Nov 2021 00:00:00 GMT

基本段落

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

将进酒

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

特殊段落

1.代码

# Bash 安装zsh
$ sudo apt install zsh

# 配置ohmyzsh
$ sh -c "$(curl -fsSL <https://raw.github.com/robbyrussell/oh-my-zsh/master/tools/install.sh>)"

# 配置ohmyzsh插件
# zsh-autosuggestions
$ git clone git://github.com/zsh-users/zsh-autosuggestions $ZSH_CUSTOM/plugins/zsh-autosuggestions

# zsh-syntax-highlighting
$ git clone <https://github.com/zsh-users/zsh-syntax-highlighting.git> ${ZSH_CUSTOM:-~/.oh-my-zsh/custom}/plugins/zsh-syntax-highlighting

// 启用插件
$ vim .zshrc
plugins=(git z zsh-autosuggestions zsh-syntax-highlighting)
其他更多语言
ps -ef | grep java | awk '{print $2}' | xargs kill -9
@Test
public void test11() {

  long start = System.currentTimeMillis();
  int a = 0;
  for(int i=0;i<1000000000;i++){
      try {
          a++;
      }catch (Exception e){
          e.printStackTrace();
      }
  }
  long useTime = System.currentTimeMillis()-start;
  System.out.println("useTime:"+useTime);
}
#!/usr/bin/python3
import json
 
# Python 字典类型转换为 JSON 对象
data = {
    'no' : 1,
    'name' : 'hello',
    'url' : 'http://tangly1024.com'
}
 
json_str = json.dumps(data)
print ("Python 原始数据：", repr(data))
print ("JSON 对象：", json_str)
# R 语言
#file.edit(path.expand(file.path("~", ".Renviron")))
library(telegram.bot)
library(stringr)
# Initiate the bot session using the token from the enviroment variable.
bot = Bot(token = bot_token('your_bot'))
usr_list <- c(12344566, 12345566)
html {
	background-color: red;
}
#include <iostream>
using namespace std;
 
// main() 是程序开始执行的地方
 
int main()
{
   cout << "Hello World"; // 输出 Hello World
   return 0;
}
using System;
namespace HelloWorldApplication
{
   class HelloWorld
   {
      static void Main(string[] args)
      {
         Console.WriteLine("Hello World");
         Console.ReadKey();
      }
   }
}
.section __TEXT,__text,regular,pure_instructions
.macosx_version_min 10, 13
.globl _add_a_b
.p2align 4, 0x90
_add_a_b: ## @add_a_b
.cfi_startproc
## BB#0:
pushq %rbp
Lcfi0:
.cfi_def_cfa_offset 16
Lcfi1:
.cfi_offset %rbp, -16
movq %rsp, %rbp
Lcfi2:
.cfi_def_cfa_register %rbp
movl %edi, -4(%rbp)
movl %esi, -8(%rbp)
movl -4(%rbp), %esi
addl -8(%rbp), %esi
movl %esi, %eax
popq %rbp
retq
.cfi_endproc

.globl _main
.p2align 4, 0x90
_main: ## @main
.cfi_startproc
## BB#0:
pushq %rbp
Lcfi3:
.cfi_def_cfa_offset 16
Lcfi4:
.cfi_offset %rbp, -16
movq %rsp, %rbp
Lcfi5:
.cfi_def_cfa_register %rbp
subq $16, %rsp
movl $1, %edi
movl $2, %esi
movl $0, -4(%rbp)
callq _add_a_b
addq $16, %rsp
popq %rbp
retq
.cfi_endproc

2.公式

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

3. 图表

graph LR;
公司架构-->商务
公司架构-->研发
公司架构-->设计
公司架构-->运营
公司架构-->产品
思维导图

4. PDF嵌入

5.下载附件

下载PDF附件.pdf
469.5KB

6. 照片集

照片集
照片标题1
照片标题1
照片标题2
照片标题2

7. 内嵌网页

5.代办

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

6.折叠列表

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

8. 同步块

Notion支持将不同页面的块进行同步，即 SyncBlock，以下是来自另一个页面的块：
【sync-block】这是一段来自示例文章-3的段落 ，通过 SyncBlock同步。
💡
注意 ： 同步块的使用条件是源页面也要被开放共享 ，否则NotionNext将无权访问，页面上会被忽略渲染。
notion image
 

多级目录

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

二级目录1

二级内容 1

二级目录2

二级内容2

二级目录3

三级目录3.1

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

三级目录3.2

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

多级列表

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

模板使用说明

若要部署你的NotionNext项目，请复制该模板，并按照模板格式创建文章：
NOTION BLOG
演示站点描述
https://tanghh.notion.site/02ab3b8678004aa69e9e415905ef32a5?v=b7eb215720224ca5827bfaa5ef82cf2d
NOTION BLOG
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
]]> <![CDATA[加锁文章2 - 密码123456]]> https://tangly1024.com/article/example-2 https://tangly1024.com/article/example-2 Fri, 05 Nov 2021 00:00:00 GMT <![CDATA[空白文章3]]> https://tangly1024.com/article/example-3 https://tangly1024.com/article/example-3 Fri, 02 Jul 2021 00:00:00 GMT
 
😀
这里写文章的前言： 一个简单的开头,简述这篇文章讨论的问题、目标、人物、背景是什么？并简述你给出的答案。
可以说说你的故事：阻碍、努力、结果成果，意外与转折。
 

📝 主旨内容

观点1

引用的话语

观点2

引用的话语

🤗 总结归纳

总结文章的内容

📎 参考文章

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

📝 主旨内容

观点1

引用的话语

观点2

引用的话语

🤗 总结归纳

总结文章的内容

📎 参考文章

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