Notion Block Preview

H1 tag

H2 tag

H3 tag

Bookmark

Notion API と Next.js / Tailwind CSS による本格ブログ

bookmark favicon image

https://blog.ec-maker.com/

bookmark ogp image

notion-blogをはじめる | EC maker

notion-blog の種類一大ムーブメント　みなさｍ色々やられています。 GitHub Topics as "notion-blog"notion-blog-nextjs (始祖1)(shinさんの解説つき)...

bookmark favicon image

https://blog.ec-maker.com/posts/notion-blog_getting-started

bookmark ogp image

二次元プロフ画像作成アイコン作成 | EC maker

1. 自撮り撮影2. アプリで3D写真から2D画像を生成— 以下 additional option —3. さらに変換　表情のバリエーションを作る...

https://blog.ec-maker.com/posts/icon

bookmark ogp image

Lists

リスト・

リスト◯

リスト■

数字1

リストa

リストi

数字 a

箇条書き・

リスト◯

数字1

Call outs

📣

絵文字なしコールアウト

💡

Callout 電球

quoute 引用

Speatch Bubbles

Callout Gear

Callout Robot

Callout Unicorn

埋め込み・SNS

Image

対応したNotionブロック

対応したNotionブロック

View on Facebook

Faceboook

View this post on Instagram

Instagram

メンション https://www.instagram.com/p/C-5w4V0yAAQ/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==

Notion | Make with Notion, Notion窶冱 first ever in-person conference, is happening on Thursday, October 24, at Pier 27 in San Francisco!... | Instagram

1,568 likes, 20 comments - notionhq on August 20, 2024: "Make with Notion, Notion’s first ever in-person conference, is happening on Thursday, October 24, at Pier 27 in San Francisco! 🔷 makewithnotion.com | #makewithnotion For a limited time, secure your spot for 10% off with code [MWN10] → Or register to join us virtually for free, from anywhere in the world.".

bookmark favicon image

https://www.instagram.com/p/C-5w4V0yAAQ/?utm_source=ig_web_copy_link&igsh=MzRlODBiNWFlZA==

TikTok

　　実はエラーになるが、本家Notionの埋め込みでもエラーとなる。

　　おそらく提供されているembedコードに間違いがあると思われる。

対処の使用がないので放置することにする。

TikTokの埋め込みが自動再生されていい感じ。ただし消えないエラーも内在。

TikTokの埋め込みが自動再生されていい感じ。ただし消えないエラーも内在。

X, Twitter

　　　少し面倒だが、Xのドメイン x.com を旧 twitter.com に変更すれば埋め込める。

View on X

X

View on X

X Movie

Youtube

URL埋め込みリンク

Wiki、ドキュメント、プロジェクトがつながるコネクテッドワークスペース | Notion (ノーション)

1人でもチームでも使える、オールインワンのワークスペース。毎日使うアプリケーションを、ひとつにまとめます。

bookmark favicon image

https://www.notion.so/ja/product?utm_source=google&utm_campaign=14877655427&utm_medium=125922091617&utm_content=552465064290&utm_term=notion&targetid=aud-1053779029641:kwd-312974742&gclid=Cj0KCQiAgP6PBhDmARIsAPWMq6m0YYFXJUqD5SDIQNsjZiPHi8-mo3H4ZJb7K16oV-vhkiz_ziztHgsaAoeSEALw_wcB

bookmark ogp image

URL 文字リンク Notion URL

構造ブロック

Column1

Column2

Column3

normal text

Paragraph 1tab

pragraph 2tab

1tab Var

Normal Var

応用ブロック

トグルおりたたみ表示

です。

トグル広げて記述

しています。

ToDo List

ToDo List Checked

ToDo List内での改行

コード

python

def hello_world():
    print("Hello, World!")

code block

print("This is inLine code")

数式

E = mc^2

テーブル

Table (1, 1)	Table (1, 2)
Table (2, 1)	Table (2, 2)

Table Wide \	列見出し
行見出し	Table (1, 1)

埋め込みファイル

File

Audio

Movie

PDF

テキスト

赤色のテキスト黄色の背景青色の背景

javascript

const colorClasses = {
  gray: 'text-gray-500',
  brown: 'text-brown-500',
  orange: 'text-orange-500',
  yellow: 'text-yellow-500',
  green: 'text-green-500',
  blue: 'text-blue-500',
  purple: 'text-purple-500',
  pink: 'text-pink-500',
  red: 'text-red-500',
  default: 'text-black',
  gray_background: 'bg-gray-100',
  brown_background: 'bg-brown-100',
  orange_background: 'bg-orange-100',
  yellow_background: 'bg-yellow-100',
  green_background: 'bg-green-100',
  blue_background: 'bg-blue-100',
  purple_background: 'bg-purple-100',
  pink_background: 'bg-pink-100',
  red_background: 'bg-red-100',
};

src\components\notion\RichText.tsx

非対応

　 Facebook movie

facebookの動画も埋め込めるが、狭すぎる画面(スマホ)だと画面からはみ出てしまう。非推奨,。

facebookの動画も埋め込めるが、狭すぎる画面(スマホ)だと画面からはみ出てしまう。非推奨,。

　 X 新しいX.comドメインの埋め込みは非対応。こうなる👇️

View on X

x.comの新しいドメインだと読み込めない。

　面倒だが、XでコピーしたURLのドメイン x.com を twitter.com に変更すれば埋め込める。

また、ドメインが x.com のままでも、ブロックタイプを変更すればOK。 ”URL” X post URL にしたり、 ”ブックマーク”にしたりすることで埋め込む。

We just hit 1 MILLION MEMBERS across community-led Notion groups, representing all of these countries (wow!): 🇵🇱🇷🇺🇹🇼🇺🇦🇪🇬🇵🇸🇫🇷🇯🇵🇨🇦🇮🇳🇧🇷🇳🇱🇨🇭🇵🇭🇰🇷🇵🇹🇸🇬🇺🇸🇬🇧🇲🇽🇪🇸🇨🇳🇩🇪🇮🇩🇬🇭🇲🇾🇧🇪🇿🇦🇦🇺🇸🇾🇵🇰🇵🇪🇹🇭🇦🇷🇹🇷🇨🇴🇬🇷🇮🇹🇻🇳🇨🇱🇦🇼🇱🇰🏴󠁧󠁢󠁳󠁣󠁴󠁿🇻🇪🇯🇲🇸🇻🇫🇮🇲🇳🇲🇲🇲🇦🇭🇲🇩🇰🇹🇹🇵🇦🇷🇴🇧🇩🇭🇺🇰🇬🇸🇬🇮🇪🇦🇿🇨🇿🇮🇱🇳🇬🇵🇱🇸🇪🇦🇹🇸🇰🇪🇪🇸🇻🇯🇴🇸🇦🇪🇬🇹🇳🇦🇪🇮🇸🇱🇹🇭🇰🇵🇫🇰🇿

bookmark favicon image

https://x.com/NotionHQ/status/1615789775520432129

bookmark ogp image

メンション

NotionPageへのデータベース内へのメンションリンク

こういうのは禁止👇️　通常のURLで埋め込む。

日付のメンション: 2024-10-05

人物のメンション: @Anonymous

Created by

EC maker

電機/自動車メーカ系エンジニア
→ フロントエンドエンジニア
- Flutter / スマホアプリ開発中。
- Next.js / TypeScript /
TailwindCSS を学習中。

- Contents -

H1 tag H2 tag H3 tag Bookmark Lists Call outs Speatch Bubbles 埋め込み・SNS 構造ブロック応用ブロックコードテーブル埋め込みファイルテキスト非対応メンション

公開: 2024-03-11

更新: 2024-10-24

いいね: 0 件

コメント: 0 件

カテゴリ:

program

タグ:

NotionBlog

next.js

Created by

EC maker

電機/自動車メーカ系エンジニア
→ フロントエンドエンジニア
- Flutter / スマホアプリ開発中。
- Next.js / TypeScript /
TailwindCSS を学習中。