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^)/
テキスト装飾も使えます⭐(●´ϖ`●)ありゃりゃ
Twitterでは更新のお知らせを随時行っています
興味ある方はLet'sフォロー★▼ この記事に興味があったら同じタグから関連記事をのぞいてみてね
RSSリーダーにatomのリンクを登録すると通知が行くよ🐌
https://herohoro.com/atom
やってみてね(*´ω`*)(*´ω`*)
フォロー大歓迎\(^o^)/
フォロー大歓迎\(^o^)/