個人的なWebページを作るにあたって、毎回参照するメモがあるのですが、それを公開します。
サーバ
無料でカスタマイズが可能なページを作成できる以下を使うことが多いです。
- GitHub Pages
- Heroku
スマホでのビュー対応
headerに以下を追加します。
<meta name="viewport" content="width=device-width, initial-scale=1" />
ファビコン・Webクリップアイコン
以下のサイトで自動で生成できます。
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画像
OGP画像がどんな見た目になるかプレビューするためのサイト
サイズは1200x630
http://ogimage.tsmallfield.com/
<meta property=og:image content="https://example.com/img/ogp.png" />
ローカルサーバを起動
pythonでローカルサーバを容易に構築できます。
python3 -m http.server 8000
配色
HTML Color Pickerで配色を参照します。
https://www.w3schools.com/colors/colors_picker.asp