Mastodon/サーバ詳細説明欄に URL を使わずに画像を埋め込む
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
* サーバ詳細説明欄に URL を使わずに画像を埋め込む [#xbd5b...
Mastodon のサーバ詳細説明欄は Markdown が使えるので、[[Ma...
が、サイズの小さい画像であれば、画像を Base64 に変換した...
いま、埋め込みたい画像 `image_to_embed.png` があるとき、L...
cat image_to_embed.png | base64 >image_to_embed.txt
と打てば、`image_to_embed.txt` に Base64 エンコードされた...
![image](data:image/png;base64,*PASTE_HERE* "ALT descrip...
と書いて、`*PASTE_HERE*` の部分に貼り付ける。 `png` は画...
`base64` が使えない環境 (Windows とか) の場合は [[画像をB...
** e.g. [#f9f3d13a]
##Test
![mogamin](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA...
jwv8YQUAAAAYUExURUcqBzhJF2FyP/nixZE+H////8ZVKwAAAFfEjc8A...
3oO9WQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAAKhJREFUSEvFkUESwyAM...
LJvdU47xzxFprb1SsPIuCJjmcuGO5lATqbFWeKSni50yQecr586Cb72A...
F7iDQA9e4UpBcIlgx4TD1fRJaiwXkAnNMY1UCgze8Hc/EZSMMsUC6Swg...
CgW/MRS0ROzsErDeLyI1SgX36ShSY5Uwxg9xhSFnyqQATAAAAABJRU5E...
this makes:
#ref(example.png,wrap,75%)
** 参考資料 [#mc2ca620]
Markdown文書で画像の表示にURLを使わず埋め込む - @teitei_t...
https://teitei-tk.hatenablog.com/entry/2020/04/25/120000
Daring Fireball: Markdown Syntax Documentation
https://daringfireball.net/projects/markdown/syntax
Data URI scheme - Wikipedia
https://ja.wikipedia.org/wiki/Data_URI_scheme
終了行:
* サーバ詳細説明欄に URL を使わずに画像を埋め込む [#xbd5b...
Mastodon のサーバ詳細説明欄は Markdown が使えるので、[[Ma...
が、サイズの小さい画像であれば、画像を Base64 に変換した...
いま、埋め込みたい画像 `image_to_embed.png` があるとき、L...
cat image_to_embed.png | base64 >image_to_embed.txt
と打てば、`image_to_embed.txt` に Base64 エンコードされた...
![image](data:image/png;base64,*PASTE_HERE* "ALT descrip...
と書いて、`*PASTE_HERE*` の部分に貼り付ける。 `png` は画...
`base64` が使えない環境 (Windows とか) の場合は [[画像をB...
** e.g. [#f9f3d13a]
##Test
![mogamin](data:image/png;base64,iVBORw0KGgoAAAANSUhEUgA...
jwv8YQUAAAAYUExURUcqBzhJF2FyP/nixZE+H////8ZVKwAAAFfEjc8A...
3oO9WQAAAAlwSFlzAAAOvwAADr8BOAVTJAAAAKhJREFUSEvFkUESwyAM...
LJvdU47xzxFprb1SsPIuCJjmcuGO5lATqbFWeKSni50yQecr586Cb72A...
F7iDQA9e4UpBcIlgx4TD1fRJaiwXkAnNMY1UCgze8Hc/EZSMMsUC6Swg...
CgW/MRS0ROzsErDeLyI1SgX36ShSY5Uwxg9xhSFnyqQATAAAAABJRU5E...
this makes:
#ref(example.png,wrap,75%)
** 参考資料 [#mc2ca620]
Markdown文書で画像の表示にURLを使わず埋め込む - @teitei_t...
https://teitei-tk.hatenablog.com/entry/2020/04/25/120000
Daring Fireball: Markdown Syntax Documentation
https://daringfireball.net/projects/markdown/syntax
Data URI scheme - Wikipedia
https://ja.wikipedia.org/wiki/Data_URI_scheme
ページ名: