こんにちは。今回、新たにブログを開設しました。 本ブログで使用しているツールを紹介します。
本ブログの設置にあたり、複数のツールを使いました。
Hugo
デザインにはHugoを使用しました。 公開されている色々なテンプレートから、かっこいいなと思ったものを使わせていただいています。
Hugoの使い始めには、インストールや設定ファイルの編集などが必要です。 Bash on Windowsにて作業をしました。概要を記しておきます。だいたい、公式のquick startに準じています。
まず、Githubからwget
でdebファイルをダウンロードし、dpkg
コマンドでインストールしました。
その後、任意のディレクトリ(~/work/
など)にてhugo new site [プロジェクト名]
で、ブログ用のディレクトリを作成しました。
テンプレートのインストールは以下のコマンドで実施しました。
git submodule add [テンプレートのgit URL]
gitを使うので、あらかじめgit init
やGitのリモートリポジトリへのpush
をしておきました。
あとは、config.toml
に設定を記述したり、hugo new posts/hoge.md
で投稿記事を作成し、markdownファイルを編集することで、ブログを好みのレイアウトや内容に変更することができます。
Hugoで便利だと思ったのが、編集のしやすさです。
hugo server -D
コマンドを別ウィンドウで実行し、ブラウザを開いておけば、プレビューを見ながら記事の編集やレイアウト変更の作業をすることが可能です。
markdownファイルを上書き保存するごとにプレビューが更新されるので、効率良く作業を進めることができます。
なお、記事には写真を載せることも多いと思いますが、squooshというサービスが便利です。ブラウザ上で写真のリサイズや圧縮が可能です。
Windows側で用意した画像ファイルをLinux側で使用する場合は、Linux側の/mnt/c/
を経由してコピーするとよいです。
Netlify
ホスティングにはNetlifyを使用しました。 ここでは使い方については省略します。 私はこちらのブログを参考にさせていただきました。
Gitのアカウントが必要なのですが、私はBitbucketを使用しました。 GithubやGitlabでもよいみたいです。
まとめ
今回はブログ設置にあたり使用したツールを紹介しました。
HTMLとかJavaScriptとか全く理解していない自分でも、簡単にブログが開設できました。 1~2時間もあれば終わる作業なので、気になる方がいればぜひ気軽に試してみてください。