Update version to 1.1.0

Merge pull request #9 from jxpeng98/package-test
package update and add tag syncing button
2026-07-30 00:48:36 +08:00 · 2023-11-20 22:01:20 +00:00 · 2023-11-20 21:59:53 +00:00 · 2023-11-20 21:57:30 +00:00 · 2023-11-20 17:07:04 +00:00 · 2023-11-16 21:09:31 +00:00
42 changed files with 4243 additions and 19060 deletions
--- a/.github/workflows/release.yml
+++ b/.github/workflows/release.yml
@@ -1,4 +1,4 @@
-name: Release Obsidian plugin
+name: Release

 on:
    push:
@@ -6,18 +6,19 @@ on:
            - "*"

 env:
-  PLUGIN_NAME: your-plugin-id # Change this to match the id of your plugin.
+    PLUGIN_NAME: share-to-notionnext # Change this to match the id of your plugin.

 jobs:
    build:
+        name: release
        runs-on: ubuntu-latest

        steps:
-      - uses: actions/checkout@v2
+            - uses: actions/checkout@v4
            - name: Use Node.js
-        uses: actions/setup-node@v1
+              uses: actions/setup-node@v3
              with:
-          node-version: "14.x"
+                  node-version: "18"

            - name: Build
              id: build
@@ -25,16 +26,16 @@ jobs:
                  npm install
                  npm run build
                  mkdir ${{ env.PLUGIN_NAME }}
-          cp main.js manifest.json styles.css ${{ env.PLUGIN_NAME }}
+                  cp main.js manifest.json ${{ env.PLUGIN_NAME }}
                  zip -r ${{ env.PLUGIN_NAME }}.zip ${{ env.PLUGIN_NAME }}
                  ls
-          echo "::set-output name=tag_name::$(git tag --sort version:refname | tail -n 1)"
+                  echo "tag_name=$(git tag --sort version:refname | tail -n 1)" >> $GITHUB_OUTPUT

            - name: Create Release
              id: create_release
              uses: actions/create-release@v1
              env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.REPO_ACCESS_TOKEN }}
                  VERSION: ${{ github.ref }}
              with:
                  tag_name: ${{ github.ref }}
@@ -46,7 +47,7 @@ jobs:
              id: upload-zip
              uses: actions/upload-release-asset@v1
              env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.REPO_ACCESS_TOKEN }}
              with:
                  upload_url: ${{ steps.create_release.outputs.upload_url }}
                  asset_path: ./${{ env.PLUGIN_NAME }}.zip
@@ -57,7 +58,7 @@ jobs:
              id: upload-main
              uses: actions/upload-release-asset@v1
              env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.REPO_ACCESS_TOKEN }}
              with:
                  upload_url: ${{ steps.create_release.outputs.upload_url }}
                  asset_path: ./main.js
@@ -68,20 +69,31 @@ jobs:
              id: upload-manifest
              uses: actions/upload-release-asset@v1
              env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.REPO_ACCESS_TOKEN }}
              with:
                  upload_url: ${{ steps.create_release.outputs.upload_url }}
                  asset_path: ./manifest.json
                  asset_name: manifest.json
                  asset_content_type: application/json

-      - name: Upload styles.css
-        id: upload-css
+            - name: Upload markdown template
+              id: upload-md
              uses: actions/upload-release-asset@v1
              env:
-          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+                  GITHUB_TOKEN: ${{ secrets.REPO_ACCESS_TOKEN }}
              with:
                  upload_url: ${{ steps.create_release.outputs.upload_url }}
-          asset_path: ./styles.css
-          asset_name: styles.css
-          asset_content_type: text/css
+                  asset_path: ./obsidian_template.md
+                  asset_name: template.md
+                  asset_content_type: text/markdown
+
+            # - name: Upload styles.css
+            #   id: upload-css
+            #   uses: actions/upload-release-asset@v1
+            #   env:
+            #     GITHUB_TOKEN: ${{ secrets.REPO_ACCESS_TOKEN }}
+            #   with:
+            #     upload_url: ${{ steps.create_release.outputs.upload_url }}
+            #     asset_path: ./styles.css
+            #     asset_name: styles.css
+            #     asset_content_type: text/css
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -0,0 +1,33 @@
+name: Test and Build
+
+on:
+    push:
+        branches:
+            - "*"
+            - "!master"
+
+env:
+    PLUGIN_NAME: share-to-notionnext # Change this to match the id of your plugin.
+
+jobs:
+    build:
+        name: test
+        runs-on: ubuntu-latest
+
+        steps:
+            - uses: actions/checkout@v4
+            - name: Use Node.js
+              uses: actions/setup-node@v3
+              with:
+                  node-version: "18"
+
+            - name: Build
+              id: build
+              run: |
+                  npm install
+                  npm run build
+                  mkdir ${{ env.PLUGIN_NAME }}
+                  cp main.js manifest.json ${{ env.PLUGIN_NAME }}
+                  zip -r ${{ env.PLUGIN_NAME }}.zip ${{ env.PLUGIN_NAME }}
+                  ls
+                  echo "tag_name=$(git tag --sort version:refname | tail -n 1)" >> $GITHUB_OUTPUT
--- a/.gitignore
+++ b/.gitignore
@@ -10,7 +10,7 @@ node_modules

 # Don't include the compiled main.js file in the repo.
 # They should be uploaded to GitHub releases instead.
-# main.js
+main.js

 # Exclude sourcemaps
 *.map
@@ -20,3 +20,4 @@ data.json

 # Exclude macOS Finder (System Explorer) View States
 .DS_Store
+.history
--- a/README-zh.md
+++ b/README-zh.md
@@ -0,0 +1,293 @@
+# Obsidian share to NotionNext
+
+感谢[原作者](https://github.com/EasyChris/obsidian-to-notion)开发出了这么好用的插件，能够将obsidian同步到notion。 但是原仓库只能同步Name和Tags信息，如果像我一样通过[NotionNext](https://github.com/tangly1024/NotionNext)来搭建自己的网页，就有一些局限性。每次导入之后都需要进行大量的修改。
+
+所以我在[原作者](https://github.com/EasyChris/obsidian-to-notion)的基础之上，增加了匹配[NotionNext](https://github.com/tangly1024/NotionNext)模板的功能。这样可以直接在Obsidian编辑，整理好之后一键发布。
+
+## 更新说明
+### 1.1.0
+- 修复设置中自定义标题的显示问题。
+- 增加了标签同步的控制按钮。以减少空标签集造成的上传失败。
+
+如果你不想使用同步标签功能，你可以在设置中关闭。不论你在md文件表头添加了tags与否，都不会将标签同步到Notion数据库中。
+
+如果你需要同步标签到Notion数据库中，**你需要通过如下格式添加表填到md表头中。**
+
+```yaml
+tags: #空标签，选项1
+tags: [test,test1,test2] # 用中括号将所有的标签括起来，选项2
+tags: 
+  - test
+  - test1
+  - test2 # 每个标签单独一行，选项3
+```
+
+### 1.0.1
+
+- 修复了自定义标题在设置菜单中显示错误的问题。
+
+### 1.0.0 (大更新)
+
+- 这个版本开始，你可以**任意修改第一列表头的名字 (标题列，默认：'title')**。 （**注意：你必须保证你的Notion数据库中有'tags‘这一列的存在，并且在markdown文件中把`tags:`添加到你的YAML表头中。否则会返回`400 错误`。但是你可以`tags:`设置为空。**）
+
+  ![](https://minioapi.pjx.ac.cn/img1/2023/11/4a298b9be3990e9d2201bf2f50ca5a0a.png)
+例如这样：
+  ![](https://minioapi.pjx.ac.cn/img1/2023/11/4cd8d79cd9dd9dde299e39c666cb3473.gif)
+- 增加了一个控制按钮来控制是否开启当前数据库同步命令的功能。如果你关闭了这个按钮，你在上传命令列表中就不会出现当前数据库的选项。
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/becb60fc44783842da4b3cf4c322f363.gif)
+
+### 0.2.6
+
+- 增加一个按钮用来控制是否在名列列表中显示如下数据库。
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/147c6a4eaa34da41a6f102558ed77106.png)
+如果你关闭普通数据库的按钮，你在上传命令列表中就不会出现普通数据库的选项。如果你关闭NotionNext数据库的按钮，你在上传命令列表中就不会出现NotionNext数据库的选项。
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/70b8e4fc2148688ccbd6cfc53ce339a2.png)
+
+### 0.2.3
+
+- 修复了一个bug，现在可以正常更新了。
+
+### 0.2.2
+
+- 支持NotionNext 和 普通Notion 数据库的同步。
+- 你可以有一个NotionNext和一个普通Notion数据库。
+- 普通Notion数据库的同步方式和原作者的一样，只同步`title`和`tags`。**如果使用普通数据库功能，你需要保证你的数据库中有`title`和`tags`这两个表头。必须使用小写。**
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/712a12081d855aa60f82a7b46913ab7e.gif)
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/9de76cecceef74c78884ddfc1c221659.gif)
+
+### 0.2.1
+
+- 重构代码。
+
+### 0.2.0
+
+- 从这个版本开始，重构了交互逻辑。现在当你点击左侧的按钮，会弹出可同步的数据库选项。你可以选择你想要同步的数据库，然后点击同步按钮。**但是，现在仅支持同步单个数据库，如果你的数据库不是NotionNext，你可以不用更新。**
+
+### 0.1.10
+
+- 修正了设置中的中文显示。
+
+### 0.1.8
+
+- 重新整理了代码，增加了一个仓库转换按钮为之后的多数据库支持作准备。**但是现在还不支持多数据库，如果你的数据库不是NotionNext，你可以不用更新。**
+
+### 0.1.7
+
+- [x] 删除了设置中`convert tags`的选项。 你现在可以直接添加tags，而不需要考虑是否开启tags选项。如果你不需要tags，可以直接删除tags选项或者留白。
+
+## 使用方式
+
+### 注意事项
+
+本插件现在暂时只能用于匹配[NotionNext](https://github.com/tangly1024/NotionNext)。如果你不是使用这个模板，你只会无限返回`error 400`.
+
+所以没有NotionNext需求的，请使用原作者的[Obsidian-to-notion](https://github.com/EasyChris/obsidian-to-notion)
+
+### 准备安装
+
+在安装插件之前，你必须配置好了以下内容：
+
+1. 你的NotionNext数据库。
+2. 根据原作者的readme.md，配置好了Notion API，并且已经和你的NotionNext仓库关联。
+3. NotionNext Database ID
+4. 你的NotionNext数据库有如下内容：
+    - type
+    - title
+    - slug
+    - category
+    - tags
+    - date
+    - status
+    - summary
+    - password
+    - icon
+
+在最新的0.0.6版本，我还增加了以下内容：
+
+- titleicon： 标题的emoji图标,暂时只能支持emoji
+- coverurl： 封面图片的url， url可以是任何一种图片的url， 例如jpg，png，svg等等。
+
+**如果你是直接复制的NotionNext的模板，这些内容应该已经有了。我在原作者的基础之上对本插件的内容进行了更改，所以你只需要保证你的数据库有如上内容，并且所有的字母都是小写！！！**
+
+**⚠️⚠️⚠️:表头全部小写！！！顺序无所谓！**
+
+### 安装插件
+
+#### 社区插件市场下载
+
+打开`Obsidian -> 设置 -> 社区插件 -> 浏览 -> 搜索Share to NotionNext`, 然后点击安装。
+
+#### 手动安装
+
+1. 关闭Obsidian
+2. 从Release下载插件文件，解压到你的obsidian插件目录下。
+3. 重新打开Obsidian，进入设置，启用插件。
+4. 在设置中，找到Obsidian to NotionNext，填入你的NotionNext Database ID 和 API token。
+
+### 使用插件
+
+在仓库中我上传了一个模板，你可以直接复制到你的模板文件夹中。然后使用Obsidian的模板功能一键生成新笔记。
+
+如果你不想使用模板，你也可以直接在Obsidian中创建一个新的文件，然后复制下边的内容。然后保存。
+
+```markdown
+---
+# default value has been set.
+# for any unwanted value, you can delete it or set it to empty.
+# for example, if you donot want to set password, you can delete password: "1234" or set it to password: ""
+# 我已经在插件中设置了默认值，如果有不需要的选项，可以直接删除。
+# 例如你不需要密码选项，你可以将password: "1234"删除，或者将它设置为空。
+# !!!!!!!!!!!!
+# 现在阶段一定不要修改表头的名字， please do not change the name of the header in YAML front matter
+# !!!!!!!!!!!!
+titleicon: 📎 # emoji icon, default is 📜， 默认是📜
+date: 2023-07-23 # default is today， 默认是今天。 Format is YYYY-MM-DD， 格式是YYYY-MM-DD
+coverurl: https://img.jxpeng.dev/2023/08/843e27a210847f05a0f7cfb121fec100.jpg # default is empty， 默认是空
+type: Post # Post or Page, default is Post， 默认是Post
+slug: test # slug for url, default is empty， 默认是空
+stats: Draft # Draft, Invisible, Published, default is Draft， 默认是Draft
+category: test # default is 'Obsidian'， 默认是'Obsidian'
+summary: this is a summary for test post # default is empty， 默认是空
+icon: fa-solid fa-camera # you can ignore this, default is empty， 默认是空，可直接删除
+password: "1234" # if you donot want to set password, you can delete this line, default is empty， 默认是空，可直接删除
+# 现在必须开启tags选项，否则会报错
+tags:
+  - test  # tags for post
+  - web # add more tags if you want
+---
+
+Contents Below
+
+
+```
+
+模板使用如下：
+![](https://minioapi.pjx.ac.cn/img1/2023/09/354b950e5777b48832c2475e4a31f2cc.gif)
+
+**插件预览如下**
+![](https://minioapi.pjx.ac.cn/img1/2023/09/d6199619b68fab218fca8ae0cebece78.gif)
+
+---
+
+**以下为原README.md**
+
+非常感谢原作者的开发，我只是在原作者的基础之上进行了修改，增加了一些功能。如果你觉得这个插件对你有帮助，可以给[原作者](https://github.com/EasyChris/obsidian-to-notion)一个star。
+
+# Obsidian to Notion
+
+[![](https://github.com/Easychris/obsidian-to-notion/actions/workflows/CI.yml/badge.svg)](https://github.com/Easychris/obsidian-to-notion/actions/workflows/CI.yml)
+[![Release Obsidian plugin](https://github.com/Easychris/obsidian-to-notion/actions/workflows/release.yml/badge.svg)](https://github.com/Easychris/obsidian-to-notion/actions/workflows/release.yml)
+[![GitHub license](https://camo.githubusercontent.com/400c4e52df43f6a0ab8a89b74b1a78d1a64da56a7848b9110c9d2991bb7c3105/68747470733a2f2f696d672e736869656c64732e696f2f62616467652f4c6963656e73652d47504c76332d626c75652e737667)](https://raw.githubusercontent.com/EasyChris/obsidian-to-notion/master/LICENSE)
+[![Github all releases](https://img.shields.io/github/downloads/Easychris/obsidian-to-notion/total.svg)](https://GitHub.com/Easychris/obsidian-to-notion/releases/)
+[![GitLab latest release](https://badgen.net/github/release/Easychris/obsidian-to-notion/)](https://github.com/Easychris/obsidian-to-notion/releases)
+
+Obsidian share to Notion [English](README.md)
+
+将obsidian文件一键分享到Notion,并在obsidian中添加Notion分享链接
+
+如果能对你有所帮助，欢迎给一个star支持。
+
+![](./doc/1.gif)
+
+# 使用方式
+
+## 安装插件
+
+### 市场下载
+
+插件市场搜索 noiton 即可下载
+
+![](https://afox-1256168983.cos.ap-shanghai.myqcloud.com/20220628214145.png)
+
+### BRAT
+
+插件中中心搜索 BRAT
+添加 `EasyChris/obsidian-to-notion` 到 BRAT 插件安装列表中
+返回插件中心启用即可
+
+### 手动安装
+
+```
+cd YOUR_OBSIDIAN_FOLDER/.obsidian/plugins/
+git clone https://github.com/EasyChris/obsidian-to-notion.git
+```
+
+## 申请 Notion API
+
+官方参考文档：[https://developers.notion.com/docs](https://developers.notion.com/docs)
+
+### 第 1 步：创建integration
+
+转到 [https://www.notion.com/my-integrations](https://www.notion.com/my-integrations)
+创建完成之后，复制`secrets toekn`
+![](https://files.readme.io/2ec137d-093ad49-create-integration.gif)
+
+### 第2步：与你的集成共享一个数据库
+
+新建一个的page（权限为公开）
+在page中新建一个数据库 -> 需要`full page database`
+![](./doc/3.gif)
+
+将`integration`添加到你的新建的数据库中
+
+![](./doc/6.gif)
+
+#### 注意
+
+数据库的第一个自定义名称必须是 "Name"，否则同步会失败。
+
+![](https://afox-1256168983.cos.ap-shanghai.myqcloud.com/20220618102029.png)
+
+### 第三步：复制database ID
+
+```
+https://www.notion.so/myworkspace/a8aec43384f447ed84390e8e42c2e089?v=...
+                                  |--------- Database ID --------|
+
+```
+
+## 打开插件配置
+
+将得到的 `NOTION_API_KEY` 和 `DATABASE_ID`填入配置当中
+![](./doc/2.png)
+
+## 上传文件内容到notion
+
+点击上传notion的按钮
+![](./doc/4.png)
+上传成功之后会自动生成一个分享链接
+![](./doc/5.png)
+
+## 页面 Banner 链接[可选]
+
+默认可以不填写
+横幅URL必须是图像URL，例如：https：//i.imgur.com/xxx.jpg
+
+## Notion ID [可选]
+
+Notion ID是你想分享文件的页面ID。
+如果你不写它，notion将分享到默认的链接，如：<https://www.notion.so/myworkspace/a8aec43384f447ed84390，访问这个页面将重定向到你的网站页面。>
+如果你写了Notion ID，它将分享到页面链接如：<https://your_user_name.notion.site/myworkspace/a8aec43384f447ed84390。不需要重定向网址。>
+
+## 同步图片
+
+使用 [Obsidian Image Auto Upload Plugin](https://github.com/renmu123/obsidian-image-auto-upload-plugin) 插件，配置你自己的 cos 或者 oss，将图片存储到你自己的云存储，然后在 obsidian 中使用图片链接即可。该插件会自动帮你上传图片，并替换成链接。
+
+# 请我喝杯咖啡
+
+[顿顿饭](https://dun.mianbaoduo.com/@easy)
+
+# 感谢
+
+[开发流程 | Obsidian 插件开发文档](https://luhaifeng666.github.io/obsidian-plugin-docs-zh/zh/getting-started/development-workflow.html)
+
+[GitHub - devbean/obsidian-wordpress: An obsidian plugin for publishing docs to WordPress.](https://github.com/devbean/obsidian-wordpress)
+
+[GitHub - obsidianmd/obsidian-api](https://github.com/obsidianmd/obsidian-api)
+
+[GitHub - zhaohongxuan/obsidian-weread-plugin: Obsidian Weread Plugin is an plugin to sync Weread(微信读书) hightlights and annotations into your Obsidian Vault.](https://github.com/zhaohongxuan/obsidian-weread-plugin)
--- a/README.html
+++ b/README.html
@@ -0,0 +1,632 @@
+<!DOCTYPE html>
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head>
+
+<meta charset="utf-8">
+<meta name="generator" content="quarto-1.3.450">
+
+<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
+
+
+<title>readme</title>
+<style>
+code{white-space: pre-wrap;}
+span.smallcaps{font-variant: small-caps;}
+div.columns{display: flex; gap: min(4vw, 1.5em);}
+div.column{flex: auto; overflow-x: auto;}
+div.hanging-indent{margin-left: 1.5em; text-indent: -1.5em;}
+ul.task-list{list-style: none;}
+ul.task-list li input[type="checkbox"] {
+  width: 0.8em;
+  margin: 0 0.8em 0.2em -1em; /* quarto-specific, see https://github.com/quarto-dev/quarto-cli/issues/4556 */ 
+  vertical-align: middle;
+}
+/* CSS for syntax highlighting */
+pre > code.sourceCode { white-space: pre; position: relative; }
+pre > code.sourceCode > span { display: inline-block; line-height: 1.25; }
+pre > code.sourceCode > span:empty { height: 1.2em; }
+.sourceCode { overflow: visible; }
+code.sourceCode > span { color: inherit; text-decoration: inherit; }
+div.sourceCode { margin: 1em 0; }
+pre.sourceCode { margin: 0; }
+@media screen {
+div.sourceCode { overflow: auto; }
+}
+@media print {
+pre > code.sourceCode { white-space: pre-wrap; }
+pre > code.sourceCode > span { text-indent: -5em; padding-left: 5em; }
+}
+pre.numberSource code
+  { counter-reset: source-line 0; }
+pre.numberSource code > span
+  { position: relative; left: -4em; counter-increment: source-line; }
+pre.numberSource code > span > a:first-child::before
+  { content: counter(source-line);
+    position: relative; left: -1em; text-align: right; vertical-align: baseline;
+    border: none; display: inline-block;
+    -webkit-touch-callout: none; -webkit-user-select: none;
+    -khtml-user-select: none; -moz-user-select: none;
+    -ms-user-select: none; user-select: none;
+    padding: 0 4px; width: 4em;
+  }
+pre.numberSource { margin-left: 3em;  padding-left: 4px; }
+div.sourceCode
+  {   }
+@media screen {
+pre > code.sourceCode > span > a:first-child::before { text-decoration: underline; }
+}
+</style>
+
+
+<script src="README_files/libs/clipboard/clipboard.min.js"></script>
+<script src="README_files/libs/quarto-html/quarto.js"></script>
+<script src="README_files/libs/quarto-html/popper.min.js"></script>
+<script src="README_files/libs/quarto-html/tippy.umd.min.js"></script>
+<script src="README_files/libs/quarto-html/anchor.min.js"></script>
+<link href="README_files/libs/quarto-html/tippy.css" rel="stylesheet">
+<link href="README_files/libs/quarto-html/quarto-syntax-highlighting.css" rel="stylesheet" id="quarto-text-highlighting-styles">
+<script src="README_files/libs/bootstrap/bootstrap.min.js"></script>
+<link href="README_files/libs/bootstrap/bootstrap-icons.css" rel="stylesheet">
+<link href="README_files/libs/bootstrap/bootstrap.min.css" rel="stylesheet" id="quarto-bootstrap" data-mode="light">
+
+
+</head>
+
+<body class="fullcontent">
+
+<div id="quarto-content" class="page-columns page-rows-contents page-layout-article">
+
+<main class="content" id="quarto-document-content">
+
+
+
+<section id="obsidian-to-notionnext" class="level1">
+<h1>Obsidian to NotionNext</h1>
+<p><a href="https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/test.yml"><img src="https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/test.yml/badge.svg" class="img-fluid" alt="test.yml"></a> <a href="https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/release.yml"><img src="https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/release.yml/badge.svg" class="img-fluid" alt="Release Obsidian plugin"></a> <a href="https://GitHub.com/jxpeng98/obsidian-to-NotionNext/releases/"><img src="https://img.shields.io/github/downloads/jxpeng98/obsidian-to-NotionNext/total.svg" class="img-fluid" alt="Github all releases"></a> <a href="https://github.com/jxpeng98/obsidian-to-NotionNext/releases"><img src="https://badgen.net/github/release/jxpeng98/obsidian-to-NotionNext.png" class="img-fluid" alt="GitLab latest release"></a></p>
+<p><a href="README-zh.md">中文文档</a></p>
+<p>Thanks to the <a href="https://github.com/EasyChris/obsidian-to-notion">original author</a> for developing such a useful plugin that can synchronize Obsidian to Notion. However, the original repository can only sync Name and Tags information. For those like me who use <a href="https://github.com/tangly1024/NotionNext">NotionNext</a> to set up their website, this presents some limitations. Every time I import, I need to make a lot of modifications.</p>
+<p>Thus, based on the <a href="https://github.com/EasyChris/obsidian-to-notion">original author’s work</a>, I’ve added a feature to match the <a href="https://github.com/tangly1024/NotionNext">NotionNext</a> template. This way, you can edit directly in Obsidian and publish with a single click after organizing.</p>
+<p><strong>Now, support both NotionNext and General databases.</strong></p>
+<section id="update" class="level2">
+<h2 class="anchored" data-anchor-id="update">Update</h2>
+<section id="section" class="level3">
+<h3 class="anchored" data-anchor-id="section">1.0.1</h3>
+<ul>
+<li>Fix the custom name element display bug in the settings.</li>
+</ul>
+</section>
+<section id="big-update" class="level3">
+<h3 class="anchored" data-anchor-id="big-update">1.0.0 (Big Update)</h3>
+<ul>
+<li>From this version, you can <strong>modify the first column name (title column, default: ‘title’)</strong> as you want. (<strong>Note: You need to have the ‘tags’ column in your Notion General database, and add <code>tags:</code> in your markdown frontmatter. If not, you will receive <code>network error 400</code>. But you can leave the <code>tags:</code> blank.</strong>)</li>
+</ul>
+<p><img src="https://minioapi.pjx.ac.cn/img1/2023/11/4a298b9be3990e9d2201bf2f50ca5a0a.png" class="img-fluid"> Like this: <img src="https://minioapi.pjx.ac.cn/img1/2023/11/4cd8d79cd9dd9dde299e39c666cb3473.gif" class="img-fluid"></p>
+<ul>
+<li>Add a switch button to control whether display the setting tabs in the plugin settings for both NotionNext and Notion General databases.</li>
+</ul>
+<p><img src="https://minioapi.pjx.ac.cn/img1/2023/11/becb60fc44783842da4b3cf4c322f363.gif" class="img-fluid"></p>
+</section>
+<section id="section-1" class="level3">
+<h3 class="anchored" data-anchor-id="section-1">0.2.6</h3>
+<ul>
+<li>Add a switch button to control whether to show the upload command in the command palette.</li>
+</ul>
+<p><img src="https://minioapi.pjx.ac.cn/img1/2023/11/147c6a4eaa34da41a6f102558ed77106.png" class="img-fluid"> If you turn off the button for the General database, you won’t see the option for the General database in the upload command list.</p>
+<p>If you turn off the button for the NotionNext database, you won’t see the option for the NotionNext database in the upload command list.</p>
+<p><img src="https://minioapi.pjx.ac.cn/img1/2023/11/70b8e4fc2148688ccbd6cfc53ce339a2.png" class="img-fluid"></p>
+</section>
+<section id="section-2" class="level3">
+<h3 class="anchored" data-anchor-id="section-2">0.2.3</h3>
+<ul>
+<li>Fix the bug, now you can update normally.</li>
+</ul>
+</section>
+<section id="section-3" class="level3">
+<h3 class="anchored" data-anchor-id="section-3">0.2.2</h3>
+<ul>
+<li>Support both NotionNext and General Notion database.</li>
+<li>You can have one NotionNext and one General Notion database.</li>
+<li>General Notion database can only have <code>title</code> and <code>tags</code> columns, and <code>tags</code> columns should be the multi-selected property. <strong>the name of the columns is case sensitive. You should use small letter.</strong></li>
+</ul>
+<p><img src="https://minioapi.pjx.ac.cn/img1/2023/11/712a12081d855aa60f82a7b46913ab7e.gif" class="img-fluid"></p>
+<p><img src="https://minioapi.pjx.ac.cn/img1/2023/11/9de76cecceef74c78884ddfc1c221659.gif" class="img-fluid"></p>
+</section>
+<section id="section-4" class="level3">
+<h3 class="anchored" data-anchor-id="section-4">0.2.1</h3>
+<ul>
+<li>Restructure the code</li>
+</ul>
+</section>
+<section id="section-5" class="level3">
+<h3 class="anchored" data-anchor-id="section-5">0.2.0</h3>
+<ul>
+<li>From this version, the interactive logic has been rewritten. When you click the ribbon icon, it will display the sync command for all presetting NotionNext databases. You can choose the database you want to sync to. <strong>However, only NotionNext database is supported for now.</strong></li>
+</ul>
+</section>
+<section id="section-6" class="level3">
+<h3 class="anchored" data-anchor-id="section-6">0.1.10</h3>
+<ul>
+<li>Fix the Chinese support in the settings.</li>
+</ul>
+</section>
+<section id="section-7" class="level3">
+<h3 class="anchored" data-anchor-id="section-7">0.1.8</h3>
+<ul>
+<li>Rebuild the uploadCommand function, and add one button to select the different databases. <strong>However, only NotionNext database is supported for now.</strong></li>
+</ul>
+</section>
+<section id="section-8" class="level3">
+<h3 class="anchored" data-anchor-id="section-8">0.1.7</h3>
+<ul class="task-list">
+<li><input type="checkbox" checked="">Removed the <code>convert tag</code> option. Now, you can directly add tags in the YAML front matter. If you don’t want to add tags, you can delete the tags in the YAML front matter or leave the tags blank.</li>
+</ul>
+</section>
+</section>
+<section id="how-to-use" class="level2">
+<h2 class="anchored" data-anchor-id="how-to-use">How to Use</h2>
+<section id="precautions" class="level3">
+<h3 class="anchored" data-anchor-id="precautions">Precautions</h3>
+<p>For now, this plugin is exclusively for <a href="https://github.com/tangly1024/NotionNext">NotionNext</a>. If you’re not using this template, you’ll keep receiving <code>error 400</code>.</p>
+<p>For those without a NotionNext requirement, please use the original <a href="https://github.com/EasyChris/obsidian-to-notion">Obsidian-to-notion</a>.</p>
+</section>
+<section id="pre-installation-steps" class="level3">
+<h3 class="anchored" data-anchor-id="pre-installation-steps">Pre-Installation Steps</h3>
+<p>Before installing the plugin, you must have set up the following:</p>
+<ol type="1">
+<li>Your NotionNext database.</li>
+<li>According to the original author’s readme.md, set up the Notion API, and it should already be associated with your NotionNext repository.</li>
+<li>NotionNext Database ID</li>
+<li>Your NotionNext database should have the following contents:
+<ul>
+<li>type</li>
+<li>title</li>
+<li>slug</li>
+<li>category</li>
+<li>tags</li>
+<li>date</li>
+<li>status</li>
+<li>summary</li>
+<li>password</li>
+<li>icon</li>
+</ul></li>
+</ol>
+<p>From version 0.0.6, I also add the following contents: - titleicon: the unique icon for each post, it can only support emoji currently. - cover url: the cover image for each post, it should be end with a type of image, such as .jpg, .png, .gif, etc.</p>
+<p><strong>If you’ve directly copied the NotionNext template, these contents should already exist. I’ve made changes to this plugin based on the original author’s work. All you need to ensure is that your database has the above content, and every letter is in lowercase!!!</strong></p>
+<p><strong>⚠️⚠️⚠️: All headers are in lowercase!!! The order doesn’t matter!</strong></p>
+</section>
+<section id="plugin-installation" class="level3">
+<h3 class="anchored" data-anchor-id="plugin-installation">Plugin Installation</h3>
+<section id="install-via-community-plugins" class="level4">
+<h4 class="anchored" data-anchor-id="install-via-community-plugins">Install via Community Plugins</h4>
+<p>Open <code>Obsidian settings -&gt; Community Plugins -&gt; Browse -&gt; NotionNext -&gt; Share to NotionNext</code></p>
+</section>
+<section id="mannually-install" class="level4">
+<h4 class="anchored" data-anchor-id="mannually-install">Mannually Install</h4>
+<ol type="1">
+<li>Close Obsidian.</li>
+<li>Download the plugin file from Release and unzip it into your Obsidian plugin directory.</li>
+<li>Re-open Obsidian, go to settings, and enable the plugin.</li>
+<li>In the settings, find Obsidian to NotionNext, and enter your NotionNext Database ID and API token.</li>
+</ol>
+</section>
+</section>
+<section id="how-to-use-1" class="level3">
+<h3 class="anchored" data-anchor-id="how-to-use-1">How to Use</h3>
+</section>
+<section id="using-the-plugin" class="level3">
+<h3 class="anchored" data-anchor-id="using-the-plugin">Using the Plugin</h3>
+<p>In the repository, I have uploaded a template which you can directly copy into your template folder. After that, use Obsidian’s template feature to create a new note with one click.</p>
+<p>If you don’t want to use the template, you can also directly create a new file in Obsidian and then copy the content below. Then save it.</p>
+<div class="sourceCode" id="cb1"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb1-1"><a href="#cb1-1" aria-hidden="true" tabindex="-1"></a><span class="co">---</span></span>
+<span id="cb1-2"><a href="#cb1-2" aria-hidden="true" tabindex="-1"></a><span class="co"># default value has been set.</span></span>
+<span id="cb1-3"><a href="#cb1-3" aria-hidden="true" tabindex="-1"></a><span class="co"># for any unwanted value, you can delete it or set it to empty.</span></span>
+<span id="cb1-4"><a href="#cb1-4" aria-hidden="true" tabindex="-1"></a><span class="co"># for example, if you donot want to set password, you can delete password: "1234" or set it to password: ""</span></span>
+<span id="cb1-5"><a href="#cb1-5" aria-hidden="true" tabindex="-1"></a><span class="co"># 我已经在插件中设置了默认值，如果有不需要的选项，可以直接删除。</span></span>
+<span id="cb1-6"><a href="#cb1-6" aria-hidden="true" tabindex="-1"></a><span class="co"># 例如你不需要密码选项，你可以将password: "1234"删除，或者将它设置为空。</span></span>
+<span id="cb1-7"><a href="#cb1-7" aria-hidden="true" tabindex="-1"></a><span class="co"># !!!!!!!!!!!!</span></span>
+<span id="cb1-8"><a href="#cb1-8" aria-hidden="true" tabindex="-1"></a><span class="co"># 现在阶段一定不要修改表头的名字， please do not change the name of the header in YAML front matter</span></span>
+<span id="cb1-9"><a href="#cb1-9" aria-hidden="true" tabindex="-1"></a><span class="co"># !!!!!!!!!!!!</span></span>
+<span id="cb1-10"><a href="#cb1-10" aria-hidden="true" tabindex="-1"></a><span class="an">titleicon:</span><span class="co"> 📎 # emoji icon, default is 📜， 默认是📜</span></span>
+<span id="cb1-11"><a href="#cb1-11" aria-hidden="true" tabindex="-1"></a><span class="an">date:</span><span class="co"> 2023-07-23 # default is today， 默认是今天。 Format is YYYY-MM-DD， 格式是YYYY-MM-DD</span></span>
+<span id="cb1-12"><a href="#cb1-12" aria-hidden="true" tabindex="-1"></a><span class="an">coverurl:</span><span class="co"> https://img.jxpeng.dev/2023/08/843e27a210847f05a0f7cfb121fec100.jpg # default is empty， 默认是空</span></span>
+<span id="cb1-13"><a href="#cb1-13" aria-hidden="true" tabindex="-1"></a><span class="an">type:</span><span class="co"> Post # Post or Page, default is Post， 默认是Post</span></span>
+<span id="cb1-14"><a href="#cb1-14" aria-hidden="true" tabindex="-1"></a><span class="an">slug:</span><span class="co"> test # slug for url, default is empty， 默认是空</span></span>
+<span id="cb1-15"><a href="#cb1-15" aria-hidden="true" tabindex="-1"></a><span class="an">stats:</span><span class="co"> Draft # Draft, Invisible, Published, default is Draft， 默认是Draft</span></span>
+<span id="cb1-16"><a href="#cb1-16" aria-hidden="true" tabindex="-1"></a><span class="an">category:</span><span class="co"> test # default is 'Obsidian'， 默认是'Obsidian'</span></span>
+<span id="cb1-17"><a href="#cb1-17" aria-hidden="true" tabindex="-1"></a><span class="an">summary:</span><span class="co"> this is a summary for test post # default is empty， 默认是空</span></span>
+<span id="cb1-18"><a href="#cb1-18" aria-hidden="true" tabindex="-1"></a><span class="an">icon:</span><span class="co"> fa-solid fa-camera # you can ignore this, default is empty， 默认是空，可直接删除</span></span>
+<span id="cb1-19"><a href="#cb1-19" aria-hidden="true" tabindex="-1"></a><span class="an">password:</span><span class="co"> "1234" # if you donot want to set password, you can delete this line, default is empty， 默认是空，可直接删除</span></span>
+<span id="cb1-20"><a href="#cb1-20" aria-hidden="true" tabindex="-1"></a><span class="co"># 现在必须开启tags选项，否则会报错</span></span>
+<span id="cb1-21"><a href="#cb1-21" aria-hidden="true" tabindex="-1"></a><span class="an">tags:</span></span>
+<span id="cb1-22"><a href="#cb1-22" aria-hidden="true" tabindex="-1"></a><span class="co">  - test  # tags for post</span></span>
+<span id="cb1-23"><a href="#cb1-23" aria-hidden="true" tabindex="-1"></a><span class="co">  - web # add more tags if you want</span></span>
+<span id="cb1-24"><a href="#cb1-24" aria-hidden="true" tabindex="-1"></a><span class="co">---</span></span>
+<span id="cb1-25"><a href="#cb1-25" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb1-26"><a href="#cb1-26" aria-hidden="true" tabindex="-1"></a>Contents Below</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<p>Usage of the template is as follows: <img src="https://minioapi.pjx.ac.cn/img1/2023/09/354b950e5777b48832c2475e4a31f2cc.gif" class="img-fluid"></p>
+<p><strong>Plugin preview is shown below</strong> <img src="https://minioapi.pjx.ac.cn/img1/2023/09/d6199619b68fab218fca8ae0cebece78.gif" class="img-fluid"></p>
+<hr>
+<p><strong>Original README.md</strong></p>
+<p>Many Thanks for the original author’s work. I’ve only made some changes to the original author’s work. If you find this plugin useful, please give the <a href="https://github.com/EasyChris/obsidian-to-notion">original author</a> a star.</p>
+</section>
+</section>
+</section>
+<section id="obsidian-to-notion" class="level1">
+<h1>Obsidian to Notion</h1>
+<p><a href="https://github.com/Easychris/obsidian-to-notion/actions/workflows/CI.yml"><img src="https://github.com/Easychris/obsidian-to-notion/actions/workflows/CI.yml/badge.svg" class="img-fluid"></a> <a href="https://github.com/Easychris/obsidian-to-notion/actions/workflows/release.yml"><img src="https://github.com/Easychris/obsidian-to-notion/actions/workflows/release.yml/badge.svg" class="img-fluid" alt="Release Obsidian plugin"></a> <a href="https://raw.githubusercontent.com/EasyChris/obsidian-to-notion/master/LICENSE"><img src="https://img.shields.io/github/license/EasyChris/obsidian-to-notion.png" class="img-fluid" alt="GitHub license"></a> <a href="https://GitHub.com/Easychris/obsidian-to-notion/releases/"><img src="https://img.shields.io/github/downloads/Easychris/obsidian-to-notion/total.svg" class="img-fluid" alt="Github all releases"></a> <a href="https://github.com/Easychris/obsidian-to-notion/releases"><img src="https://badgen.net/github/release/Easychris/obsidian-to-notion/.png" class="img-fluid" alt="GitLab latest release"></a></p>
+<p>Share of obsidian to Notion <a href="README-zh.md">中文文档</a></p>
+<p>Sharing files from Obsidian to Notion with a single click, and Obsidian will automatically add the Notion share link</p>
+<p>You are welcome to offer it a star if it can benefit you.</p>
+<p><img src="./doc/1.gif" class="img-fluid"></p>
+</section>
+<section id="todo" class="level1">
+<h1>TODO</h1>
+<section id="todo-board" class="level3">
+<h3 class="anchored" data-anchor-id="todo-board"><a href="https://github.com/users/EasyChris/projects/3/views/1">TODO Board</a></h3>
+<ul class="task-list">
+<li><input type="checkbox" checked="">support for custom page banner</li>
+<li><input type="checkbox" checked="">update the exsit page</li>
+<li><input type="checkbox" checked="">support for mult language</li>
+<li><input type="checkbox" checked="">support for auto copy the share link to clipboard</li>
+<li><input type="checkbox" checked="">support for mobile</li>
+<li><input type="checkbox" checked="">support tags thank for <a href="https://github.com/jannikbuscha"><span class="citation" data-cites="jannikbuscha">@jannikbuscha</span></a></li>
+<li><input type="checkbox">transfer the bi-link format like [[]] into the format that Notion supports.</li>
+</ul>
+</section>
+</section>
+<section id="how-to-use-2" class="level1">
+<h1>How to use</h1>
+<section id="install-the-plugin" class="level2">
+<h2 class="anchored" data-anchor-id="install-the-plugin">Install the plugin</h2>
+<section id="marketplace-download" class="level3">
+<h3 class="anchored" data-anchor-id="marketplace-download">Marketplace download</h3>
+<p>Open obsidian setting -&gt; Add plugin -&gt; Search -&gt; notion</p>
+<p><img src="https://afox-1256168983.cos.ap-shanghai.myqcloud.com/20220628214145.png" class="img-fluid"></p>
+</section>
+<section id="brat" class="level3">
+<h3 class="anchored" data-anchor-id="brat">BRAT</h3>
+<p>Enter <code>BRAT</code> into the plugin market center to find it. Add <code>EasyChris/obsidian-to-notion</code> to the list of BRAT plugins that have been installed. Return to the plugin center and turn it on.</p>
+</section>
+<section id="manual-installation" class="level3">
+<h3 class="anchored" data-anchor-id="manual-installation">Manual installation</h3>
+<pre><code>cd YOUR_OBSIDIAN_FOLDER/.obsidian/plugins/
+git clone https://github.com/EasyChris/obsidian-to-notion.git</code></pre>
+</section>
+</section>
+<section id="apply-notion-api" class="level2">
+<h2 class="anchored" data-anchor-id="apply-notion-api">Apply Notion API</h2>
+<p>Official reference documentation: <a href="https://developers.notion.com/docs">https://developers.notion.com/docs</a></p>
+<section id="step-1-create-integration" class="level3">
+<h3 class="anchored" data-anchor-id="step-1-create-integration">Step 1: Create integration</h3>
+<p>Go to <a href="https://www.notion.com/my-integrations">https://www.notion.com/my-integrations</a> Once created, copy <code>secrets toekn</code> <img src="https://files.readme.io/2ec137d-093ad49-create-integration.gif" class="img-fluid"></p>
+<section id="note" class="level4">
+<h4 class="anchored" data-anchor-id="note">Note</h4>
+<p>database first custom name must be “Name”, otherwise sync to notion will be failed</p>
+<p><img src="https://afox-1256168983.cos.ap-shanghai.myqcloud.com/20220618102029.png" class="img-fluid"></p>
+</section>
+</section>
+<section id="step-2-share-a-database-with-your-integration" class="level3">
+<h3 class="anchored" data-anchor-id="step-2-share-a-database-with-your-integration">Step 2: Share a database with your integration</h3>
+<p>Create a new page (with public permissions) Create a new database in the page -&gt; you need <code>full page database</code> <img src="./doc/3.gif" class="img-fluid"></p>
+<p>Add <code>integration</code> to your new database</p>
+<p><img src="./doc/6.gif" class="img-fluid"></p>
+</section>
+<section id="step-3-copy-the-database-id" class="level3">
+<h3 class="anchored" data-anchor-id="step-3-copy-the-database-id">Step 3: Copy the database ID</h3>
+<pre><code>https://www.notion.so/myworkspace/a8aec43384f447ed84390e8e42c2e089?v=...
+                                  | --------- Database ID --------|
+</code></pre>
+</section>
+</section>
+<section id="open-the-plugin-configuration" class="level2">
+<h2 class="anchored" data-anchor-id="open-the-plugin-configuration">Open the plugin configuration</h2>
+<p>Fill the configuration with the <code>NOTION_API_KEY</code> and <code>DATABASE_ID</code> you got <img src="./doc/2.png" class="img-fluid"></p>
+</section>
+<section id="upload-file-content-to-notion" class="level2">
+<h2 class="anchored" data-anchor-id="upload-file-content-to-notion">Upload file content to notion</h2>
+<p>Click the uploadCommand notion button <img src="./doc/4.png" class="img-fluid"> A share link will be automatically generated after successful uploadCommand <img src="./doc/5.png" class="img-fluid"></p>
+</section>
+<section id="banner-url-option" class="level2">
+<h2 class="anchored" data-anchor-id="banner-url-option">Banner URL [option]</h2>
+<p>Banner url must be a image url like: <a href="https://i.imgur.com/xxx.jpg" class="uri">https://i.imgur.com/xxx.jpg</a> If you don’t want to use banner, leave it blank</p>
+</section>
+<section id="convert-tags-option" class="level2">
+<h2 class="anchored" data-anchor-id="convert-tags-option">Convert Tags [option]</h2>
+<p>Transfer the Obsidian tags to the Notion table. It requires the column with the name ‘Tags’. <img src="./doc/7.png" class="img-fluid"></p>
+<p>Add tags to your notion page</p>
+<p><img src="./doc/10.png" class="img-fluid"></p>
+<ul>
+<li>open plugin convert tags</li>
+</ul>
+<p><img src="./doc/8.png" class="img-fluid"></p>
+<ul>
+<li>add tags in the head</li>
+</ul>
+<div class="sourceCode" id="cb4"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb4-1"><a href="#cb4-1" aria-hidden="true" tabindex="-1"></a><span class="co">---</span></span>
+<span id="cb4-2"><a href="#cb4-2" aria-hidden="true" tabindex="-1"></a><span class="an">tags:</span><span class="co"> [tag1,tag2]</span></span>
+<span id="cb4-3"><a href="#cb4-3" aria-hidden="true" tabindex="-1"></a><span class="co">---</span></span>
+<span id="cb4-4"><a href="#cb4-4" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb4-5"><a href="#cb4-5" aria-hidden="true" tabindex="-1"></a>this is test tags</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<div class="sourceCode" id="cb5"><pre class="sourceCode markdown code-with-copy"><code class="sourceCode markdown"><span id="cb5-1"><a href="#cb5-1" aria-hidden="true" tabindex="-1"></a><span class="co">---</span></span>
+<span id="cb5-2"><a href="#cb5-2" aria-hidden="true" tabindex="-1"></a><span class="an">tags:</span></span>
+<span id="cb5-3"><a href="#cb5-3" aria-hidden="true" tabindex="-1"></a><span class="co">  - tag4</span></span>
+<span id="cb5-4"><a href="#cb5-4" aria-hidden="true" tabindex="-1"></a><span class="co">---</span></span>
+<span id="cb5-5"><a href="#cb5-5" aria-hidden="true" tabindex="-1"></a></span>
+<span id="cb5-6"><a href="#cb5-6" aria-hidden="true" tabindex="-1"></a>this is test tags</span></code><button title="Copy to Clipboard" class="code-copy-button"><i class="bi"></i></button></pre></div>
+<p><img src="./doc/9.png" class="img-fluid"></p>
+<p>Thanks for <a href="https://github.com/jannikbuscha"><span class="citation" data-cites="jannikbuscha">@jannikbuscha</span></a> contribution</p>
+</section>
+<section id="notion-id-option" class="level2">
+<h2 class="anchored" data-anchor-id="notion-id-option">Notion ID [option]</h2>
+<p>Notion ID is the your notion site ID that you want to share the file to. if you don’t write it, notion will share to the default link like: <a href="https://www.notion.so/myworkspace/a8aec43384f447ed84390" class="uri">https://www.notion.so/myworkspace/a8aec43384f447ed84390</a> that visit this page need to redirect to your site url if you write the Notion ID, it will share to the page link like: <a href="https://your_user_name.notion.site/myworkspace/a8aec43384f447ed84390" class="uri">https://your_user_name.notion.site/myworkspace/a8aec43384f447ed84390</a>. The visiter don’t need to redirect url.</p>
+</section>
+<section id="sync-image-to-notion" class="level2">
+<h2 class="anchored" data-anchor-id="sync-image-to-notion">Sync image to Notion</h2>
+<p>To sync images to your oss or cos bucket, use the <a href="https://github.com/renmu123/obsidian-image-auto-upload-plugin">Obsidian Image Auto Upload Plugin</a>.</p>
+</section>
+</section>
+<section id="development" class="level1">
+<h1>Development</h1>
+<pre><code>git clone https://github.com/EasyChris/obsidian-to-notion.git
+yarn install
+yarn dev</code></pre>
+<section id="release" class="level2">
+<h2 class="anchored" data-anchor-id="release">Release</h2>
+<pre><code>node update-version.js
+./release.sh</code></pre>
+<p>```</p>
+</section>
+</section>
+<section id="thanks" class="level1">
+<h1>Thanks</h1>
+<p><a href="https://luhaifeng666.github.io/obsidian-plugin-docs-zh/zh/getting-started/development-workflow.html">Development Process | Obsidian Plugin Development Documentation</a></p>
+<p><a href="https://github.com/devbean/obsidian-wordpress">GitHub - devbean/obsidian-wordpress: An obsidian plugin for publishing docs to WordPress.</a></p>
+<p><a href="https://github.com/obsidianmd/obsidian-api">GitHub - obsidianmd/obsidian-api</a></p>
+<p><a href="https://github.dev/zhaohongxuan/obsidian-weread-plugin">GitHub - Easychris/obsidian-to-notion: Obsidian Weread Plugin is an plugin to sync Weread(微信读书) hightlights and annotations into your Obsidian Vault.</a></p>
+<p><a href="https://github.com/Quorafind/Obsidian-Memos">GitHub - Quorafind/Obsidian-Memos: A quick capture plugin for Obsidian, all data from your notes.</a></p>
+<p><a href="https://github.com/jannikbuscha">https://github.com/jannikbuscha/obsidian-to-notion</a></p>
+</section>
+<section id="license" class="level1">
+<h1>License</h1>
+<p>GNU GPLv3</p>
+</section>
+
+</main>
+<!-- /main column -->
+<script id="quarto-html-after-body" type="application/javascript">
+window.document.addEventListener("DOMContentLoaded", function (event) {
+  const toggleBodyColorMode = (bsSheetEl) => {
+    const mode = bsSheetEl.getAttribute("data-mode");
+    const bodyEl = window.document.querySelector("body");
+    if (mode === "dark") {
+      bodyEl.classList.add("quarto-dark");
+      bodyEl.classList.remove("quarto-light");
+    } else {
+      bodyEl.classList.add("quarto-light");
+      bodyEl.classList.remove("quarto-dark");
+    }
+  }
+  const toggleBodyColorPrimary = () => {
+    const bsSheetEl = window.document.querySelector("link#quarto-bootstrap");
+    if (bsSheetEl) {
+      toggleBodyColorMode(bsSheetEl);
+    }
+  }
+  toggleBodyColorPrimary();  
+  const icon = "";
+  const anchorJS = new window.AnchorJS();
+  anchorJS.options = {
+    placement: 'right',
+    icon: icon
+  };
+  anchorJS.add('.anchored');
+  const isCodeAnnotation = (el) => {
+    for (const clz of el.classList) {
+      if (clz.startsWith('code-annotation-')) {                     
+        return true;
+      }
+    }
+    return false;
+  }
+  const clipboard = new window.ClipboardJS('.code-copy-button', {
+    text: function(trigger) {
+      const codeEl = trigger.previousElementSibling.cloneNode(true);
+      for (const childEl of codeEl.children) {
+        if (isCodeAnnotation(childEl)) {
+          childEl.remove();
+        }
+      }
+      return codeEl.innerText;
+    }
+  });
+  clipboard.on('success', function(e) {
+    // button target
+    const button = e.trigger;
+    // don't keep focus
+    button.blur();
+    // flash "checked"
+    button.classList.add('code-copy-button-checked');
+    var currentTitle = button.getAttribute("title");
+    button.setAttribute("title", "Copied!");
+    let tooltip;
+    if (window.bootstrap) {
+      button.setAttribute("data-bs-toggle", "tooltip");
+      button.setAttribute("data-bs-placement", "left");
+      button.setAttribute("data-bs-title", "Copied!");
+      tooltip = new bootstrap.Tooltip(button, 
+        { trigger: "manual", 
+          customClass: "code-copy-button-tooltip",
+          offset: [0, -8]});
+      tooltip.show();    
+    }
+    setTimeout(function() {
+      if (tooltip) {
+        tooltip.hide();
+        button.removeAttribute("data-bs-title");
+        button.removeAttribute("data-bs-toggle");
+        button.removeAttribute("data-bs-placement");
+      }
+      button.setAttribute("title", currentTitle);
+      button.classList.remove('code-copy-button-checked');
+    }, 1000);
+    // clear code selection
+    e.clearSelection();
+  });
+  function tippyHover(el, contentFn) {
+    const config = {
+      allowHTML: true,
+      content: contentFn,
+      maxWidth: 500,
+      delay: 100,
+      arrow: false,
+      appendTo: function(el) {
+          return el.parentElement;
+      },
+      interactive: true,
+      interactiveBorder: 10,
+      theme: 'quarto',
+      placement: 'bottom-start'
+    };
+    window.tippy(el, config); 
+  }
+  const noterefs = window.document.querySelectorAll('a[role="doc-noteref"]');
+  for (var i=0; i<noterefs.length; i++) {
+    const ref = noterefs[i];
+    tippyHover(ref, function() {
+      // use id or data attribute instead here
+      let href = ref.getAttribute('data-footnote-href') || ref.getAttribute('href');
+      try { href = new URL(href).hash; } catch {}
+      const id = href.replace(/^#\/?/, "");
+      const note = window.document.getElementById(id);
+      return note.innerHTML;
+    });
+  }
+      let selectedAnnoteEl;
+      const selectorForAnnotation = ( cell, annotation) => {
+        let cellAttr = 'data-code-cell="' + cell + '"';
+        let lineAttr = 'data-code-annotation="' +  annotation + '"';
+        const selector = 'span[' + cellAttr + '][' + lineAttr + ']';
+        return selector;
+      }
+      const selectCodeLines = (annoteEl) => {
+        const doc = window.document;
+        const targetCell = annoteEl.getAttribute("data-target-cell");
+        const targetAnnotation = annoteEl.getAttribute("data-target-annotation");
+        const annoteSpan = window.document.querySelector(selectorForAnnotation(targetCell, targetAnnotation));
+        const lines = annoteSpan.getAttribute("data-code-lines").split(",");
+        const lineIds = lines.map((line) => {
+          return targetCell + "-" + line;
+        })
+        let top = null;
+        let height = null;
+        let parent = null;
+        if (lineIds.length > 0) {
+            //compute the position of the single el (top and bottom and make a div)
+            const el = window.document.getElementById(lineIds[0]);
+            top = el.offsetTop;
+            height = el.offsetHeight;
+            parent = el.parentElement.parentElement;
+          if (lineIds.length > 1) {
+            const lastEl = window.document.getElementById(lineIds[lineIds.length - 1]);
+            const bottom = lastEl.offsetTop + lastEl.offsetHeight;
+            height = bottom - top;
+          }
+          if (top !== null && height !== null && parent !== null) {
+            // cook up a div (if necessary) and position it 
+            let div = window.document.getElementById("code-annotation-line-highlight");
+            if (div === null) {
+              div = window.document.createElement("div");
+              div.setAttribute("id", "code-annotation-line-highlight");
+              div.style.position = 'absolute';
+              parent.appendChild(div);
+            }
+            div.style.top = top - 2 + "px";
+            div.style.height = height + 4 + "px";
+            let gutterDiv = window.document.getElementById("code-annotation-line-highlight-gutter");
+            if (gutterDiv === null) {
+              gutterDiv = window.document.createElement("div");
+              gutterDiv.setAttribute("id", "code-annotation-line-highlight-gutter");
+              gutterDiv.style.position = 'absolute';
+              const codeCell = window.document.getElementById(targetCell);
+              const gutter = codeCell.querySelector('.code-annotation-gutter');
+              gutter.appendChild(gutterDiv);
+            }
+            gutterDiv.style.top = top - 2 + "px";
+            gutterDiv.style.height = height + 4 + "px";
+          }
+          selectedAnnoteEl = annoteEl;
+        }
+      };
+      const unselectCodeLines = () => {
+        const elementsIds = ["code-annotation-line-highlight", "code-annotation-line-highlight-gutter"];
+        elementsIds.forEach((elId) => {
+          const div = window.document.getElementById(elId);
+          if (div) {
+            div.remove();
+          }
+        });
+        selectedAnnoteEl = undefined;
+      };
+      // Attach click handler to the DT
+      const annoteDls = window.document.querySelectorAll('dt[data-target-cell]');
+      for (const annoteDlNode of annoteDls) {
+        annoteDlNode.addEventListener('click', (event) => {
+          const clickedEl = event.target;
+          if (clickedEl !== selectedAnnoteEl) {
+            unselectCodeLines();
+            const activeEl = window.document.querySelector('dt[data-target-cell].code-annotation-active');
+            if (activeEl) {
+              activeEl.classList.remove('code-annotation-active');
+            }
+            selectCodeLines(clickedEl);
+            clickedEl.classList.add('code-annotation-active');
+          } else {
+            // Unselect the line
+            unselectCodeLines();
+            clickedEl.classList.remove('code-annotation-active');
+          }
+        });
+      }
+  const findCites = (el) => {
+    const parentEl = el.parentElement;
+    if (parentEl) {
+      const cites = parentEl.dataset.cites;
+      if (cites) {
+        return {
+          el,
+          cites: cites.split(' ')
+        };
+      } else {
+        return findCites(el.parentElement)
+      }
+    } else {
+      return undefined;
+    }
+  };
+  var bibliorefs = window.document.querySelectorAll('a[role="doc-biblioref"]');
+  for (var i=0; i<bibliorefs.length; i++) {
+    const ref = bibliorefs[i];
+    const citeInfo = findCites(ref);
+    if (citeInfo) {
+      tippyHover(citeInfo.el, function() {
+        var popup = window.document.createElement('div');
+        citeInfo.cites.forEach(function(cite) {
+          var citeDiv = window.document.createElement('div');
+          citeDiv.classList.add('hanging-indent');
+          citeDiv.classList.add('csl-entry');
+          var biblioDiv = window.document.getElementById('ref-' + cite);
+          if (biblioDiv) {
+            citeDiv.innerHTML = biblioDiv.innerHTML;
+          }
+          popup.appendChild(citeDiv);
+        });
+        return popup.innerHTML;
+      });
+    }
+  }
+});
+</script>
+</div> <!-- /content -->
+
+
+
+</body></html>
--- a/README.md
+++ b/README.md
@@ -1,40 +1,274 @@
-Obsidian share to Notion
+# Obsidian to NotionNext

-将obsidian文件一键分享到Notion,并在obsidian中添加Notion分享链接
+[![Test](https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/test.yml/badge.svg)](https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/test.yml)
+[![Release](https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/release.yml/badge.svg)](https://github.com/jxpeng98/obsidian-to-NotionNext/actions/workflows/release.yml)
+[![Github all releases](https://img.shields.io/github/downloads/jxpeng98/obsidian-to-NotionNext/total.svg)](https://GitHub.com/jxpeng98/obsidian-to-NotionNext/releases/)
+[![GitLab latest release](https://badgen.net/github/release/jxpeng98/obsidian-to-NotionNext)](https://github.com/jxpeng98/obsidian-to-NotionNext/releases)
+
+[中文文档](README-zh.md)
+
+Thanks to the [original author](https://github.com/EasyChris/obsidian-to-notion) for developing such a useful plugin that can synchronize Obsidian to Notion. However, the original repository can only sync Name and Tag information. For those like me who use [NotionNext](https://github.com/tangly1024/NotionNext) to set up their website, this presents some limitations. Every time I import, I need to make a lot of modifications.
+
+Thus, based on the [original author's work](https://github.com/EasyChris/obsidian-to-notion), I've added a feature to match the [NotionNext](https://github.com/tangly1024/NotionNext) template. This way, you can edit directly in Obsidian and publish with a single click after organizing.
+
+**Now, support both NotionNext and General databases.**
+
+## Update
+
+### 1.1.0
+- Fix the custom name setting tab display bug. 
+- Add a toggle to control whether to sync `tags` since the empty tags may cause the syncing error.
+
+If you switch off the `tags` function in the plugin settings, it will ignore the `tags` in your frontmatter. 
+
+If you prefer to sync tags to Notion database, you can switch on the `tags` function in the plugin settings. **You can only use the following format for tags:**
+
+```yaml
+tags: #empty tags, option 1
+tags: [test,test1,test2] # use the square brackets, option 2
+tags: 
+  - test
+  - test1
+  - test2 # use the dash option 3
+```
+
+### 1.0.1
+
+- Fix the custom name element display bug in the settings.
+
+### 1.0.0 (Big Update)
+
+- From this version, you can **modify the first column name (title column, default: 'title')** as you want. (**Note: You need to have the 'tags' column in your Notion General database, and add `tags:` in your markdown frontmatter. If not, you will receive `network error 400`. But you can leave the `tags:` blank.**)
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/4a298b9be3990e9d2201bf2f50ca5a0a.png)
+Like this:
+![](https://minioapi.pjx.ac.cn/img1/2023/11/4cd8d79cd9dd9dde299e39c666cb3473.gif)
+
+- Add a switch button to control whether display the setting tabs in the plugin settings for both NotionNext and Notion General databases.
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/becb60fc44783842da4b3cf4c322f363.gif)
+
+### 0.2.6
+
+- Add a switch button to control whether to show the upload command in the command palette.
+
+<!-- ![](https://minioapi.pjx.ac.cn/img1/2023/11/147c6a4eaa34da41a6f102558ed77106.png)
+If you turn off the button for the General database, you won't see the option for the General database in the upload command list.
+
+If you turn off the button for the NotionNext database, you won't see the option for the NotionNext database in the upload command list.
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/70b8e4fc2148688ccbd6cfc53ce339a2.png) -->
+
+### 0.2.3
+
+- Fix the bug, now you can update normally.
+
+### 0.2.2
+
+- Support both NotionNext and General Notion database.
+- You can have one NotionNext and one General Notion database.
+- General Notion database can only have `title` and `tags` columns, and `tags` columns should be the multi-selected property. **the name of the columns is case sensitive. You should use small letter.**
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/712a12081d855aa60f82a7b46913ab7e.gif)
+
+![](https://minioapi.pjx.ac.cn/img1/2023/11/9de76cecceef74c78884ddfc1c221659.gif)
+
+### 0.2.1
+
+- Restructure the code
+
+### 0.2.0
+
+- From this version, the interactive logic has been rewritten. When you click the ribbon icon, it will display the sync command for all presetting NotionNext databases. You can choose the database you want to sync to. **However, only NotionNext database is supported for now.**
+
+### 0.1.10
+
+- Fix the Chinese support in the settings.
+
+### 0.1.8
+
+- Rebuild the uploadCommand function, and add one button to select the different databases. **However, only NotionNext database is supported for now.**  
+
+### 0.1.7
+
+- [x] Removed the `convert tag` option. Now, you can directly add tags in the YAML front matter. If you don't want to add tags, you can delete the tags in the YAML front matter or leave the tags blank.
+
+## How to Use
+
+### Precautions
+
+For now, this plugin is exclusively for [NotionNext](https://github.com/tangly1024/NotionNext). If you're not using this template, you'll keep receiving `error 400`.
+
+For those without a NotionNext requirement, please use the original [Obsidian-to-notion](https://github.com/EasyChris/obsidian-to-notion).
+
+### Pre-Installation Steps
+
+Before installing the plugin, you must have set up the following:
+
+1. Your NotionNext database.
+2. According to the original author's readme.md, set up the Notion API, and it should already be associated with your NotionNext repository.
+3. NotionNext Database ID
+4. Your NotionNext database should have the following contents:
+    - type
+    - title
+    - slug
+    - category
+    - tags
+    - date
+    - status
+    - summary
+    - password
+    - icon
+
+From version 0.0.6, I also add the following contents:
+ - titleicon: the unique icon for each post, it can only support emoji currently.
+ - cover url: the cover image for each post, it should be end with a type of image, such as .jpg, .png, .gif, etc.
+
+**If you've directly copied the NotionNext template, these contents should already exist. I've made changes to this plugin based on the original author's work. All you need to ensure is that your database has the above content, and every letter is in lowercase!!!**
+
+**⚠️⚠️⚠️: All headers are in lowercase!!! The order doesn't matter!**
+
+### Plugin Installation
+
+#### Install via Community Plugins
+
+Open `Obsidian settings -> Community Plugins -> Browse -> NotionNext -> Share to NotionNext`
+
+#### Mannually Install
+
+1. Close Obsidian.
+2. Download the plugin file from Release and unzip it into your Obsidian plugin directory.
+3. Re-open Obsidian, go to settings, and enable the plugin.
+4. In the settings, find Obsidian to NotionNext, and enter your NotionNext Database ID and API token.
+
+### How to Use
+
+### Using the Plugin
+
+In the repository, I have uploaded a template which you can directly copy into your template folder. After that, use Obsidian's template feature to create a new note with one click.
+
+If you don't want to use the template, you can also directly create a new file in Obsidian and then copy the content below. Then save it.
+
+```markdown
+---
+# default value has been set.
+# for any unwanted value, you can delete it or set it to empty.
+# for example, if you donot want to set password, you can delete password: "1234" or set it to password: ""
+# 我已经在插件中设置了默认值，如果有不需要的选项，可以直接删除。
+# 例如你不需要密码选项，你可以将password: "1234"删除，或者将它设置为空。
+# !!!!!!!!!!!!
+# 现在阶段一定不要修改表头的名字， please do not change the name of the header in YAML front matter
+# !!!!!!!!!!!!
+titleicon: 📎 # emoji icon, default is 📜， 默认是📜
+date: 2023-07-23 # default is today， 默认是今天。 Format is YYYY-MM-DD， 格式是YYYY-MM-DD
+coverurl: https://img.jxpeng.dev/2023/08/843e27a210847f05a0f7cfb121fec100.jpg # default is empty， 默认是空
+type: Post # Post or Page, default is Post， 默认是Post
+slug: test # slug for url, default is empty， 默认是空
+stats: Draft # Draft, Invisible, Published, default is Draft， 默认是Draft
+category: test # default is 'Obsidian'， 默认是'Obsidian'
+summary: this is a summary for test post # default is empty， 默认是空
+icon: fa-solid fa-camera # you can ignore this, default is empty， 默认是空，可直接删除
+password: "1234" # if you donot want to set password, you can delete this line, default is empty， 默认是空，可直接删除
+# 现在必须开启tags选项，否则会报错
+tags:
+  - test  # tags for post
+  - web # add more tags if you want
+---
+
+Contents Below
+
+```
+
+Usage of the template is as follows:
+![](https://minioapi.pjx.ac.cn/img1/2023/09/354b950e5777b48832c2475e4a31f2cc.gif)
+
+**Plugin preview is shown below**
+![](https://minioapi.pjx.ac.cn/img1/2023/09/d6199619b68fab218fca8ae0cebece78.gif)
+
+---
+
+**Original README.md**
+
+Many Thanks for the original author's work. I've only made some changes to the original author's work. If you find this plugin useful, please give the [original author](https://github.com/EasyChris/obsidian-to-notion) a star.
+
+# Obsidian to Notion
+
+[![](https://github.com/Easychris/obsidian-to-notion/actions/workflows/CI.yml/badge.svg)](https://github.com/Easychris/obsidian-to-notion/actions/workflows/CI.yml)
+[![Release Obsidian plugin](https://github.com/Easychris/obsidian-to-notion/actions/workflows/release.yml/badge.svg)](https://github.com/Easychris/obsidian-to-notion/actions/workflows/release.yml)
+[![GitHub license](https://img.shields.io/github/license/EasyChris/obsidian-to-notion)](https://raw.githubusercontent.com/EasyChris/obsidian-to-notion/master/LICENSE)
+[![Github all releases](https://img.shields.io/github/downloads/Easychris/obsidian-to-notion/total.svg)](https://GitHub.com/Easychris/obsidian-to-notion/releases/)
+[![GitLab latest release](https://badgen.net/github/release/Easychris/obsidian-to-notion/)](https://github.com/Easychris/obsidian-to-notion/releases)
+
+Share of obsidian to Notion [中文文档](README-zh.md)
+
+Sharing files from Obsidian to Notion with a single click, and Obsidian will automatically add the Notion share link
+
+You are welcome to offer it a star if it can benefit you.

 ![](./doc/1.gif)

-# 使用方式
-## 安装插件
+# TODO
+
+### [TODO Board](https://github.com/users/EasyChris/projects/3/views/1)
+
+- [x] support for custom page banner
+- [x] update the exsit page
+- [x] support for mult language
+- [x] support for auto copy the share link to clipboard
+- [x] support for mobile
+- [x] support tags thank for [@jannikbuscha](https://github.com/jannikbuscha)
+- [ ] transfer the bi-link format like [[]] into the format that Notion supports.
+
+# How to use
+
+## Install the plugin
+
+### Marketplace download
+
+Open obsidian setting -> Add plugin -> Search -> notion
+
+![](https://afox-1256168983.cos.ap-shanghai.myqcloud.com/20220628214145.png)
+
 ### BRAT
-插件中中心搜索 BRAT
-添加 `EasyChris/obsidian-to-notion` 到 BRAT 插件安装列表中
-返回插件中心启用即可
-### 手动安装
+
+Enter `BRAT` into the plugin market center to find it.
+Add `EasyChris/obsidian-to-notion` to the list of BRAT plugins that have been installed.
+Return to the plugin center and turn it on.
+
+### Manual installation
+
 ```
 cd YOUR_OBSIDIAN_FOLDER/.obsidian/plugins/
 git clone https://github.com/EasyChris/obsidian-to-notion.git
 ```
-### 市场下载
-因为暂时还未上架，所以请通过BRAT安装

-## 申请 Notion API
-官方参考文档：[https://developers.notion.com/docs](https://developers.notion.com/docs)
-### 第 1 步：创建integration。
-转到 [https://www.notion.com/my-integrations](https://www.notion.com/my-integrations)
-创建完成之后，复制`secrets toekn`
+## Apply Notion API
+
+Official reference documentation: [https://developers.notion.com/docs](https://developers.notion.com/docs)
+
+### Step 1: Create integration
+
+Go to [https://www.notion.com/my-integrations](https://www.notion.com/my-integrations)
+Once created, copy `secrets toekn`
 ![](https://files.readme.io/2ec137d-093ad49-create-integration.gif)

-### 第2步：与你的集成共享一个数据库
-新建一个的page（权限为公开）
-在page中新建一个数据库 -> 需要`full page database`
+#### Note
+
+database first custom name must be "Name", otherwise sync to notion will be failed
+
+![](https://afox-1256168983.cos.ap-shanghai.myqcloud.com/20220618102029.png)
+
+### Step 2: Share a database with your integration
+
+Create a new page (with public permissions)
+Create a new database in the page -> you need `full page database`
 ![](./doc/3.gif)

-将`integration`添加到你的新建的数据库中
+Add `integration` to your new database

-![](https://files.readme.io/0a267dd-share-database-with-integration.gif)
+![](./doc/6.gif)

-### 第三步：复制database ID
+### Step 3: Copy the database ID

 ```
 https://www.notion.so/myworkspace/a8aec43384f447ed84390e8e42c2e089?v=...
@@ -42,25 +276,108 @@ https://www.notion.so/myworkspace/a8aec43384f447ed84390e8e42c2e089?v=...

 ```

+## Open the plugin configuration

-
-## 打开插件配置
-将得到的 `NOTION_API_KEY` 和 `DATABASE_ID`填入配置当中
+Fill the configuration with the `NOTION_API_KEY` and `DATABASE_ID` you got
 ![](./doc/2.png)

-## 上传文件内容到notion
-点击上传notion的按钮
+## Upload file content to notion
+
+Click the uploadCommand notion button
 ![](./doc/4.png)
-上传成功之后会自动生成一个分享链接
+A share link will be automatically generated after successful uploadCommand
 ![](./doc/5.png)

+## Banner URL [option]

-# 请我喝杯咖啡
+Banner url must be a image url like: <https://i.imgur.com/xxx.jpg>
+If you don't want to use banner, leave it blank

-[顿顿饭](https://dun.mianbaoduo.com/@easy)
+## Convert Tags [option]
+
+Transfer the Obsidian tags to the Notion table.
+It requires the column with the name 'Tags'.
+![](./doc/7.png)
+
+Add tags to your notion page
+
+![](./doc/10.png)
+
+- open plugin convert tags
+
+![](./doc/8.png)
+
+- add tags in the head
+
+```markdown
+---
+tags: [tag1,tag2]
+---
+
+this is test tags
+
+```
+
+```markdown
+---
+tags:
+  - tag4
+---
+
+this is test tags
+
+```
+
+![](./doc/9.png)
+
+Thanks for [@jannikbuscha](https://github.com/jannikbuscha) contribution
+
+## Notion ID [option]
+
+Notion ID is the your notion site ID that you want to share the file to.
+if you don't write it, notion will share to the default link like:
+<https://www.notion.so/myworkspace/a8aec43384f447ed84390>
+that visit this page need to redirect to your site url
+if you write the Notion ID, it will share to the page link like:
+<https://your_user_name.notion.site/myworkspace/a8aec43384f447ed84390>.
+The visiter don't need to redirect url.
+
+## Sync image to Notion
+
+To sync images to your oss or cos bucket, use the [Obsidian Image Auto Upload Plugin](https://github.com/renmu123/obsidian-image-auto-upload-plugin).
+
+# Development
+
+```
+git clone https://github.com/EasyChris/obsidian-to-notion.git
+yarn install
+yarn dev
+```
+
+## Release
+
+```
+node update-version.js
+./release.sh
+```
+
+```
+
+
+
+
+# Thanks
+[Development Process | Obsidian Plugin Development Documentation](https://luhaifeng666.github.io/obsidian-plugin-docs-zh/zh/getting-started/development-workflow.html)

-# 感谢
-[开发流程 | Obsidian 插件开发文档](https://luhaifeng666.github.io/obsidian-plugin-docs-zh/zh/getting-started/development-workflow.html)
 [GitHub - devbean/obsidian-wordpress: An obsidian plugin for publishing docs to WordPress.](https://github.com/devbean/obsidian-wordpress)
+
 [GitHub - obsidianmd/obsidian-api](https://github.com/obsidianmd/obsidian-api)
-[GitHub - zhaohongxuan/obsidian-weread-plugin: Obsidian Weread Plugin is an plugin to sync Weread(微信读书) hightlights and annotations into your Obsidian Vault.](https://github.com/zhaohongxuan/obsidian-weread-plugin)
+
+[GitHub - Easychris/obsidian-to-notion: Obsidian Weread Plugin is an plugin to sync Weread(微信读书) hightlights and annotations into your Obsidian Vault.](https://github.dev/zhaohongxuan/obsidian-weread-plugin)
+
+[GitHub - Quorafind/Obsidian-Memos: A quick capture plugin for Obsidian, all data from your notes.](https://github.com/Quorafind/Obsidian-Memos)
+
+[https://github.com/jannikbuscha/obsidian-to-notion](https://github.com/jannikbuscha)
+
+# License
+GNU GPLv3
--- a/Upload2Notion.ts
+++ b/Upload2Notion.ts
@@ -1,76 +0,0 @@
-import { requestUrl } from "obsidian";
-import { Client } from "@notionhq/client";
-import { markdownToBlocks,  } from "@tryfabric/martian";
-import * as fs from "fs";
-import * as yamlFrontMatter from "yaml-front-matter";
-import * as yaml from "yaml"
-import MyPlugin from "main";
-
-export class Upload2Notion {
-	app: MyPlugin;
-	notion: Client;
-	agent: any;
-	constructor(app: MyPlugin) {
-		this.app = app;
-	}
-	async createPage(title:string, childArr: any) {
-		const bodyString = {
-			parent: { 
-				database_id: this.app.settings.databaseID 
-			},
-			properties: {
-				Name: {
-					title: [
-						{
-							text: {
-								content: title,
-							},
-						},
-					],
-				},
-			},
-			children: childArr,
-		}
-		const response = await requestUrl({
-			url: `https://api.notion.com/v1/pages`,
-			method: 'POST',
-			headers: {
-				'Content-Type': 'application/json',
-				// 'User-Agent': 'obsidian.md',
-				'Authorization': 'Bearer ' + this.app.settings.notionAPI,
-				'Notion-Version': '2021-08-16',
-			},
-			body: JSON.stringify(bodyString),
-		})
-		return response;
-	}
-
-	async syncMarkdownToNotion(title:string, markdown: string, fullPath:string): Promise<any> {
-		const yamlObj:any = yamlFrontMatter.loadFront(markdown);
-		const __content = yamlObj.__content
-		const file2md = markdownToBlocks(__content);
-		const res = await this.createPage(title, file2md);
-		if (res.status === 200) {
-			this.updateYamlInfo(markdown, fullPath, res)
-		}
-		return res
-	}
-
-	async updateYamlInfo(yamlContent: string, fullPath: string, res: any) {
-		const yamlObj:any = yamlFrontMatter.loadFront(yamlContent);
-		const {url} = res.json
-		yamlObj.link = url;
-		const __content = yamlObj.__content;
-		delete yamlObj.__content
-		const yamlhead = yaml.stringify(yamlObj)
-		//  if yamlhead hava last \n  remove it
-		const yamlhead_remove_n = yamlhead.replace(/\n$/, '')
-		// if __content have start \n remove it
-		const __content_remove_n = __content.replace(/^\n/, '')
-		const content = '---\n' +yamlhead_remove_n +'\n---\n' + __content_remove_n;
-
-		//write content fo file
-		fs.writeFileSync(fullPath, content);
-		return res
-	}
-}
--- a/doc/10.png
+++ b/doc/10.png
--- a/doc/6.gif
+++ b/doc/6.gif
--- a/doc/7.png
+++ b/doc/7.png
--- a/doc/8.png
+++ b/doc/8.png
--- a/doc/9.png
+++ b/doc/9.png
--- a/esbuild.config.mjs
+++ b/esbuild.config.mjs
@@ -1,52 +1,60 @@
 import esbuild from "esbuild";
 import process from "process";
-import builtins from 'builtin-modules'
+import builtins from "builtin-modules";

-const banner =
-`/*
+const banner = `/*
 THIS IS A GENERATED/BUNDLED FILE BY ESBUILD
 if you want to view the source, please visit the github repository of this plugin
 */
 `;
+const prod = process.argv[2] === "production";

-const prod = (process.argv[2] === 'production');
-
-esbuild.build({
+const ctx = await esbuild.context({
 	banner: {
 		js: banner,
 	},
-	entryPoints: ['main.ts'],
+	entryPoints: ["src/main.ts"],
 	bundle: true,
 	external: [
-		'obsidian',
-		'electron',
-		'@codemirror/autocomplete',
-		'@codemirror/closebrackets',
-		'@codemirror/collab',
-		'@codemirror/commands',
-		'@codemirror/comment',
-		'@codemirror/fold',
-		'@codemirror/gutter',
-		'@codemirror/highlight',
-		'@codemirror/history',
-		'@codemirror/language',
-		'@codemirror/lint',
-		'@codemirror/matchbrackets',
-		'@codemirror/panel',
-		'@codemirror/rangeset',
-		'@codemirror/rectangular-selection',
-		'@codemirror/search',
-		'@codemirror/state',
-		'@codemirror/stream-parser',
-		'@codemirror/text',
-		'@codemirror/tooltip',
-		'@codemirror/view',
-		...builtins],
-	format: 'cjs',
-	watch: !prod,
-	target: 'es2016',
+		"obsidian",
+		"electron",
+		"@codemirror/autocomplete",
+		"@codemirror/closebrackets",
+		"@codemirror/collab",
+		"@codemirror/commands",
+		"@codemirror/comment",
+		"@codemirror/fold",
+		"@codemirror/gutter",
+		"@codemirror/highlight",
+		"@codemirror/history",
+		"@codemirror/language",
+		"@codemirror/lint",
+		"@codemirror/matchbrackets",
+		"@codemirror/panel",
+		"@codemirror/rangeset",
+		"@codemirror/rectangular-selection",
+		"@codemirror/search",
+		"@codemirror/state",
+		"@codemirror/stream-parser",
+		"@codemirror/text",
+		"@codemirror/tooltip",
+		"@codemirror/view",
+		...builtins,
+	],
+	format: "cjs",
+	target: "es2016",
 	logLevel: "info",
-	sourcemap: prod ? false : 'inline',
+	sourcemap: prod ? false : "inline",
 	treeShaking: true,
-	outfile: 'main.js',
-}).catch(() => process.exit(1));
+	outfile: "main.js",
+});
+
+if (!prod) {
+	await ctx.watch();
+} else {
+	await ctx.rebuild();
+	ctx.dispose().then(
+		(r) => console.log("Build completed"),
+		(e) => console.error(e),
+	);
+}
--- a/icon.ts
+++ b/icon.ts
@@ -1,17 +0,0 @@
-import { addIcon } from 'obsidian';
-
-const icons: Record<string, string> = {
-  'notion-logo': `
-  <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100px" height="100px" viewBox="0 0 100 100" version="1.1">
-<g id="surface1">
-<path style=" stroke:none;fill-rule:evenodd;fill:currentColor;fill-opacity:1;" d="M 18.738281 17.796875 C 21.832031 20.308594 22.996094 20.117188 28.804688 19.730469 L 83.582031 16.441406 C 84.746094 16.441406 83.78125 15.28125 83.390625 15.089844 L 74.292969 8.511719 C 72.550781 7.160156 70.230469 5.609375 65.777344 5.996094 L 12.734375 9.867188 C 10.800781 10.058594 10.414062 11.023438 11.183594 11.800781 Z M 22.027344 30.5625 L 22.027344 88.199219 C 22.027344 91.296875 23.574219 92.457031 27.058594 92.265625 L 87.261719 88.78125 C 90.746094 88.589844 91.136719 86.457031 91.136719 83.941406 L 91.136719 26.691406 C 91.136719 24.179688 90.167969 22.824219 88.035156 23.019531 L 25.125 26.691406 C 22.800781 26.886719 22.027344 28.046875 22.027344 30.5625 Z M 81.460938 33.652344 C 81.84375 35.398438 81.460938 37.136719 79.714844 37.332031 L 76.8125 37.910156 L 76.8125 80.460938 C 74.292969 81.816406 71.972656 82.589844 70.035156 82.589844 C 66.9375 82.589844 66.164062 81.621094 63.839844 78.722656 L 44.867188 48.9375 L 44.867188 77.753906 L 50.871094 79.109375 C 50.871094 79.109375 50.871094 82.589844 46.027344 82.589844 L 32.675781 83.363281 C 32.285156 82.589844 32.675781 80.65625 34.027344 80.269531 L 37.511719 79.304688 L 37.511719 41.199219 L 32.675781 40.8125 C 32.285156 39.070312 33.253906 36.558594 35.964844 36.363281 L 50.292969 35.398438 L 70.035156 65.570312 L 70.035156 38.878906 L 65.003906 38.300781 C 64.617188 36.171875 66.164062 34.625 68.097656 34.433594 Z M 8.28125 4.644531 L 63.453125 0.582031 C 70.230469 0 71.972656 0.390625 76.230469 3.484375 L 93.84375 15.859375 C 96.75 17.988281 97.71875 18.570312 97.71875 20.890625 L 97.71875 88.78125 C 97.71875 93.035156 96.167969 95.550781 90.75 95.9375 L 26.675781 99.804688 C 22.609375 100 20.671875 99.421875 18.542969 96.710938 L 5.574219 79.882812 C 3.25 76.785156 2.28125 74.46875 2.28125 71.757812 L 2.28125 11.410156 C 2.28125 7.933594 3.832031 5.03125 8.28125 4.644531 Z M 8.28125 4.644531 "/>
-</g>
-</svg>
-  `
-};
-
-export const addIcons = (): void => {
-  Object.keys(icons).forEach((key) => {
-    addIcon(key, icons[key]);
-  });
-};
--- a/main.js
+++ b/main.js
--- a/main.ts
+++ b/main.ts
@@ -1,188 +0,0 @@
-import { timingSafeEqual } from "crypto";
-import {
-	App,
-	EditableFileView,
-	requestUrl,
-	Editor,
-	MarkdownView,
-	Modal,
-	Notice,
-	Plugin,
-	PluginSettingTab,
-	Setting,
-} from "obsidian";
-import { join } from "path";
-import * as fs from "fs";
-import {addIcons}  from 'icon';
-import { Upload2Notion } from "Upload2Notion";
-
-// Remember to rename these classes and interfaces!
-
-interface MyPluginSettings {
-	notionAPI: string;
-	databaseID: string;
-	proxy: string;
-}
-
-const DEFAULT_SETTINGS: MyPluginSettings = {
-	notionAPI: "",
-	databaseID: "",
-	proxy: "",
-};
-
-export default class MyPlugin extends Plugin {
-	settings: MyPluginSettings;
-	
-	async onload() {
-		await this.loadSettings();
-		addIcons();
-		// This creates an icon in the left ribbon.
-		const ribbonIconEl = this.addRibbonIcon(
-			"notion-logo",
-			"Share to notion",
-			async (evt: MouseEvent) => {
-				// Called when the user clicks the icon.
-				this.upload();
-			}
-		);
-		// Perform additional things with the ribbon
-		ribbonIconEl.addClass("my-plugin-ribbon-class");
-
-		// This adds a status bar item to the bottom of the app. Does not work on mobile apps.
-		const statusBarItemEl = this.addStatusBarItem();
-		// statusBarItemEl.setText("share to notion");
-
-		this.addCommand({
-			id: "share-to-notion",
-			name: "share to notion",
-			editorCallback: async (editor: Editor, view: MarkdownView) => {
-				this.upload()
-			},
-		});
-
-
-		// This adds a settings tab so the user can configure various aspects of the plugin
-		this.addSettingTab(new SampleSettingTab(this.app, this));
-
-	}
-
-	onunload() {}
-
-	async upload(){
-		const { notionAPI, databaseID } = this.settings;
-				if (notionAPI === "" || databaseID === "") {
-					new Notice(
-						"Please set up the notion API and database ID in the settings tab."
-					);
-					return;
-				}
-				const { nowFile, fileData,fullPath } =
-					await this.getNowFileMarkdwonContent(this.app);
-				const { basename } = nowFile;
-				if (fileData) {
-					const upload = new Upload2Notion(this);
-					const res = await upload.syncMarkdownToNotion(basename,fileData, fullPath)
-					console.log(res)
-					if(res.status === 200){
-						new Notice(`${basename} 同步成功`)
-					}else {
-						new Notice(`${basename} 同步失败`)
-					}
-				}
-	}
-
-	async getNowFileMarkdwonContent(app: App) {
-		const nowFile = app.workspace.getActiveFile();
-		if (nowFile) {
-			const filePath: string = nowFile.path;
-			const basePath: string = nowFile.vault.adapter.basePath;
-			const fullPath = join(basePath, filePath);
-			console.log("fullpath", fullPath);
-			const fileData = fs.readFileSync(fullPath, "utf8");
-			return {
-				fileData,
-				nowFile,
-				fullPath,
-			};
-		} else {
-			new Notice("请打开需要同步的文件");
-			return;
-		}
-	}
-
-	async loadSettings() {
-		this.settings = Object.assign(
-			{},
-			DEFAULT_SETTINGS,
-			await this.loadData()
-		);
-	}
-
-	async saveSettings() {
-		await this.saveData(this.settings);
-	}
-}
-
-class SampleModal extends Modal {
-	constructor(app: App) {
-		super(app);
-	}
-
-	onOpen() {
-		const { contentEl } = this;
-		contentEl.setText("Woah!");
-	}
-
-	onClose() {
-		const { contentEl } = this;
-		contentEl.empty();
-	}
-}
-
-class SampleSettingTab extends PluginSettingTab {
-	plugin: MyPlugin;
-
-	constructor(app: App, plugin: MyPlugin) {
-		super(app, plugin);
-		this.plugin = plugin;
-	}
-
-	display(): void {
-		const { containerEl } = this;
-
-		containerEl.empty();
-
-		containerEl.createEl("h2", {
-			text: "Settings for obsidian to notion plugin.",
-		});
-
-		new Setting(containerEl)
-			.setName("Notion API Token")
-			.setDesc("It's a secret")
-			.addText((text) =>
-				text
-					.setPlaceholder("Enter your Notion API Token")
-					.setValue(this.plugin.settings.notionAPI)
-					.onChange(async (value) => {
-						console.log("Secret: " + value);
-						this.plugin.settings.notionAPI = value;
-						await this.plugin.saveSettings();
-					})
-			);
-
-		new Setting(containerEl)
-			.setName("Database ID")
-			.setDesc("It's a secret")
-			.addText((text) =>
-				text
-					.setPlaceholder("Enter your Database ID")
-					.setValue(this.plugin.settings.databaseID)
-					.onChange(async (value) => {
-						console.log("Secret: " + value);
-						this.plugin.settings.databaseID = value;
-						await this.plugin.saveSettings();
-					})
-			);
-
-	}
-}
--- a/manifest.json
+++ b/manifest.json
@@ -1,10 +1,10 @@
 {
-	"id": "obsidian-to-notion",
-	"name": "Obsidian shared to Notion",
-	"version": "0.3.0",
+  "id": "share-to-notionnext",
+  "name": "Share to NotionNext",
+  "version": "1.1.0",
  "minAppVersion": "0.0.1",
-	"description": "This is a  plugin for Obsidian. This plugin share obsidian md  file to notion with notion api",
-	"author": "Easychris",
-	"authorUrl": "https://github.com/EasyChris/obsidian-to-notion",
+  "description": "Shares obsidian md file to notion with notion api for NotionNext web deploy, originally created by EasyChris/obsidian-to-notion.",
+  "author": "EasyChris, jxpeng98",
+  "authorUrl": "https://github.com/jxpeng98",
  "isDesktopOnly": false
 }
--- a/obsidian_template.md
+++ b/obsidian_template.md
@@ -0,0 +1,26 @@
+---
+# default value has been set.
+# for any unwanted value, you can delete it or set it to empty.
+# for example, if you donot want to set password, you can delete password: "1234" or set it to password: ""
+# 我已经在插件中设置了默认值，如果有不需要的选项，可以直接删除。
+# 例如你不需要密码选项，你可以将password: "1234"删除，或者将它设置为空。
+# !!!!!!!!!!!!
+# 现在阶段一定不要修改表头的名字， please do not change the name of the header in YAML front matter
+# !!!!!!!!!!!!
+titleicon: 📎 # default is 📜， 默认是📜
+date: 2023-07-23 # default is today， 默认是今天。 Format is YYYY-MM-DD， 格式是YYYY-MM-DD
+coverurl: https://img.jxpeng.dev/2023/08/843e27a210847f05a0f7cfb121fec100.jpg # default is empty， 默认是空
+type: Post # Post or Page, default is Post， 默认是Post
+slug: test # slug for url, default is empty， 默认是空
+stats: Draft # Draft, Invisible, Published, default is Draft， 默认是Draft
+category: test # default is 'Obsidian'， 默认是'Obsidian'
+summary: this is a summary for test post # default is empty， 默认是空
+icon: fa-solid fa-camera # you can ignore this, default is empty， 默认是空，可直接删除
+password: "1234" # if you donot want to set password, you can delete this line, default is empty， 默认是空，可直接删除
+# 现在必须开启tags选项，否则会报错
+tags:
+  - test  # tags for post
+  - web # add more tags if you want
+---
+
+Contents Below
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,8 +1,8 @@
 {
-	"name": "obsidian-to-notion",
-	"version": "0.3.0",
+  "name": "share-to-notionnext",
+  "version": "1.1.0",
  "type": "module",
-	"description": "This is a  plugin for Obsidian. This plugin share obsidian md  file to notion with notion api",
+  "description": "Shares obsidian md file to notion with notion api for NotionNext web deploy, originally created by EasyChris/obsidian-to-notion.",
  "main": "main.js",
  "scripts": {
    "dev": "node esbuild.config.mjs",
@@ -13,20 +13,22 @@
  "author": "",
  "license": "GNU GPLv3",
  "devDependencies": {
-		"@types/node": "^17.0.35",
-		"@types/yaml-front-matter": "^4.1.0",
-		"@typescript-eslint/eslint-plugin": "^5.2.0",
-		"@typescript-eslint/parser": "^5.2.0",
+    "@types/node": "^20.5.7",
+    "@types/yaml-front-matter": "^4.1.3",
+    "@typescript-eslint/eslint-plugin": "^6.11.0",
+    "@typescript-eslint/parser": "^6.11.0",
    "builtin-modules": "^3.2.0",
-		"esbuild": "0.13.12",
+    "esbuild": "0.19.5",
    "obsidian": "latest",
-		"tslib": "2.3.1",
-		"typescript": "4.4.4"
+    "tslib": "2.6.2",
+    "typescript": "5.2.2"
  },
  "dependencies": {
-		"@tryfabric/martian": "^1.2.0",
-		"https-proxy-agent": "^5.0.1",
-		"yaml": "^2.1.0",
+    "@tryfabric/martian": "^1.2.4",
+    "https-proxy-agent": "^7.0.2",
+    "process": "^0.11.10",
+    "remark-math": "^6.0.0",
+    "yaml": "^2.3.4",
    "yaml-front-matter": "^4.1.1"
  }
 }
--- a/release.sh
+++ b/release.sh
@@ -0,0 +1,6 @@
+#!/bin/bash
+node update-version.js $1
+git add .
+git commit -m "Update version to $1"
+git tag -a $1 -m $1
+git push origin $1
--- a/src/commands/FuzzySuggester.ts
+++ b/src/commands/FuzzySuggester.ts
@@ -0,0 +1,51 @@
+import { FuzzySuggestModal, FuzzyMatch } from 'obsidian';
+import MyPlugin from "../main";
+import { i18nConfig } from "../lang/I18n";
+
+/**
+ * Simple interface for what should be displayed and stored for suggester
+ */
+export interface DatabaseList {
+    name: string,        // specific database name
+    match: any               //
+}
+
+
+export class FuzzySuggester extends FuzzySuggestModal<DatabaseList>{
+    private plugin: MyPlugin;
+    private data: DatabaseList[];
+    private callback: any;
+
+    constructor(plugin: MyPlugin) {
+        super(plugin.app);
+        this.plugin = plugin;
+        this.setPlaceholder(i18nConfig.PlaceHolder);
+    }
+
+    setSuggesterData(suggesterData: Array<DatabaseList>): void { this.data = suggesterData }
+
+    async display(callBack: (item: DatabaseList, evt: MouseEvent | KeyboardEvent) => void): Promise<any> {
+        this.callback = callBack;
+        this.open();
+    }
+
+    // Store the data
+    getItems(): DatabaseList[] {
+        return this.data
+    }
+
+    getItemText(item: DatabaseList): string {
+        return item.name
+    }
+
+    onChooseItem(item: DatabaseList, evt: MouseEvent | KeyboardEvent): void { }
+
+    onChooseSuggestion(item: FuzzyMatch<DatabaseList>, evt: MouseEvent | KeyboardEvent): void {
+        this.callback(item.item, evt)
+    }
+
+    renderSuggestion(item: FuzzyMatch<DatabaseList>, el: HTMLElement): void {
+        el.createEl('div', { text: item.item.name })
+    }
+
+}
--- a/src/commands/NotionCommands.ts
+++ b/src/commands/NotionCommands.ts
@@ -0,0 +1,110 @@
+import { i18nConfig } from "src/lang/I18n";
+import { Editor, MarkdownView } from "obsidian";
+import { FuzzySuggester, DatabaseList } from "./FuzzySuggester";
+import { uploadCommandGeneral, uploadCommandNext } from "../upload/uploadCommand";
+import ObsidianSyncNotionPlugin from "src/main";
+
+
+interface Command {
+	id: string;
+	name: string;
+	editorCallback: (editor: Editor, view: MarkdownView) => Promise<void>;
+}
+
+
+// create the commands list
+export default class RibbonCommands {
+	plugin: ObsidianSyncNotionPlugin;
+
+	Ncommand: Command[] = [];
+
+	constructor(plugin: ObsidianSyncNotionPlugin) {
+		this.plugin = plugin;
+
+		// Check if NextButton is true, then include the corresponding command
+		if (this.plugin.settings.NextButton) {
+			this.Ncommand.push({
+				id: "share-to-notionnext",
+				name: i18nConfig.CommandName, // Use the translated text from i18nConfig
+				editorCallback: async (editor: Editor, view: MarkdownView) => {
+					await uploadCommandNext(this.plugin, this.plugin.settings, this.plugin.app);
+				}
+			});
+		}
+
+		// Check if GeneralButton is true, then include the corresponding command
+		if (this.plugin.settings.GeneralButton) {
+			this.Ncommand.push({
+				id: "share-to-notion",
+				name: i18nConfig.CommandNameGeneral, // Use the translated text from i18nConfig
+				editorCallback: async (editor: Editor, view: MarkdownView) => {
+					await uploadCommandGeneral(this.plugin, this.plugin.settings, this.plugin.app);
+				}
+			});
+		}
+
+		// Register all the commands
+		this.Ncommand.forEach(command => {
+			this.plugin.addCommand(
+				{
+					id: command.id,
+					name: command.name,
+					editorCallback: command.editorCallback,
+				}
+			);
+		});
+	}
+
+	async ribbonDisplay() {
+		const NcommandList: DatabaseList[] = [];
+
+		this.Ncommand.map(command => NcommandList.push(
+			{
+				name: command.name,
+				match: command.editorCallback
+			}
+		)
+		);
+
+		const fusg = new FuzzySuggester(this.plugin);
+
+		fusg.setSuggesterData(NcommandList);
+		await fusg.display(async (results) => { await results.match() })
+	};
+
+	// if the setting has been changed, try to rebuild the command list
+	async updateCommand() {
+
+		this.Ncommand = [];
+
+		if (this.plugin.settings.NextButton) {
+			this.Ncommand.push({
+				id: "share-to-notionnext",
+				name: i18nConfig.CommandName, // Use the translated text from i18nConfig
+				editorCallback: async (editor: Editor, view: MarkdownView) => {
+					await uploadCommandNext(this.plugin, this.plugin.settings, this.plugin.app);
+				}
+			});
+		}
+
+		if (this.plugin.settings.GeneralButton) {
+			this.Ncommand.push({
+				id: "share-to-notion",
+				name: i18nConfig.CommandNameGeneral, // Use the translated text from i18nConfig
+				editorCallback: async (editor: Editor, view: MarkdownView) => {
+					await uploadCommandGeneral(this.plugin, this.plugin.settings, this.plugin.app);
+				}
+			});
+		}
+
+		this.Ncommand.forEach(command => {
+			this.plugin.addCommand(
+				{
+					id: command.id,
+					name: command.name,
+					editorCallback: command.editorCallback,
+				}
+			);
+		});
+	}
+}
--- a/src/lang/I18n.ts
+++ b/src/lang/I18n.ts
@@ -0,0 +1,15 @@
+import {en} from "./en";
+import {zh} from "./zh";
+
+export const I18n: { [key: string]: any } = {
+	en,
+	zh,
+};
+
+export const I18nConfig = (lang: any): any => {
+    return I18n[lang];
+};
+
+export const i18nConfig = I18nConfig(
+    window.localStorage.getItem("language") || "en",
+); // Export i18nConfig
--- a/src/lang/en.ts
+++ b/src/lang/en.ts
@@ -0,0 +1,54 @@
+export const en = {
+	ribbonIcon: "Share to NotionNext",
+	GeneralSetting: "General information Settings",
+	CommandID: "share-to-notionnext",
+	CommandName: "Share to NotionNext Database",
+	CommandIDGeneral: "share-to-notion",
+	CommandNameGeneral: "Share to Notion General Database",
+	NotionNextButton: "NotionNext Sync",
+	NotionNextButtonDesc: "Open this option, Sync to NotionNext command will be displayed in the command palette (default: ON)",
+	NotionNextSettingHeader: "NotionNext Database Settings",
+	NotionAPI: "Notion API Token",
+	NotionAPIDesc: "Generate from https://www.notion.so/my-integrations",
+	NotionAPIText: "Enter your Notion API Token",
+	DatabaseID: "Database ID",
+	DatabaseIDText: "Enter your Database ID",
+	BannerUrl: "Banner url (optional)",
+	BannerUrlDesc:
+"Default is empty, if you want to show a banner, please enter the url (like: https://minioapi.pjx.ac.cn/img1/2023/11/b7b40a0724e93b7d7ab494bb3b8a2da8.png)",
+	BannerUrlText: "Enter your banner url",
+	NotionUser: "Notion ID (username, optional)",
+	NotionUserDesc:
+"Collect from share link likes:https://username.notion.site. Your notion id is [username]",
+	NotionUserText: "Enter your notion ID",
+	NotionGeneralSettingHeader: "General Notion Database Settings",
+	NotionGeneralButton: "Notion General Sync",
+	NotionGeneralButtonDesc: "Open this option, Sync to Notion General Database command will be displayed in the command palette (default: ON)",
+	NotionTagButton: "Notion Tags Sync",
+	NotionTagButtonDesc: "Sync Tags to Notion General Database (default: ON)",
+	NotionCustomTitle: "Customise title property",
+	NotionCustomTitleDesc: "Modify the column name of the Notion database (default: OFF)",
+	NotionCustomTitleName: "Preferred title name",
+	NotionCustomTitleNameDesc: "Enter the preferred title name for the first column of the Notion database (default: title)",
+	NotionCustomTitleText: "Enter the name",
+	NotYetFinish:
+"Not finished. This function will be available in the next version",
+	PlaceHolder: "Enter database Name",
+	"notion-logo": "Share to NotionNext",
+	"sync-success": "Sync to NotionNext success: \n",
+	"sync-fail": "Sync to NotionNext fail: \n",
+	"open-notion": "Please open the file that needs to be synchronized",
+	"config-secrets-notion-api":
+"Please set up the notion API in the settings tab.",
+	"config-secrets-database-id":
+"Please set up the database id in the settings tab.",
+	"set-tags-fail":
+"Set tags fail,please check the frontmatter of the file or close the tag switch in the settings tab.",
+	NNonMissing:
+"The 'NNon' property is missing in the settings. Please set it up.",
+	"set-api-id":
+"Please set up the notion API and database ID in the settings tab.",
+	NotionCustomSettingHeader: "Notion Custom Database Settings",
+	NotionCustomButton: "Notion Customised command switch",
+	NotionCustomButtonDesc: "Open this option, Sync to Notion Customised Database command will be displayed in the command palette",
+}
--- a/src/lang/zh.ts
+++ b/src/lang/zh.ts
@@ -0,0 +1,49 @@
+export const zh = {
+	ribbonIcon: "分享到 NotionNext",
+	GeneralSetting: "通用设置",
+	CommandID: "share-to-notionnext",
+	CommandName: "分享到 NotionNext",
+	CommandIDGeneral: "share-to-notion",
+	CommandNameGeneral: "分享到 Notion 普通数据库",
+	NotionNextButton: "NotionNext 同步",
+	NotionNextButtonDesc: "打开此选项，NotionNext 同步将显示在命令面板中（默认：开）",
+	NotionNextSettingHeader: "NotionNext 数据库参数设置",
+	NotionAPI: "Notion API 令牌",
+	NotionAPIDesc: "从 https://www.notion.so/my-integrations 生成",
+	NotionAPIText: "输入你的 Notion API 令牌",
+	DatabaseID: "数据库 ID",
+	DatabaseIDText: "输入你的数据库 ID",
+	BannerUrl: "封面图片地址（可选）",
+	BannerUrlDesc:
+		"默认为空，如果你想显示封面图片，请输入图片地址（例如：https://minioapi.pjx.ac.cn/img1/2023/11/b7b40a0724e93b7d7ab494bb3b8a2da8.png）",
+	BannerUrlText: "输入你的封面图片地址",
+	NotionUser: "Notion ID（用户名，可选）",
+	NotionUserDesc:
+		"数据库分享链接类似：https://username.notion.site/。你的 Notion ID 是 [username]",
+	NotionUserText: "输入你的 Notion ID",
+	NotionGeneralSettingHeader: "普通 Notion 数据库设置",
+	NotionGeneralButton: "普通数据库同步",
+	NotionGeneralButtonDesc: "打开此选项，同步到普通数据库命令将显示在命令面板中（默认：开）",
+	NotionTagButton: "标签同步开关",
+	NotionTagButtonDesc: "将标签同步到普通数据库（默认：开）",
+	NotionCustomTitle: "修改 Notion 数据库表头开关",
+	NotionCustomTitleDesc: "自定义Notion 数据库第一列表头名（默认：关）",
+	NotionCustomTitleName: "想要修改的表头名",
+	NotionCustomTitleNameDesc: "输入你想要修改的notion数据库的表头名（默认：title）",
+	NotionCustomTitleText: "输入表头名",
+	NotYetFinish: "未完成。此功能将在之后版本中提供",
+	PlaceHolder: "输入数据库名称",
+	"notion-logo": "分享到NotionNext",
+	"sync-success": "同步到NotionNext成功:\n",
+	"sync-fail": "同步到NotionNext失败: \n",
+	"open-file": "请打开需要同步的文件",
+	"config-secrets-notion-api": "请在插件设置中添加notion API",
+	"config-secrets-database-id": "请在插件设置中添加database id",
+	"set-tags-fail":
+		"设置标签失败,请检查文件的frontmatter,或者在插件设置中关闭设置tags开关",
+	NNonMissing: "未设置'NNon'属性，请在插件设置中选择NotionNext数据库。",
+	"set-api-id": "请在插件设置中设置notion API和database ID",
+	NotionCustomSettingHeader: "Notion 自定义数据库设置",
+	NotionCustomButton: "Notion 自定义数据库同步命令开关",
+	NotionCustomButtonDesc: "打开此选项，同步到自定义数据库命令将显示在命令面板中",
+}
--- a/src/main.ts
+++ b/src/main.ts
@@ -0,0 +1,62 @@
+import { App, Editor, MarkdownView, Notice, Plugin, PluginSettingTab, Setting } from "obsidian";
+import { addIcons } from 'src/ui/icon';
+import { Upload2NotionGeneral } from "src/upload/upload_general/Upload2NotionGeneral";
+import { Upload2NotionNext } from "src/upload/upload_next/Upload2NotionNext";
+import { i18nConfig } from "src/lang/I18n";
+import ribbonCommands from "src/commands/NotionCommands";
+import { ObsidianSettingTab, PluginSettings, DEFAULT_SETTINGS } from "src/ui/settingTabs";
+
+// Remember to rename these classes and interfaces!
+
+
+export default class ObsidianSyncNotionPlugin extends Plugin {
+    settings: PluginSettings;
+    commands: ribbonCommands;
+    app: App;
+
+    async onload() {
+        await this.loadSettings();
+        this.commands = new ribbonCommands(this);
+
+        addIcons();
+        // This creates an icon in the left ribbon.
+        const ribbonIconEl = this.addRibbonIcon(
+            "notion-logo",
+            i18nConfig.ribbonIcon,
+            async (evt: MouseEvent) => {
+                // Called when the user clicks the icon.
+                // await this.uploadCommand();
+                await this.commands.ribbonDisplay();
+            }
+        );
+
+        // This adds a status bar item to the bottom of the app. Does not work on mobile apps.
+
+        // const statusBarItemEl = this.addStatusBarItem();
+        // // statusBarItemEl.setText("share to notion");
+
+        // This adds a settings tab so the user can configure various aspects of the plugin
+        this.addSettingTab(new ObsidianSettingTab(this.app, this));
+
+    }
+
+    onunload() {
+    }
+
+    async loadSettings() {
+        this.settings = Object.assign(
+            {},
+            DEFAULT_SETTINGS,
+            await this.loadData()
+        );
+    }
+
+    async saveSettings() {
+        await this.saveData(this.settings);
+    }
+
+}
+
+
+
+
--- a/src/ui/addButton.ts
+++ b/src/ui/addButton.ts
--- a/src/ui/icon.ts
+++ b/src/ui/icon.ts
@@ -0,0 +1,14 @@
+import { addIcon } from 'obsidian';
+
+const icons: Record<string, string> = {
+  'notion-logo': `
+  <!-- License: Apache. Made by lawnchairlauncher: https://github.com/lawnchairlauncher/lawnicons -->
+<svg width="110px" height="110px" viewBox="0 0 192 192" xmlns="http://www.w3.org/2000/svg" fill="none"><path fill="#817f7a" fill-rule="evenodd" d="m138.462 21.522 27.784 19.588.044.033.275.201c1.713 1.256 3.349 2.455 4.452 3.83 1.411 1.76 1.884 3.644 1.884 5.877v104.706c0 3.587-.635 7.178-3.058 9.934-2.451 2.789-6.145 4.067-10.732 4.394l-.018.001-98.629 5.971-.021.001c-3.242.154-6.094.035-8.669-.907-2.688-.984-4.719-2.727-6.604-5.129l-.01-.012-19.979-25.979-.012-.017c-3.81-5.086-5.723-9.348-5.723-14.509V34.509c0-3.12.688-6.394 2.745-9.033 2.124-2.727 5.356-4.328 9.503-4.686l.058-.005 84.854-4.344c5.192-.445 8.938-.576 12.286.185 3.459.787 6.208 2.452 9.57 4.896ZM56.43 157.336h.002v3.3c0 1.904.47 2.337.613 2.452.296.235 1.203.652 3.642.518l97.449-5.371c1.928-.106 2.256-.649 2.348-.801l.005-.008c.29-.476.486-1.407.486-3.357V60.001c0-1.635-.334-2.218-.421-2.327l-.005-.007-.002-.003-.006-.002a.117.117 0 0 1-.012-.004c-.053-.019-.263-.078-.724-.037l-.057.005-101.622 5.668c-.624.056-.973.163-1.152.242-.142.062-.173.104-.181.116l-.002.002c-.066.085-.36.586-.36 2.321v91.361Zm9.085-106.705 87.074-4.506-21.028-15.375-.039-.031c-1.259-.98-2.507-1.854-4.12-2.46-1.588-.597-3.695-.993-6.669-.734l-.05.005-87.009 4.898h-.01a6.453 6.453 0 0 0-.893.116L49.934 48.56c2.037 1.646 3.109 2.146 4.337 2.367 1.538.277 3.52.167 7.722-.115l3.522-.237v.056Zm-34.231-3.586v83.893c0 .538.175 1.061.498 1.49l13.174 17.464V61.224a2.47 2.47 0 0 0-.877-1.889l-.08-.068-12.715-12.222Zm109.871 35.062c.451 2.04 0 4.082-2.041 4.315l-3.393.673v49.881c-2.947 1.586-5.66 2.492-7.927 2.492-3.622 0-4.528-1.134-7.239-4.53l-.003-.003L98.36 100.02v33.78l7.02 1.59s0 4.082-5.664 4.082l-15.615.906c-.455-.91 0-3.176 1.582-3.627l4.078-1.131V90.955l-5.66-.459c-.454-2.04.677-4.987 3.85-5.216l16.754-1.128 23.09 35.367V88.231l-5.885-.677c-.455-2.499 1.356-4.315 3.618-4.536l15.627-.91v-.001Z" clip-rule="evenodd"/></svg>
+  `
+};
+
+export const addIcons = (): void => {
+  Object.keys(icons).forEach((key) => {
+    addIcon(key, icons[key]);
+  });
+};
--- a/src/ui/settingTabs.ts
+++ b/src/ui/settingTabs.ts
@@ -0,0 +1,247 @@
+import { App, PluginSettingTab, Setting } from "obsidian";
+import { i18nConfig } from "../lang/I18n";
+import ObsidianSyncNotionPlugin from "../main";
+
+export interface PluginSettings {
+    NextButton: boolean;
+    notionAPINext: string;
+    databaseIDNext: string;
+    bannerUrl: string;
+    notionUser: string;
+    proxy: string;
+    GeneralButton: boolean;
+	tagButton: boolean;
+    CustomTitleButton: boolean;
+    CustomTitleName: string;
+    notionAPIGeneral: string;
+    databaseIDGeneral: string;
+    CustomButton: boolean;
+    notionAPICustom: string;
+    databaseIDCustom: string;
+    [key: string]: any;
+}
+
+export const DEFAULT_SETTINGS: PluginSettings = {
+    NextButton: true,
+    notionAPINext: "",
+    databaseIDNext: "",
+    bannerUrl: "",
+    notionUser: "",
+    proxy: "",
+    GeneralButton: true,
+	tagButton: true,
+    CustomTitleButton: false,
+    CustomTitleName: "",
+    notionAPIGeneral: "",
+    databaseIDGeneral: "",
+    CustomButton: false,
+    notionAPICustom: "",
+    databaseIDCustom: "",
+};
+
+
+export class ObsidianSettingTab extends PluginSettingTab {
+    plugin: ObsidianSyncNotionPlugin;
+
+    constructor(app: App, plugin: ObsidianSyncNotionPlugin) {
+        super(app, plugin);
+        this.plugin = plugin;
+    }
+
+    display(): void {
+        const { containerEl } = this;
+
+        containerEl.empty();
+
+        // General Settings
+        containerEl.createEl('h2', { text: i18nConfig.GeneralSetting });
+
+        this.createSettingEl(containerEl, i18nConfig.BannerUrl, i18nConfig.BannerUrlDesc, 'text', i18nConfig.BannerUrlText, this.plugin.settings.bannerUrl, 'bannerUrl')
+
+        this.createSettingEl(containerEl, i18nConfig.NotionUser, i18nConfig.NotionUserDesc, 'text', i18nConfig.NotionUserText, this.plugin.settings.notionUser, 'notionUser')
+
+        containerEl.createEl('h2', { text: i18nConfig.NotionNextSettingHeader })
+
+
+        new Setting(containerEl)
+            .setName(i18nConfig.NotionNextButton)
+            .setDesc(i18nConfig.NotionNextButtonDesc)
+            .addToggle((toggle) =>
+                toggle
+                    .setValue(this.plugin.settings.NextButton)
+                    .onChange(async (value) => {
+                        this.plugin.settings.NextButton = value;
+
+                        this.updateSettingEl(notionAPINextEl, value)
+
+                        this.updateSettingEl(databaseIDNextEl, value)
+
+                        await this.plugin.saveSettings();
+                        await this.plugin.commands.updateCommand();
+                    })
+            );
+
+
+        const notionAPINextEl = this.createStyleDiv('api-next', this.plugin.settings.NextButton)
+        this.createSettingEl(notionAPINextEl, i18nConfig.NotionAPI, i18nConfig.NotionAPIDesc, 'password', i18nConfig.NotionAPIText, this.plugin.settings.notionAPINext, 'notionAPINext')
+
+        const databaseIDNextEl = this.createStyleDiv('databaseID-next', this.plugin.settings.NextButton)
+        this.createSettingEl(databaseIDNextEl, i18nConfig.DatabaseID, i18nConfig.NotionAPIDesc, 'password', i18nConfig.DatabaseIDText, this.plugin.settings.databaseIDNext, 'databaseIDNext')
+
+
+        // General Database Settings
+        containerEl.createEl('h2', { text: i18nConfig.NotionGeneralSettingHeader });
+
+        // new Setting(containerEl)
+        //     .setName(i18nConfig.NotYetFinish)
+        new Setting(containerEl)
+            .setName(i18nConfig.NotionGeneralButton)
+            .setDesc(i18nConfig.NotionGeneralButtonDesc)
+            .addToggle((toggle) =>
+                toggle
+                    .setValue(this.plugin.settings.GeneralButton)
+                    .onChange(async (value) => {
+                        this.plugin.settings.GeneralButton = value;
+
+						this.updateSettingEl(tagButtonEl, value)
+                        this.updateSettingEl(CustomTitleEl, value)
+                        // name should follow the result of the title button
+                        if (value) {
+                            this.updateSettingEl(CustomNameEl, this.plugin.settings.CustomTitleButton)
+                        } else {
+                            this.updateSettingEl(CustomNameEl, value)
+                        }
+
+                        this.updateSettingEl(notionAPIGeneralEl, value)
+                        this.updateSettingEl(databaseIDGeneralEl, value)
+
+
+                        await this.plugin.saveSettings();
+                        await this.plugin.commands.updateCommand();
+
+                    })
+            );
+
+		// add the tagButton to control whether to add tags to the general database
+		const tagButtonEl = this.createStyleDiv('tag-button', (this.plugin.settings.GeneralButton && this.plugin.settings.CustomTitleButton));
+		this.createSettingEl(tagButtonEl, i18nConfig.NotionTagButton, i18nConfig.NotionTagButtonDesc, 'toggle', i18nConfig.NotionCustomTitleText, this.plugin.settings.tagButton, 'tagButton')
+
+		// Custom Title Button
+        const CustomTitleEl = this.createStyleDiv('custom-title', this.plugin.settings.GeneralButton);
+        new Setting(CustomTitleEl)
+            .setName(i18nConfig.NotionCustomTitle)
+            .setDesc(i18nConfig.NotionCustomTitleDesc)
+            .addToggle((toggle) =>
+                toggle
+                    .setValue(this.plugin.settings.CustomTitleButton)
+                    .onChange(async (value) => {
+                        this.plugin.settings.CustomTitleButton = value;
+
+                        this.updateSettingEl(CustomNameEl, value)
+
+                        await this.plugin.saveSettings();
+                        await this.plugin.commands.updateCommand();
+                    })
+            );
+
+		// Custom Title Name
+        const CustomNameEl = this.createStyleDiv('custom-name', (this.plugin.settings.CustomTitleButton && this.plugin.settings.GeneralButton));
+        this.createSettingEl(CustomNameEl, i18nConfig.NotionCustomTitleName, i18nConfig.NotionCustomTitleNameDesc, 'text', i18nConfig.NotionCustomTitleText, this.plugin.settings.CustomTitleName, 'CustomTitleName')
+
+        // new Setting(containerEl)
+        // .setName("Convert tags(optional)")
+        // .setDesc("Transfer the Obsidian tags to the Notion table. It requires the column with the name 'Tags'")
+        // .addToggle((toggle) =>
+        // 	toggle
+        // 		.setValue(this.plugin.settings.allowTags)
+        // 		.onChange(async (value) => {
+        // 			this.plugin.settings.allowTags = value;
+        // 			await this.plugin.saveSettings();
+        // 		})
+        // );
+
+        const notionAPIGeneralEl = this.createStyleDiv('api-general', this.plugin.settings.GeneralButton);
+        this.createSettingEl(notionAPIGeneralEl, i18nConfig.NotionAPI, i18nConfig.NotionAPIDesc, 'password', i18nConfig.NotionAPIText, this.plugin.settings.notionAPIGeneral, 'notionAPIGeneral')
+
+
+        const databaseIDGeneralEl = this.createStyleDiv('databaseID-general', this.plugin.settings.GeneralButton);
+        this.createSettingEl(databaseIDGeneralEl, i18nConfig.DatabaseID, i18nConfig.NotionAPIDesc, 'password', i18nConfig.DatabaseIDText, this.plugin.settings.databaseIDGeneral, 'databaseIDGeneral')
+
+        // Custom Database Settings
+
+        // containerEl.createEl('h2', {text: i18nConfig.NotionCustomSettingHeader});
+        //
+        // new Setting(containerEl)
+        // 	.setName(i18nConfig.NotionCustomButton)
+        // 	.setDesc(i18nConfig.NotionCustomButtonDesc)
+        // 	.addToggle((toggle) =>
+        // 		toggle
+        // 			.setValue(this.plugin.settings.CustomButton)
+        // 			.onChange(async (value) => {
+        // 				this.plugin.settings.CustomButton = value;
+        // 				await this.plugin.saveSettings();
+        // 			})
+        // 	);
+    }
+
+    // create a function to create a div with a style for pop over elements
+    private createStyleDiv(className: string, commandValue: boolean = false) {
+        return this.containerEl.createDiv(className, (div) => {
+            this.updateSettingEl(div, commandValue);
+        });
+    }
+    // update the setting display style in the setting tab
+    private updateSettingEl(element: HTMLElement, commandValue: boolean) {
+        element.style.borderTop = commandValue ? "1px solid var(--background-modifier-border)" : "none";
+        element.style.paddingTop = commandValue ? "0.75em" : "0";
+        element.style.display = commandValue ? "block" : "none";
+        element.style.alignItems = "center";
+    }
+
+    // function to add one setting element in the setting tab.
+    private createSettingEl(containerEl: HTMLElement, name: string, desc: string, type: string, placeholder: string, holderValue: any, settingsKey: string) {
+        if (type === 'password') {
+            return new Setting(containerEl)
+                .setName(name)
+                .setDesc(desc)
+                .addText((text) => {
+                    text.inputEl.type = type;
+                    return text
+                        .setPlaceholder(placeholder)
+                        .setValue(holderValue)
+                        .onChange(async (value) => {
+                            this.plugin.settings[settingsKey] = value; // Update the plugin settings directly
+                            await this.plugin.saveSettings();
+                        })
+                });
+        } else if (type === 'toggle') {
+            return new Setting(containerEl)
+                .setName(name)
+                .setDesc(desc)
+                .addToggle((toggle) =>
+                    toggle
+                        .setValue(holderValue)
+                        .onChange(async (value) => {
+                            this.plugin.settings[settingsKey] = value; // Update the plugin settings directly
+                            await this.plugin.saveSettings();
+                            await this.plugin.commands.updateCommand();
+                        })
+                );
+        } else if (type === 'text') {
+            return new Setting(containerEl)
+                .setName(name)
+                .setDesc(desc)
+                .addText((text) =>
+                    text
+                        .setPlaceholder(placeholder)
+                        .setValue(holderValue)
+                        .onChange(async (value) => {
+                            this.plugin.settings[settingsKey] = value; // Update the plugin settings directly
+                            await this.plugin.saveSettings();
+                            await this.plugin.commands.updateCommand();
+                        })
+                );
+        }
+    }
+
+}
--- a/src/upload/updateYaml.ts
+++ b/src/upload/updateYaml.ts
@@ -0,0 +1,51 @@
+import { App, Notice, TFile } from "obsidian";
+import ObsidianSyncNotionPlugin from "../main";
+import { PluginSettings } from "../ui/settingTabs";
+
+export async function updateYamlInfo(
+    yamlContent: string,
+    nowFile: TFile,
+    res: any,
+    app: App,
+    plugin: ObsidianSyncNotionPlugin,
+) {
+    let { url, id } = res.json
+    // replace www to notionID
+    const { notionUser } = plugin.settings;
+
+    if (notionUser !== "") {
+        // replace url str "www" to notionID
+        url = url.replace("www.notion.so", `${notionUser}.notion.site`)
+    }
+
+    await app.fileManager.processFrontMatter(nowFile, yamlContent => {
+        if (yamlContent['notionID']) {
+            delete yamlContent['notionID']
+        }
+        if (yamlContent['link']) {
+            delete yamlContent['link']
+        }
+        // add new notionID and link
+        yamlContent.notionID = id;
+        yamlContent.link = url;
+    });
+
+    try {
+        await navigator.clipboard.writeText(url)
+    } catch (error) {
+        new Notice(`复制链接失败，请手动复制${error}`)
+    }
+    // const __content = yamlContent.__content;
+    // delete yamlContent.__content
+    // const yamlhead = yaml.stringify(yamlContent)
+    // //  if yamlhead hava last \n  remove it
+    // const yamlhead_remove_n = yamlhead.replace(/\n$/, '')
+    // // if __content have start \n remove it
+    // const __content_remove_n = __content.replace(/^\n/, '')
+    // const content = '---\n' +yamlhead_remove_n +'\n---\n' + __content_remove_n;
+    // try {
+    // 	await nowFile.vault.modify(nowFile, content)
+    // } catch (error) {
+    // 	new Notice(`write file error ${error}`)
+    // }
+}
--- a/src/upload/uploadCommand.ts
+++ b/src/upload/uploadCommand.ts
@@ -0,0 +1,80 @@
+import { i18nConfig } from "../lang/I18n";
+import { App, Notice } from "obsidian";
+import { Upload2NotionNext } from "./upload_next/Upload2NotionNext";
+import { Upload2NotionGeneral } from "./upload_general/Upload2NotionGeneral";
+import { PluginSettings } from "../ui/settingTabs";
+import ObsidianSyncNotionPlugin from "../main";
+import { getNowFileMarkdownContentNext } from "./upload_next/getMarkdownNext";
+import { getNowFileMarkdownContentGeneral } from "./upload_general/getMarkdownGeneral";
+
+export async function uploadCommandNext(
+    plugin: ObsidianSyncNotionPlugin,
+    settings: PluginSettings,
+    app: App,
+) {
+
+    const { notionAPINext, databaseIDNext } = settings;
+
+    // Check if NNon exists
+    // if (NNon === undefined) {
+    //     const NNonmessage = i18nConfig.NNonMissing;
+    //     new Notice(NNonmessage);
+    //     return;
+    // }
+
+    // Check if the user has set up the Notion API and database ID
+    if (notionAPINext === "" || databaseIDNext === "") {
+        const setAPIMessage = i18nConfig["set-api-id"];
+        new Notice(setAPIMessage);
+        return;
+    }
+
+    const { markDownData, nowFile, emoji, cover, tags, type, slug, stats, category, summary, paword, favicon, datetime } = await getNowFileMarkdownContentNext(app, settings)
+
+    if (markDownData) {
+        const { basename } = nowFile;
+        const upload = new Upload2NotionNext(plugin);
+        const res = await upload.syncMarkdownToNotionNext(basename, emoji, cover, tags, type, slug, stats, category, summary, paword, favicon, datetime, markDownData, nowFile, this.app);
+
+        if (res.status === 200) {
+            new Notice(`${i18nConfig["sync-success"]}${basename}`);
+        } else {
+            new Notice(`${i18nConfig["sync-fail"]}${basename}`, 5000);
+        }
+
+    }
+}
+
+
+
+export async function uploadCommandGeneral(
+    plugin: ObsidianSyncNotionPlugin,
+    settings: PluginSettings,
+    app: App,
+) {
+
+    const { notionAPIGeneral, databaseIDGeneral } = settings;
+
+    // Check if the user has set up the Notion API and database ID
+    if (notionAPIGeneral === "" || databaseIDGeneral === "") {
+        const setAPIMessage = i18nConfig["set-api-id"];
+        new Notice(setAPIMessage);
+        return;
+    }
+
+    const { markDownData, nowFile, cover, tags } = await getNowFileMarkdownContentGeneral(app, settings)
+
+    if (markDownData) {
+        const { basename } = nowFile;
+
+        const upload = new Upload2NotionGeneral(plugin);
+        const res = await upload.syncMarkdownToNotionGeneral(basename, cover, tags, markDownData, nowFile, this.app);
+
+        if (res.status === 200) {
+            new Notice(`${i18nConfig["sync-success"]}${basename}`);
+        } else {
+            new Notice(`${i18nConfig["sync-fail"]}${basename}`, 5000);
+        }
+
+    }
+}
--- a/src/upload/upload_general/BaseUpload2NotionGeneral.ts
+++ b/src/upload/upload_general/BaseUpload2NotionGeneral.ts
@@ -0,0 +1,90 @@
+import {App, Notice, requestUrl, TFile} from "obsidian";
+import {Client} from '@notionhq/client';
+import {markdownToBlocks,} from "@tryfabric/martian";
+import * as yamlFrontMatter from "yaml-front-matter";
+// import * as yaml from "yaml"
+import MyPlugin from "src/main";
+
+export class UploadBaseGeneral {
+    plugin: MyPlugin;
+    notion: Client;
+    agent: any;
+
+    constructor(plugin: MyPlugin) {
+        this.plugin = plugin;
+    }
+
+    async deletePage(notionID: string) {
+        return requestUrl({
+            url: `https://api.notion.com/v1/blocks/${notionID}`,
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': 'Bearer ' + this.plugin.settings.notionAPINext,
+                'Notion-Version': '2022-06-28',
+            },
+            body: ''
+        });
+    }
+
+    async getDataBase(databaseID: string) {
+        const response = await requestUrl({
+                url: `https://api.notion.com/v1/databases/${databaseID}`,
+                method: 'GET',
+                headers: {
+                    'Authorization': 'Bearer ' + this.plugin.settings.notionAPINext,
+                    'Notion-Version': '2022-06-28',
+                }
+            }
+        )
+
+        // Check if cover is present in the JSON response and then get the URL
+        if (response.json.cover && response.json.cover.external) {
+            return response.json.cover.external.url;
+        } else {
+            return null;  // or some other default value, if you prefer
+        }
+    }
+
+    // async updateYamlInfo(yamlContent: string, nowFile: TFile, res: any, app: App, settings: any) {
+    //     let {url, id} = res.json
+    //     // replace www to notionID
+    //     const {notionUser} = this.plugin.settings;
+    //
+    //     if (notionUser !== "") {
+    //         // replace url str "www" to notionID
+    //         url = url.replace("www.notion.so", `${notionUser}.notion.site`)
+    //     }
+    //
+    //     await app.fileManager.processFrontMatter(nowFile, yamlContent => {
+    //         if (yamlContent['notionID']) {
+    //             delete yamlContent['notionID']
+    //         }
+    //         if (yamlContent['link']) {
+    //             delete yamlContent['link']
+    //         }
+    //         // add new notionID and link
+    //         yamlContent.notionID = id;
+    //         yamlContent.link = url;
+    //     });
+    //
+    //     try {
+    //         await navigator.clipboard.writeText(url)
+    //     } catch (error) {
+    //         new Notice(`复制链接失败，请手动复制${error}`)
+    //     }
+    //     // const __content = yamlContent.__content;
+    //     // delete yamlContent.__content
+    //     // const yamlhead = yaml.stringify(yamlContent)
+    //     // //  if yamlhead hava last \n  remove it
+    //     // const yamlhead_remove_n = yamlhead.replace(/\n$/, '')
+    //     // // if __content have start \n remove it
+    //     // const __content_remove_n = __content.replace(/^\n/, '')
+    //     // const content = '---\n' +yamlhead_remove_n +'\n---\n' + __content_remove_n;
+    //     // try {
+    //     // 	await nowFile.vault.modify(nowFile, content)
+    //     // } catch (error) {
+    //     // 	new Notice(`write file error ${error}`)
+    //     // }
+    // }
+}
--- a/src/upload/upload_general/Upload2NotionGeneral.ts
+++ b/src/upload/upload_general/Upload2NotionGeneral.ts
@@ -0,0 +1,148 @@
+import { App, Notice, requestUrl, TFile } from "obsidian";
+import { Client } from "@notionhq/client";
+import { markdownToBlocks } from "@tryfabric/martian";
+import * as yamlFrontMatter from "yaml-front-matter";
+// import * as yaml from "yaml"
+import MyPlugin from "src/main";
+import { PluginSettings } from "../../ui/settingTabs";
+import { UploadBaseGeneral } from "./BaseUpload2NotionGeneral";
+import { updateYamlInfo } from "../updateYaml";
+
+export class Upload2NotionGeneral extends UploadBaseGeneral {
+	settings: PluginSettings;
+
+	constructor(plugin: MyPlugin) {
+		super(plugin);
+	}
+
+	// 因为需要解析notion的block进行对比，非常的麻烦，
+	// 暂时就直接删除，新建一个page
+	async updatePage(
+		notionID: string,
+		title: string,
+		cover: string,
+		tags: string[],
+		childArr: any,
+	) {
+		await this.deletePage(notionID);
+
+		const databasecover = await this.getDataBase(
+			this.plugin.settings.databaseIDGeneral,
+		);
+
+		if (cover == null) {
+			cover = databasecover;
+		}
+
+		return await this.createPage(title, cover, tags, childArr);
+	}
+
+	async createPage(
+		title: string,
+		cover: string,
+		tags: string[],
+		childArr: any,
+	) {
+		const bodyString: any = {
+			parent: {
+				database_id: this.plugin.settings.databaseIDGeneral,
+			},
+			properties: {
+				[this.plugin.settings.CustomTitleButton
+					? this.plugin.settings.CustomTitleName
+					: "title"]: {
+					title: [
+						{
+							text: {
+								content: title,
+							},
+						},
+					],
+				},
+				...(this.plugin.settings.tagsButton
+					? {
+						tags: {
+							multi_select: tags && true ? tags.map((tag) => ({ name: tag })) : [],
+						},
+					}
+					: {}),
+			},
+			children: childArr,
+		};
+
+		if (cover) {
+			bodyString.cover = {
+				type: "external",
+				external: {
+					url: cover,
+				},
+			};
+		}
+
+		if (!bodyString.cover && this.plugin.settings.bannerUrl) {
+			bodyString.cover = {
+				type: "external",
+				external: {
+					url: this.plugin.settings.bannerUrl,
+				},
+			};
+		}
+
+		try {
+			return await requestUrl({
+				url: `https://api.notion.com/v1/pages`,
+				method: "POST",
+				headers: {
+					"Content-Type": "application/json",
+					// 'User-Agent': 'obsidian.md',
+					Authorization:
+						"Bearer " + this.plugin.settings.notionAPIGeneral,
+					"Notion-Version": "2022-06-28",
+				},
+				body: JSON.stringify(bodyString),
+			});
+		} catch (error) {
+			new Notice(`network error ${error}`);
+		}
+	}
+
+	async syncMarkdownToNotionGeneral(
+		title: string,
+		cover: string,
+		tags: string[],
+		markdown: string,
+		nowFile: TFile,
+		app: App,
+	): Promise<any> {
+		const options = {
+			notionLimits: {
+				truncate: false,
+			}
+		}
+		let res: any;
+		const yamlContent: any = yamlFrontMatter.loadFront(markdown);
+		const __content = yamlContent.__content;
+		const file2Block = markdownToBlocks(__content, options);
+		const frontmasster =
+			app.metadataCache.getFileCache(nowFile)?.frontmatter;
+		const notionID = frontmasster ? frontmasster.notionID : null;
+
+		if (notionID) {
+			res = await this.updatePage(
+				notionID,
+				title,
+				cover,
+				tags,
+				file2Block,
+			);
+		} else {
+			res = await this.createPage(title, cover, tags, file2Block);
+		}
+		if (res.status === 200) {
+			await updateYamlInfo(markdown, nowFile, res, app, this.plugin);
+		} else {
+			new Notice(`${res.text}`);
+		}
+		return res;
+	}
+}
--- a/src/upload/upload_general/getMarkdownGeneral.ts
+++ b/src/upload/upload_general/getMarkdownGeneral.ts
@@ -0,0 +1,33 @@
+import {App, Notice} from "obsidian";
+import {i18nConfig} from "../../lang/I18n";
+import {PluginSettings} from "../../ui/settingTabs";
+
+export async function getNowFileMarkdownContentGeneral(
+    app: App,
+    settings: PluginSettings,
+) {
+    const nowFile = app.workspace.getActiveFile();
+    let cover = '';
+    let tags = [];
+
+    const FileCache = app.metadataCache.getFileCache(nowFile);
+    try {
+            cover = FileCache.frontmatter.coverurl;
+            tags = FileCache.frontmatter.tags;
+    } catch (error) {
+        new Notice(i18nConfig["set-tags-fail"]);
+    }
+
+    if (nowFile) {
+        const markDownData = await nowFile.vault.read(nowFile);
+        return {
+            markDownData,
+            nowFile,
+            cover,
+            tags,
+        };
+    } else {
+        new Notice(i18nConfig["open-file"]);
+        return;
+    }
+}
--- a/src/upload/upload_next/BaseUpload2NotionNext.ts
+++ b/src/upload/upload_next/BaseUpload2NotionNext.ts
@@ -0,0 +1,90 @@
+import { App, Notice, requestUrl, TFile } from "obsidian";
+import { Client } from '@notionhq/client';
+import { markdownToBlocks, } from "@tryfabric/martian";
+import * as yamlFrontMatter from "yaml-front-matter";
+// import * as yaml from "yaml"
+import MyPlugin from "src/main";
+
+export class UploadBaseNext {
+    plugin: MyPlugin;
+    notion: Client;
+    agent: any;
+
+    constructor(plugin: MyPlugin) {
+        this.plugin = plugin;
+    }
+
+    async deletePage(notionID: string) {
+        return requestUrl({
+            url: `https://api.notion.com/v1/blocks/${notionID}`,
+            method: 'DELETE',
+            headers: {
+                'Content-Type': 'application/json',
+                'Authorization': 'Bearer ' + this.plugin.settings.notionAPINext,
+                'Notion-Version': '2022-06-28',
+            },
+            body: ''
+        });
+    }
+
+    async getDataBase(databaseID: string) {
+        const response = await requestUrl({
+            url: `https://api.notion.com/v1/databases/${databaseID}`,
+            method: 'GET',
+            headers: {
+                'Authorization': 'Bearer ' + this.plugin.settings.notionAPINext,
+                'Notion-Version': '2022-06-28',
+            }
+        }
+        )
+
+        // Check if cover is present in the JSON response and then get the URL
+        if (response.json.cover && response.json.cover.external) {
+            return response.json.cover.external.url;
+        } else {
+            return null;  // or some other default value, if you prefer
+        }
+    }
+
+    // async updateYamlInfo(yamlContent: string, nowFile: TFile, res: any, app: App, settings: any) {
+    //     let {url, id} = res.json
+    //     // replace www to notionID
+    //     const { notionUser} = this.plugin.settings;
+    //
+    //     if (notionUser !== "") {
+    //         // replace url str "www" to notionID
+    //         url = url.replace("www.notion.so", `${notionUser}.notion.site`)
+    //     }
+    //
+    //     await app.fileManager.processFrontMatter(nowFile, yamlContent => {
+    //         if (yamlContent['notionID']) {
+    //             delete yamlContent['notionID']
+    //         }
+    //         if (yamlContent['link']) {
+    //             delete yamlContent['link']
+    //         }
+    //         // add new notionID and link
+    //         yamlContent.notionID = id;
+    //         yamlContent.link = url;
+    //     });
+    //
+    //     try {
+    //         await navigator.clipboard.writeText(url)
+    //     } catch (error) {
+    //         new Notice(`复制链接失败，请手动复制${error}`)
+    //     }
+    //     // const __content = yamlContent.__content;
+    //     // delete yamlContent.__content
+    //     // const yamlhead = yaml.stringify(yamlContent)
+    //     // //  if yamlhead hava last \n  remove it
+    //     // const yamlhead_remove_n = yamlhead.replace(/\n$/, '')
+    //     // // if __content have start \n remove it
+    //     // const __content_remove_n = __content.replace(/^\n/, '')
+    //     // const content = '---\n' +yamlhead_remove_n +'\n---\n' + __content_remove_n;
+    //     // try {
+    //     // 	await nowFile.vault.modify(nowFile, content)
+    //     // } catch (error) {
+    //     // 	new Notice(`write file error ${error}`)
+    //     // }
+    // }
+}
--- a/src/upload/upload_next/Upload2NotionNext.ts
+++ b/src/upload/upload_next/Upload2NotionNext.ts
@@ -0,0 +1,262 @@
+import { UploadBaseNext } from "./BaseUpload2NotionNext";
+import { App, Notice, requestUrl, TFile } from "obsidian";
+import { Client } from '@notionhq/client';
+import { markdownToBlocks, } from "@tryfabric/martian";
+import * as yamlFrontMatter from "yaml-front-matter";
+// import * as yaml from "yaml"
+import MyPlugin from "src/main";
+import { PluginSettings } from "../../ui/settingTabs";
+import { updateYamlInfo } from "../updateYaml";
+
+export class Upload2NotionNext extends UploadBaseNext {
+    settings: PluginSettings;
+
+    constructor(plugin: MyPlugin) {
+        super(plugin);
+    }
+
+    // 因为需要解析notion的block进行对比，非常的麻烦，
+    // 暂时就直接删除，新建一个page
+    async updatePage(
+        notionID: string,
+        title: string,
+        emoji: string,
+        cover: string,
+        tags: string[],
+        type: string,
+        slug: string,
+        stats: string,
+        category: string,
+        summary: string,
+        paword: string,
+        favicon: string,
+        datetime: string,
+        childArr: any
+    ) {
+        await this.deletePage(notionID)
+
+        const databasecover = await this.getDataBase(this.plugin.settings.databaseIDNext)
+
+        if (cover == null) {
+            cover = databasecover
+        }
+
+        return await this.createPage(
+            title,
+            emoji,
+            cover,
+            tags,
+            type,
+            slug,
+            stats,
+            category,
+            summary,
+            paword,
+            favicon,
+            datetime,
+            childArr)
+    }
+
+    async createPage(
+        title: string,
+        emoji: string,
+        cover: string,
+        tags: string[],
+        type: string,
+        slug: string,
+        stats: string,
+        category: string,
+        summary: string,
+        pawrod: string,
+        favicon: string,
+        datetime: string,
+        childArr: any
+    ) {
+        const bodyString: any = {
+            parent: {
+                database_id: this.plugin.settings.databaseIDNext
+            },
+            icon: {
+                emoji: emoji || '📜'
+            },
+            properties: {
+                title: {
+                    title: [
+                        {
+                            text: {
+                                content: title
+                            },
+                        },
+                    ],
+                },
+                tags: {
+                    multi_select: tags && true ? tags.map(tag => {
+                        return { "name": tag }
+                    }) : [],
+                },
+                type: {
+                    select: {
+                        name: type || 'Post'
+                    }
+                },
+                slug: {
+                    rich_text: [
+                        {
+                            text: {
+                                content: slug || ''
+                            }
+                        }
+                    ]
+                },
+                status: {
+                    select: {
+                        name: stats || 'Draft'
+                    }
+                },
+                category: {
+                    select: {
+                        name: category || 'Obsidian'
+                    }
+                },
+                summary: {
+                    rich_text: [
+                        {
+                            text: {
+                                content: summary || ''
+                            }
+                        }
+                    ]
+                },
+                password: {
+                    rich_text: [
+                        {
+                            text: {
+                                content: pawrod || ''
+                            }
+                        }
+                    ]
+                },
+                icon: {
+                    rich_text: [
+                        {
+                            text: {
+                                content: favicon || ''
+                            }
+                        }
+                    ]
+                },
+                date: {
+                    date: {
+                        start: datetime || new Date().toISOString()
+                    }
+                }
+            },
+            children: childArr,
+        }
+        if (cover) {
+            bodyString.cover = {
+                type: "external",
+                external: {
+                    url: cover
+                }
+            }
+        }
+
+        if (!bodyString.cover && this.plugin.settings.bannerUrl) {
+            bodyString.cover = {
+                type: "external",
+                external: {
+                    url: this.plugin.settings.bannerUrl
+                }
+            }
+        }
+
+        try {
+            return await requestUrl({
+                url: `https://api.notion.com/v1/pages`,
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                    // 'User-Agent': 'obsidian.md',
+                    'Authorization': 'Bearer ' + this.plugin.settings.notionAPINext,
+                    'Notion-Version': '2022-06-28',
+                },
+                body: JSON.stringify(bodyString),
+            })
+        } catch (error) {
+            new Notice(`network error ${error}`)
+        }
+    }
+
+    async syncMarkdownToNotionNext(
+        title: string,
+        emoji: string,
+        cover: string,
+        tags: string[],
+        type: string,
+        slug: string,
+        stats: string,
+        category: string,
+        summary: string,
+        paword: string,
+        favicon: string,
+        datetime: string,
+        markdown: string,
+        nowFile: TFile,
+        app: App,
+    ): Promise<any> {
+		const options = {
+			notionLimits: {
+				truncate: false,
+			}
+		}
+        let res: any
+        const yamlContent: any = yamlFrontMatter.loadFront(markdown);
+        const __content = yamlContent.__content
+        const file2Block = markdownToBlocks(__content, options);
+        const frontmasster = app.metadataCache.getFileCache(nowFile)?.frontmatter
+        const notionID = frontmasster ? frontmasster.notionID : null
+
+        if (notionID) {
+            res = await this.updatePage(
+                notionID,
+                title,
+                emoji,
+                cover,
+                tags,
+                type,
+                slug,
+                stats,
+                category,
+                summary,
+                paword,
+                favicon,
+                datetime,
+                file2Block
+            );
+        } else {
+            res = await this.createPage(
+                title,
+                emoji,
+                cover,
+                tags,
+                type,
+                slug,
+                stats,
+                category,
+                summary,
+                paword,
+                favicon,
+                datetime,
+                file2Block
+            );
+        }
+        if (res.status === 200) {
+            await updateYamlInfo(markdown, nowFile, res, app, this.plugin)
+        } else {
+            new Notice(`${res.text}`)
+        }
+        return res
+    }
+}
+
--- a/src/upload/upload_next/getMarkdownNext.ts
+++ b/src/upload/upload_next/getMarkdownNext.ts
@@ -0,0 +1,59 @@
+import { App, Notice } from "obsidian";
+import { i18nConfig } from "../../lang/I18n";
+import { PluginSettings } from "../../ui/settingTabs";
+
+export async function getNowFileMarkdownContentNext(
+    app: App,
+    settings: PluginSettings,
+) {
+    const nowFile = app.workspace.getActiveFile();
+    let emoji = '';
+    let cover = '';
+    let tags = [];
+    let type = '';
+    let slug = '';
+    let stats = '';
+    let category = '';
+    let summary = '';
+    let paword = '';
+    let favicon = '';
+    let datetime = '';
+
+    const FileCache = app.metadataCache.getFileCache(nowFile);
+    try {
+        emoji = FileCache.frontmatter.titleicon;
+        cover = FileCache.frontmatter.coverurl;
+        tags = FileCache.frontmatter.tags;
+        type = FileCache.frontmatter.type;
+        slug = FileCache.frontmatter.slug;
+        stats = FileCache.frontmatter.stats;
+        category = FileCache.frontmatter.category;
+        summary = FileCache.frontmatter.summary;
+        paword = FileCache.frontmatter.password;
+        favicon = FileCache.frontmatter.icon;
+        datetime = FileCache.frontmatter.date;
+    } catch (error) {
+        new Notice(i18nConfig["set-tags-fail"]);
+    }
+    if (nowFile) {
+        const markDownData = await nowFile.vault.read(nowFile);
+        return {
+            markDownData,
+            nowFile,
+            emoji,
+            cover,
+            tags,
+            type,
+            slug,
+            stats,
+            category,
+            summary,
+            paword,
+            favicon,
+            datetime,
+        };
+    } else {
+        new Notice(i18nConfig["open-file"]);
+        return;
+    }
+}
--- a/styles.css
+++ b/styles.css
@@ -1,4 +0,0 @@
-/* Sets all the text color to red! */
-/* body {
-    color: red;
-} */
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -17,6 +17,8 @@
    ]
  },
  "include": [
-    "**/*.ts"
-, "Upload2Notion.ts"  ]
+    "**/*.ts",
+    "src/Upload2Notion.ts",
+    "src/*.ts"
+  ]
 }
--- a/update-version.js
+++ b/update-version.js
@@ -0,0 +1,24 @@
+// update package.json version
+import fs from "fs";
+
+const packageJson = JSON.parse(fs.readFileSync("./package.json", "utf8"));
+
+console.log(packageJson.version);
+
+// get node args
+const args = process.argv.slice(2);
+
+packageJson.version = args[0];
+
+console.log(packageJson.version);
+
+// write package.json
+fs.writeFileSync("./package.json", JSON.stringify(packageJson, null, 2));
+
+// read manifest.json
+const manifestJson = JSON.parse(fs.readFileSync("./manifest.json", "utf8"));
+
+manifestJson.version = args[0];
+
+// write manifest.json
+fs.writeFileSync("./manifest.json", JSON.stringify(manifestJson, null, 2));
--- a/yarn.lock
+++ b/yarn.lock
Author	SHA1	Message	Date
Jiaxin Peng	040b72b760	Update version to 1.1.0	2023-11-20 22:01:20 +00:00
Jiaxin Peng	7df4b5e9c8	Merge pull request #9 from jxpeng98/package-test package update and add tag syncing button	2023-11-20 21:59:53 +00:00
Jiaxin Peng	3f35a56b6e	rebuild the locale file and add tag button to control tag syncing function	2023-11-20 21:57:30 +00:00
Jiaxin Peng	3c7e266a35	setting tab bug fix	2023-11-20 17:07:04 +00:00
Jiaxin Peng	8201c706ea	remove block limit and update packages	2023-11-16 21:09:31 +00:00
Jiaxin Peng	4433ea449d	Update version to 1.0.1	2023-11-16 13:55:14 +00:00
Jiaxin Peng	96126d1334	Jump to version 1.0.0	2023-11-16 13:32:07 +00:00
Jiaxin Peng	b3702a9cc1	Update version to 1.0.0	2023-11-16 13:29:29 +00:00
Jiaxin Peng	ba9b477db7	Update version to 0.2.7	2023-11-16 13:27:48 +00:00
Jiaxin Peng	fb6951cfdf	Update version to 0.3.5	2023-11-16 13:25:56 +00:00
Jiaxin Peng	6454c0417d	Update version to 0.3.4	2023-11-16 13:10:53 +00:00
Jiaxin Peng	35f19a9f43	modify the action file	2023-11-16 13:10:27 +00:00
Jiaxin Peng	8e32e8f0f5	Update version to 0.3.3	2023-11-16 12:59:41 +00:00
Jiaxin Peng	880f256ae1	Update version to 0.3.2	2023-11-16 12:55:01 +00:00
Jiaxin Peng	bf9c3f2933	Update version to 0.3.1	2023-11-16 11:58:58 +00:00
Jiaxin Peng	2ac354299a	update action file	2023-11-16 11:58:44 +00:00
Jiaxin Peng	8317abb667	Update version to 0.3.0	2023-11-16 11:50:36 +00:00
Jiaxin Peng	d74634aca6	Merge pull request #7 from jxpeng98/custom-title Custom title	2023-11-16 11:48:14 +00:00
Jiaxin Peng	d400b92263	update readme	2023-11-16 11:44:45 +00:00
Jiaxin Peng	e7fa597e5a	update translate	2023-11-16 11:14:19 +00:00
Jiaxin Peng	6ce689ba96	complete the basic customisation feature	2023-11-16 01:00:52 +00:00
Jiaxin Peng	b978cf7e01	complete the setting ui	2023-11-16 00:02:35 +00:00
Jiaxin Peng	4e3c88f129	reorganise the code for add new setting container	2023-11-15 12:25:30 +00:00
Jiaxin Peng	6550bca70f	reorganise the setting coding	2023-11-15 09:34:22 +00:00
Jiaxin Peng	662edbb84c	remove the collapse details	2023-11-15 00:16:19 +00:00
Jiaxin Peng	671936ee41	add some details for collapse	2023-11-15 00:15:52 +00:00
Jiaxin Peng	2b16ea76c6	update the setting ui	2023-11-14 23:27:38 +00:00
Jiaxin Peng	399a02187f	update packages and complete the setting UI	2023-11-14 15:42:30 +00:00
Jiaxin Peng	eee349509a	Update version to 0.2.6	2023-11-12 21:02:00 +00:00
Jiaxin Peng	57c0941fed	Merge pull request #6 from jxpeng98/add-button Add switch button	2023-11-12 21:00:43 +00:00
Jiaxin Peng	8734af6dbf	add switch button	2023-11-12 20:59:39 +00:00
Jiaxin Peng	041a78fb52	add button to display the command in the command palette	2023-11-11 00:29:35 +00:00
Jiaxin Peng	afec5d8364	Update version to 0.2.5	2023-11-05 20:49:28 +00:00
Jiaxin Peng	75926a38d4	Update version to 0.2.4	2023-11-05 20:46:42 +00:00
Jiaxin Peng	793dd67e0a	Update version to 0.2.3	2023-11-05 20:44:51 +00:00
Jiaxin Peng	f235c80d18	update readme	2023-11-05 20:44:42 +00:00
Jiaxin Peng	f33315a4b6	fix github action bug	2023-11-05 20:43:47 +00:00
Jiaxin Peng	b62bd4ba2e	Update version to 0.2.2	2023-11-05 17:58:19 +00:00
Jiaxin Peng	402d15a38b	Merge pull request #5 from jxpeng98/general-database General database	2023-11-05 17:57:21 +00:00
Jiaxin Peng	87f1ce0146	update readme and settingtabs	2023-11-05 17:50:51 +00:00
Jiaxin Peng	398b785e03	update the script and support both notionnext and general database	2023-11-05 17:32:10 +00:00
Jiaxin Peng	8617878582	restructure the code for further feature	2023-11-04 22:37:02 +00:00
Jiaxin Peng	ae9e0c14fb	modify the directory structure and rename the function	2023-11-02 14:32:25 +00:00
Jiaxin Peng	9be9b18efb	Update version to 0.2.0	2023-11-01 23:24:34 +00:00
Jiaxin Peng	588f57205b	Modified the template and rebuilt the interactive logic	2023-11-01 23:24:18 +00:00
Jiaxin Peng	cfbedea91d	Update version to 0.1.10	2023-11-01 10:32:35 +00:00
Jiaxin Peng	4cd6557444	chinese support in settings	2023-11-01 10:32:22 +00:00
Jiaxin Peng	407688c303	Update version to 0.1.9	2023-11-01 09:53:29 +00:00
Jiaxin Peng	84b998aa93	initialise the NNon value and add i18n	2023-11-01 09:53:14 +00:00
Jiaxin Peng	4b6f1a1f1d	Update version to 0.1.8	2023-10-31 23:56:50 +00:00
Jiaxin Peng	4a2c59d13b	Update version to 0.1.7	2023-10-11 23:05:46 +01:00
Jiaxin Peng	8f116956ce	Update version to 0.1.6	2023-09-28 12:00:40 +01:00
Jiaxin Peng	df138d9304	Update version to 0.1.5	2023-08-29 15:18:41 +01:00
Jiaxin Peng	49b8d470fb	Update version to 0.1.4	2023-08-29 14:48:50 +01:00
Jiaxin Peng	c39323c3fa	Update version to 0.1.3	2023-08-29 14:29:42 +01:00
Jiaxin Peng	05dff7a389	Update version to 0.1.2	2023-08-29 14:28:22 +01:00
Jiaxin Peng	24fcadbc8b	modify the action	2023-08-29 14:27:10 +01:00
Jiaxin Peng	fdb81f76a7	Update version to 0.1.1	2023-08-29 14:21:12 +01:00
Jiaxin Peng	024b7f726e	Update version to 0.1.0	2023-08-29 13:39:52 +01:00
Jiaxin Peng	722ca7bb56	update packages and modify upload2notion	2023-08-29 13:39:36 +01:00
Jiaxin Peng	fb7294d607	Update version to 0.0.9	2023-08-11 23:11:24 +01:00
Jiaxin Peng	4f06d81588	change colour and size for the icon	2023-08-11 23:11:02 +01:00
Jiaxin Peng	2434ddd532	fix the notification bug	2023-08-10 23:20:26 +01:00
Jiaxin Peng	55804e491a	modify the cover image url setting	2023-08-10 22:50:48 +01:00
Jiaxin Peng	679e7ec4f1	add support for cover image and title icon	2023-08-10 22:04:57 +01:00
Jiaxin Peng	9be679f456	amend the template	2023-08-10 09:44:06 +01:00
Jiaxin Peng	a0f5d2d51b	update the notion version	2023-08-10 09:30:27 +01:00
Jiaxin Peng	a68a3920ad	minor update	2023-08-10 09:26:50 +01:00
Jiaxin Peng	76d3fc9872	Update version to 0.0.3	2023-08-10 09:15:26 +01:00
Jiaxin Peng	e3fb50b205	Update version to 0.0.2	2023-08-10 09:07:22 +01:00
Jiaxin Peng	5411b0bac6	Update version to 0.0.2	2023-08-10 09:02:51 +01:00
Jiaxin Peng	f974d6dc66	Update version to 0.0.1	2023-08-09 22:12:14 +01:00
Jiaxin Peng	de110334e6	Update version to 0.02	2023-08-09 22:11:44 +01:00
Jiaxin Peng	d8c8e78625	Update version to	2023-08-09 22:04:47 +01:00
Jiaxin Peng	feab049033	Update version to	2023-08-09 21:36:54 +01:00
Jiaxin Peng	04d73fdccc	Merge pull request #4 from jxpeng98/test-date complete the code	2023-08-09 20:42:17 +01:00
Jiaxin Peng	f4ab15c0d5	complete the code	2023-08-09 20:41:32 +01:00
Jiaxin Peng	0bd4427f7a	Merge pull request #3 from jxpeng98/password-test update the function of password and icon	2023-08-09 20:29:35 +01:00
Jiaxin Peng	221cf62fcc	update the function of password and icon	2023-08-09 20:15:47 +01:00
Jiaxin Peng	7a2610c4b9	Merge pull request #2 from jxpeng98/test-status Test status	2023-08-09 19:48:27 +01:00
Jiaxin Peng	f9f30df7ea	successful category and summary	2023-08-09 19:48:03 +01:00
Jiaxin Peng	1d22f2e741	success status	2023-08-09 19:41:08 +01:00
Jiaxin Peng	935ecacd2b	Merge pull request #1 from jxpeng98/test-slug Test slug	2023-08-09 19:33:01 +01:00
Jiaxin Peng	6724399628	successful build for type and slug	2023-08-09 19:32:25 +01:00
Jiaxin Peng	8fd6f7c701	add type and slug	2023-08-09 16:50:03 +01:00
chris	f3e3ccdeb1	Update version to 0.7.6	2023-01-01 14:02:15 +08:00
chris	c65cb6a4df	Fixed tags	2023-01-01 14:01:39 +08:00
chris	7c3028dd63	Update version to 0.7.5	2023-01-01 12:34:12 +08:00
chris	d2a40694e3	Fixed tags bug	2023-01-01 12:34:10 +08:00
chris	9f7298a880	Update version to 0.7.4	2023-01-01 11:53:53 +08:00
chris	b8860beb85	Fixed tags bug	2023-01-01 11:53:47 +08:00
chris	5e8c8f6f63	Update version to 0.7.3	2023-01-01 11:44:31 +08:00
chris	1887ad8f3d	Fixed tags bug	2023-01-01 11:44:18 +08:00
chris	517426ea7a	Update version to 0.7.2	2022-12-19 21:07:34 +08:00
chris	b6d5ff0093	Fixed error: when switch tags is null	2022-12-19 21:07:26 +08:00
chris	41ebff9067	Update version to 0.7.1	2022-12-18 11:37:11 +08:00
Easy	96b83b6da0	Merge pull request #35 from jannikbuscha/master fix: error if no tags but option enabled	2022-12-18 11:36:29 +08:00
Jannik \| Kuqs	63ded7d50e	fix: error if no tags but option enabled	2022-12-17 17:10:22 +01:00
chris	8ef9a007e3	Merge custion tags usage	2022-12-17 14:29:34 +08:00
chris	2d57952c38	Added tags show	2022-12-17 14:26:04 +08:00
chris	e3a74d61cc	Added tags usage and thanks for jannikbuscha	2022-12-17 12:26:42 +08:00
chris	47e902a6ee	Update version to 0.7.0	2022-12-17 12:17:51 +08:00
Easy	098110d9ba	Merge pull request #34 from jannikbuscha/master feat: convert tags support	2022-12-17 12:16:27 +08:00
Jannik \| Kuqs	82629c122f	feat: convert tags support	2022-12-16 16:29:35 +01:00
chris	7be8f1c799	Added error delay to 3000 and add some readme to dev	2022-12-14 12:09:46 +08:00
chris	df58b7acb6	Fixed new integration	2022-09-15 16:43:05 +08:00
chris	0fedf4e83f	Update version to 0.6.9	2022-08-22 09:50:36 +08:00
chris	444ccfcd0f	Update version to 0.6.8	2022-08-22 09:36:17 +08:00
chris	05a8b789d9	Fixed delete old page	2022-08-22 09:35:52 +08:00
chris	d845dc7945	Added upload image readme	2022-07-23 09:45:34 +08:00
chris	26a326bb0d	Update readme	2022-07-01 13:36:33 +08:00
chris	539a2d1731	Added market download	2022-06-28 21:44:44 +08:00
chris	3eb9b0305a	Added market download	2022-06-28 21:42:59 +08:00
chris	a6df90dc56	Update version to 0.6.7	2022-06-22 21:36:55 +08:00
chris	46e5477509	Refactor password and notice	2022-06-22 21:36:42 +08:00
chris	2364a6c756	Update readme	2022-06-18 10:23:06 +08:00
chris	21133862ff	Update readme	2022-06-18 09:50:17 +08:00
chris	68a0796e9b	Update readme	2022-06-18 09:47:10 +08:00
chris	058d45e834	Update version to 0.6.6	2022-06-18 09:35:28 +08:00
chris	fdc0b3e756	Update version to 0.6.5	2022-06-18 09:09:40 +08:00
chris	27d88a9b94	Update support mobile	2022-06-18 09:09:27 +08:00
chris	089dca83bb	Update version to 0.6.3	2022-06-18 00:16:32 +08:00
chris	fc0954540a	Update version to 0.6.2	2022-06-18 00:12:40 +08:00
chris	f3fe8e7835	Added right share url link	2022-06-18 00:12:36 +08:00
chris	f60bc598a8	Update version to 0.6.1	2022-06-17 23:55:16 +08:00
chris	0752c5bbd9	Added right share url link	2022-06-17 23:55:07 +08:00
chris	22f12063e4	Update version to 0.6.0	2022-06-17 23:54:09 +08:00
chris	e2defbd248	Update readme	2022-06-17 23:53:58 +08:00
chris	0b7d5b3435	Added right share url link	2022-06-17 23:47:38 +08:00
chris	2a4e03e319	Update use file modify instead of fs write	2022-06-17 23:11:38 +08:00
chris	c0d9f41555	Update use file modify instead of fs write	2022-06-17 23:10:37 +08:00
chris	bc65eb2781	Update use file modify instead of fs write	2022-06-17 23:09:14 +08:00
chris	22d2f79612	Fixed pull requests and Added api error alert	2022-06-17 22:18:39 +08:00
chris	c62482d83b	uodate readme add todo board	2022-06-01 21:00:12 +08:00
chris	bf512fe2a3	Update readme with banner option	2022-05-26 15:41:11 +08:00
chris	ae7a9ac6cf	Update license	2022-05-26 09:56:33 +08:00
chris	595935ffae	Added new lang config and remove no use clg	2022-05-25 15:21:29 +08:00
chris	cf3129b90b	Update version to 0.5.6	2022-05-25 15:14:56 +08:00
chris	6d5ece76b6	Added auto copy share link to clipboard	2022-05-25 15:14:31 +08:00
chris	021584dac6	Update version to 0.5.5	2022-05-25 14:54:15 +08:00
chris	e6fc5e522b	Remove styless.css	2022-05-25 14:54:06 +08:00
chris	e6099a94d5	Update version to 0.5.3	2022-05-25 14:50:13 +08:00
chris	04b8ba65de	Added styles.css	2022-05-25 14:49:36 +08:00
chris	43a7165983	Update version to 0.5.2	2022-05-25 14:47:45 +08:00
chris	3740680bdd	Update version to 0.5.1	2022-05-25 14:45:06 +08:00
chris	5ac25c3de9	Added style.css	2022-05-25 14:43:57 +08:00
chris	8bc84b8d61	Update version to 0.5.0	2022-05-25 14:41:12 +08:00
chris	7aae1b23e9	Added mult language show error and notice	2022-05-25 14:40:51 +08:00
chris	511a3e2289	Added update	2022-05-25 14:15:09 +08:00
chris	22bf322127	Remove no-used styles.css	2022-05-24 21:58:45 +08:00
chris	4497d9cd7f	Added feature	2022-05-24 20:15:46 +08:00
chris	d4aeaaa0f9	Update version to 0.3.8	2022-05-24 18:03:07 +08:00
chris	bf6ef7af0c	Added custom banner url	2022-05-24 18:02:52 +08:00
chris	27c8e0f610	Added custom banner url	2022-05-24 18:00:44 +08:00
chris	c9a5c72c6c	Added desk only	2022-05-24 16:31:42 +08:00
chris	7bc0b43d4f	Update chinese doc	2022-05-24 15:55:10 +08:00
chris	d5f908ed34	Remove main.js	2022-05-24 15:53:30 +08:00
chris	f87e024e77	Added README	2022-05-24 15:52:14 +08:00
chris	e667bec7e0	Added README	2022-05-24 15:51:46 +08:00
chris	845cb7bf66	Update version to 0.3.7	2022-05-24 15:42:12 +08:00
chris	7d096e1cfb	Added Ci	2022-05-24 15:41:36 +08:00
chris	f3346c455e	Added workflows CI	2022-05-24 15:40:51 +08:00
chris	208fb40f72	Added english readme	2022-05-24 15:30:45 +08:00
chris	e3669e7a83	Added auto shell	2022-05-24 15:23:43 +08:00
chris	617bb370dc	FIxed BRAT download	2022-05-24 15:13:42 +08:00
chris	310cf3043c	FIxed some bug	2022-05-24 14:56:18 +08:00
chris	c701acbfaa	Added ignore	2022-05-24 14:40:36 +08:00
chris	d8c755cfce	remove package lock	2022-05-24 14:38:02 +08:00