Notionで数式を記入できる。

よくよく調べてみると数学的な式だけでなく

文字の装飾もできる。

( ﾟдﾟ)ﾊｯ!

Notionでできるならeasy-notion-blogだってできるはず🔥

ってことで、

気合と執念でequation-blockをsupportしてみました。

今回はequation blockでできる

突発的な文字の装飾について紹介しま〜〜〜す(・∀・) 👍

文字色(Text Colors)・背景色(Background Colors)についてはひつじさんのテンプレで簡単に作れるので説明は省略します。

https://crossn.gumroad.com/l/Color-Palette

※ 以下で紹介するequationのサンプルはHarishさんのスレッドの末尾についていたテンプレを使わせていただいておりますm(_ _)m

👇

https://www.notion.so/KaTeX-Formatting-8f2a6470b9d34fa98be19ad25dfc587d

文字と背景と枠線の色を変えられる🎶＼(^o^)／

\fbox {add a simple border}

\color{lavender} \fcolorbox{midnightblue}{orchid}{use color boxes with borders}

\color{tomato} \fcolorbox{tomato}{white}{color borders and text only}

\color{midnightblue} \fcolorbox{green}{greenyellow}{color backgrounds and text}

\mathsf{} \color{navajowhite} \fcolorbox{darkslateblue}{orange}{experiment with combinations}

\fbox{ \color {#8b4e96}{add a simple border}}

フォントも変えられる🎶＼(^o^)／

\mathtt {Typewriter}

\mathsf {Sans~Serif}

\mathbb {CHALKBOARD}

\mathrm {Roman}

\mathcal {Caligraphic}

サイズも変えられる🎶＼(^o^)／

\tiny {Tiny}

\scriptsize Script~Size

\footnotesize Footnote~Size

\small Small

\normalsize Normal~Size

\large Large

\Large Large

\LARGE Large

\huge Huge

\Huge Huge

文字にいろんな線を追加できちゃう🎶＼(^o^)／

\utilde{swooshy~underline}

\underrightarrow{underline~right~arrow}

\underleftarrow{underline~left~arrow}

\underline{underline}

\undergroup{group1} \undergroup{group2} \undergroup{group3}

\sout{strikethrough}

\xcancel{Xcancel}

\overline {overline}

数学的な式を使うため….なのかもしれないequationですが、

装飾のツールとして使える！！！

まだブロックでしか実装できていないので

Block equationから呼び出します。

ひつじさんのテンプレを紹介した

「テキストを可愛くアレンジできるColor Paletteが激アツだ_equation」

では…..

テキストをequation装飾をして表示していました。。。。

これは未だできておりません…..(´・ω・`)

Block equationで呼び出すのみです！！！

ゆくゆくはsupportしたいな〜と企んでおりますが、

とりあえず、ブロックでもsupportできたのでニコニコです＼(^o^)／

テキスト(Paragraph)ブロックをsupportする手順を元に進めました。

https://herohoro.com/blog/blog-learn_page-content_paragraph#Paragraph blockを取得する

今回はcomponentを用意してkataxライブラリを使って表示するので「3.取得できているか確認」の部分は異なります。

https://herohoro.com/blog/video-embed_react-youtube#取得した情報を表示できる状態にする

Video(Youtube) blockのcomponentを用意する時と同じ用にnotion-blocksディレクトリにファイルを用意して

kataxライブラリを仕込みました(´・ω・`)

ライブラリ有無によってBlog learn06とvideo blockとを使い回せば

今後もセルフsupportできそうだなということに気づけました🎶

＼(^o^)／

以上。速報でした！！

ひつじさん(@crossma64)によるとフォントは日本語だとあまり変化ないようです 🤡

テキストの装飾でequationにする実装。

実はふくろうさん(@ShunDeveloper)実装されております😂(ワタシモガンバルー)

easy-notion-blogのコミュニティメンバーの方々から

いつもいろんな情報をGetできるので

楽しくてたまらないへろほろです👯👯👯👯👯

(*´∀｀*)

後日、本家もサポートされました＼(^o^)／

テキスト装飾も使えます⭐(●´ϖ`●)ありゃりゃ