Connpassで説明欄に画像を添付するには

はじめに

Connpassでイベントを作る際、画像をどのように表示するのかわからず、
時間がかかったため、備忘録代わりとして記述する。

結論

Connpassの説明欄はマークダウン形式なので、画像を保存した元のURLをHTML形式、もしくはMarkdown形式で表示させれば良い。

HTML形式

<img alt="いらすとや 生ドーナツ" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD0uj85RCDDCNQip8uPrjeaDIjSaSsnJ5J_d3m1f9YQTDIISmPthp4jii7LJd_Rrn9aiG3undaoPqE7iQppq4gZ7x9ZSsTSJGw18PTwgYIasc3EEzYbT_Xwq6L1jkTuUGILWQ_-0i1oQ3PQkQ2kQC9twmn9Cnkzvpaq3s260teI9zj8ZIo8fKkhKZTL-gg/s400/sweets_nama_donuts.png" width="55">  

Markdown形式

![いらすとや生ドーナツ](https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgD0uj85RCDDCNQip8uPrjeaDIjSaSsnJ5J_d3m1f9YQTDIISmPthp4jii7LJd_Rrn9aiG3undaoPqE7iQppq4gZ7x9ZSsTSJGw18PTwgYIasc3EEzYbT_Xwq6L1jkTuUGILWQ_-0i1oQ3PQkQ2kQC9twmn9Cnkzvpaq3s260teI9zj8ZIo8fKkhKZTL-gg/s400/sweets_nama_donuts.png)

そもそも論（いつか調べること）

MarkdownをWebページで表示する場合、どのような処理がなされているか簡単に調べる。
また、画像の取得を外部サーバーに行う等の知識があればこんなにはつまづかなかったように思う。

Qiitaでは別で画像サーバーを立てて、エディタに画像アップロードの機能を搭載しているんではないかな。
Connpassにはそれがないために「よくわからない」が発生したのだと思う。

補足

画像を自分でアップロードする場合、AWS S3 もしくは imgur と言うサービスを使うことが望ましい模様。
AWS S3は無料利用枠が12ヶ月分しかなかったので、どのようにするかは微妙。

ちなみにTwitterに挙げた画像もそのまま表示できる。
特にこだわりがなければ、Twitterからの画像をそのまま表示するのも良いだろう。

参考資料

雑記

今までは編集履歴を律儀につけていたが、Qiitaの機能で編集履歴が基本的にはついている模様。今後つけなくて良いかも。