https://github.com/octetdesign/notion-daily-note

Notion Daily Note(VSCode Extension)
https://github.com/octetdesign/notion-daily-note

vscode vscode-extension

Last synced: about 1 month ago
JSON representation

Notion Daily Note(VSCode Extension)

• Host: GitHub
• URL: https://github.com/octetdesign/notion-daily-note
• Owner: octetdesign
• License: mit
• Created: 2024-12-15T13:45:21.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-15T15:26:50.000Z (about 2 months ago)
• Last Synced: 2024-12-15T15:32:12.980Z (about 2 months ago)
• Topics: vscode, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=octetdesign.notion-daily-note
• Size: 59.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Notion Daily Note

選択範囲のテキストを日付毎の Notion ページに書き込む Visual Studio Code の機能拡張です。

## 特徴

- エディタで選択したテキストを Notion ページに書き込みます。

- テキストは以下の３つの方法で書き込むことができます。

  - Markdown を Notion の見出しやリスト、テーブル等に変換して書き込む

  - 装飾のない単純なテキストとして書き込む

  - 開いているエディタの言語に応じたコードブロックとして書き込む

- 書き込む先の Notion ページは日付毎に自動作成されます。（カレンダービューのデータベースに日付毎のページが自動追加されます。）

- テキストと一緒にタイムスタンプを書き込むことができます。

## 使い方

1. エディタでテキストを選択してコマンドパレットから以下のコマンドを実行します。

   - `選択範囲をNotionに書き込む（Markdownが有効）`: エディタで選択したテキストを Notion ページに書き込みます。テキスト内の Markdown は Notion の見出しやリスト、テーブル等に変換されて書き込まれます。

   - `選択範囲をテキストでNotionに書き込む`: エディタで選択したテキストを Notion ページに書き込みます。

   - `選択範囲をコードブロックでNotionに書き込む`: エディタで選択したテキストをコードブロックで Notion ページに書き込みます。

1. 日付毎の Notion ページが作成され、テキストまたはコードブロックが書き込まれます。

   - 日付が変わるまでは同じページにテキストが追加されます。

## 設定

### Notion 側の設定

#### インテグレーションの設定（API キーの取得）

Notion のサイトで VS Code と Notion を連携させるために必要な「インテグレーション」を作成します。

[インテグレーション | Notion](https://www.notion.so/profile/integrations)

インテグレーションの名前は何でも構わないのでお好みで。（例：「VS Code」）

> Tip: 作成したインテグレーションの「内部インテグレーションシークレット」（API キー）を機能拡張に設定することになるので、インテグレーション作成後にページを閉じないようにしておいて下さい。

#### データベースページの作成

1. Notion で任意のページを作成します。（ページタイトルの例：「メモ」）

2. 作成したページにデータベース「カレンダービュー」を追加します。

3. 作成したデータベースをフルスクリーン表示します。

4. 右上の「…」から「コネクト > 接続先」を選択し、事前に作成したインテグレーションを選択します。

> Tip: 作成したデータベースページの URL も機能拡張に設定します。この URL は右上の「…」から「リンクをコピー」で取得できます。

### Visual Studio Code 側の設定

Notion Daily Note の設定項目です。

- `notion-daily-note.apiKey`: Notion の API キーを設定します。

- `notion-daily-note.databasePageUrl`: データベースページの URL を指定します。

- `notion-daily-note.writeTimestamp`: テキストと一緒にタイムスタンプを書き込みます。

- `notion-daily-note.timestampColor`": タイムスタンプの色。

- `notion-daily-note.dateFormat`: 日付のフォーマット。ページのタイトルに使用されます。 ※書式： https://date-fns.org/v4.1.0/docs/format

- `notion-daily-note.timestampFormat`: タイムスタンプのフォーマット。 ※書式： https://date-fns.org/v4.1.0/docs/format