個人的なWebページを作るにあたって、毎回参照するメモがあるのですが、それを公開します。

サーバ

無料でカスタマイズが可能なページを作成できる以下を使うことが多いです。

スマホでのビュー対応

headerに以下を追加します。

<meta name="viewport" content="width=device-width, initial-scale=1" />

以下のサイトで自動で生成できます。
https://ao-system.net/favicongenerator/

<link rel="icon" href="https://example.com/img/favicon.ico">
<link rel="apple-touch-icon" href="https://example.com/img/apple-touch-icon.png" />

OGP画像がどんな見た目になるかプレビューするためのサイト
サイズは1200x630
http://ogimage.tsmallfield.com/

<meta property=og:image content="https://example.com/img/ogp.png" />

pythonでローカルサーバを容易に構築できます。

python3 -m http.server 8000