HTTP サーバ用 汎用日本語 HTML エラーページ集
ウェブサーバのデフォルトページよりはマシな、使いものになるエラーページたち。
- どんなサービスにもマッチする、ミニマルなデザイン。
- 過不足なく、わかりやすいメッセージ。
- カスタマイザブル。
設定 on nginx
errors.conf
等を作成して include
する。
git clone --depth=1 https://github.com/ryochin/http-error-pages-ja /var/nginx/errors
vi /var/nginx/conf/errors.conf
error_page 400 /400.html;
error_page 401 /401.html;
error_page 402 /402.html;
error_page 403 /403.html;
error_page 404 /404.html;
error_page 405 /405.html;
error_page 406 /406.html;
error_page 407 /407.html;
error_page 408 /408.html;
error_page 422 /422.html;
error_page 451 /451.html;
error_page 500 /500.html;
error_page 501 /501.html;
error_page 502 /502.html;
error_page 503 /503.html;
error_page 504 /504.html;
error_page 505 /505.html;
error_page 506 /506.html;
error_page 509 /509.html;
error_page 510 /510.html;
error_page 511 /511.html;
location ^~ /_errors/ {
root /var/nginx/errors;
allow all;
}
location ~ /(4[025][0-9]|5[01][0-9])\.html {
root /var/nginx/errors;
allow all;
internal;
}
include /var/nginx/conf/errors.conf;
カスタマイズ
ビルドする
文言やレイアウトを編集し、HTML ファイル群を生成する。
vi http_status_code.yml
vi template.html
./build.rb
デザインを編集する。
vi _errors/style.css
確認する
表示用にローカルのウェブサーバを起動する。
docker-compose up
open http://localhost:20080/
リソース
License
CC0 1.0 Universal, Public Domain