hugoに404.htmlを作る

今更ですがgalleryサイト、ゲームサイトの方に404ページを作りました。

404、つまりページが見付からない(存在しない)ってことですね

https://gallery.btnb.jp/hoge

こんな感じになってます。

さて作り方ですが
人様のサイトとhugoの公式を読んで自分なりにやってみたのですが
みーとん曰くlayout直下だとマークダウンの書式は使えないとのことで htmlにて直接書きました。

・gameディレクトリ、galleryディレクトリに一つずつ置くことは不可能
・layout直下にマークダウンは使えない

上記を踏まえて出来たのがこれ

`<!DOCTYPE html> <html lang="ja">

<head> <meta charset="utf-8"> <meta name="generator" content="Hugo 0.15-DEV" /> <title>404 Page not found</title> <link rel="stylesheet" href="https://gallery.btnb.jp/game/css/style.css"> <script src="https://gallery.btnb.jp/game/js/jquery-1.11.2.min.js"></script> <script src="https://gallery.btnb.jp/game/js/typing.js"></script> </head>

<body> <div> <h2>404 Not Found</h2> <div class="type-js headline"> <p class="text-js">へんじがない。 ただの しかばねの ようだ。</p> </div> </body>

</html>

gameディレクトリにCSSを置いているのでフルパスでgameディレクトリからCSSとjsを読み込んでいます。
どなたかの参考になれば幸いです。

作りました〜って記事書きながらこのブログではまだ作ってないんですけど
出来たらデザインしたいなと思ってこちらではしばらく時間がかかりそうです。

血祭り週間が終わればせめて…(布団から動けません)

ちらほらCSSと合わせてJavascriptも勉強していくという話が…
まだ自分で1から組めないのにね☆

comments powered by Disqus