rehype-sanitizeの挙動について
この二つのプラグインを同時に使うと注釈のリンクがおかしくなる。先頭に余計user-contentがついてしまう。
注釈のマークダウン
テキスト[^1]
[^1]: 注釈内容kconvのutf8エンコード
元々UTF-8の文字列に string.toutf8 すると記号が文字化けしてしまう場合がある。
require 'kconv'
def to_utf8(value)
value.is_utf8? ? value : value.toutf8
endダークモード切り替えボタンのアイコンはどれが正解？
- MUI: The React component library you always wanted
ボタンを押すとライト、ダークが切り替わる。ボタンのアイコンは現在の設定の逆になる（ダークモードの場合は太陽）。 - React Bootstrap | React Bootstrap
ボタンを押すとライト、ダークが切り替わる。ボタンのアイコンは現在の設定になる（ダークモードの場合は月）。 - Yamada UI - A UI component library unleashing the power of styling, animation, and flexibility in React applications. - Yamada UI
ボタンを押すとドロップダウンが表示される。ライト、ダーク、システムから選べる。ボタンのアイコンは現在の設定の逆になる（ダークモードの場合は太陽）。 - shadcn/ui
ボタンを押すとドロップダウンが表示される。ライト、ダーク、システムから選べる。ボタンのアイコンは現在の設定になる（ダークモードの場合は月）。
このパターンの場合、どれが直感的にわかりやすいのだろう。
記事の内部リンクを検索する正規表現
!*\[.+\]\((?!http).+\)
