手間暇かけずにサクッとブログ記事を作りたいという方向け。

HUGOの自動記事生成コマンドを使って記事を作っていきます。

本記事は前回の 【コピペOK】HUGOでアフィリエイト用ブログサイトを作ろうの続きです。
以下に前回の記事リンクを貼っておきます。

【コピペOK】HUGOでアフィリエイト用ブログサイトを作ろう

手間暇かけずにサクッとアフィリエイト用のブログサイトを作りたいという方向け。 ある程度自由にカスタマイズできる、かつコマンド一つで 記事の自動生成ができる静的サイトジェネレータ「HUGO」についてまとめました。

目次

前回HUGOでブログサイトを作ったけど、どうやって記事の自動生成できるの？

大丈夫！今からHUGOの記事の自動生成について説明していくよ！

この記事は以下のような方を対象者としています。

HUGOでの記事作成

まずは HUGOの自動記事生成コマンドがどんな感じなのか以下gif動画でご覧ください。

ご覧の通り、実行されたコマンドから記事が自動生成されているのがわかります。
とても便利ですね。

それではこれからHUGOの記事生成についてもう少し詳しく説明します。
※前回の記事で用いたテーマはブログ用ではなくランディングページ用のテーマでしたので、今回は 「material-design」テーマを用いて説明します。

material-designテーマ
https://themes.gohugo.io/material-design/

フォルダ構成を知っておこう

前回の記事でブログ用のフォルダを作成しました。
上記フォルダを開くと、画像のように6つのフォルダと1つのファイルがブログ用フォルダにあるかと思います。

ただ、主に使うのは以下2ファイルです、その他のフォルダはあまり使わないです。

HUGOの自動記事生成のココがすごい！

HUGOではブロガーの負荷を減らすための便利な機能が用意されています。
今後HUGOでブログ記事を生成したい方に向けて順番に説明します。

1.変更した内容が即反映される

上記gif動画でご覧いただいた通りHUGOでは 記事ファイルを変更し保存したら、その内容が即座に反映されます。

これにより、記事内容を変更した後わざわざブラウザを更新する手間が無くなります。
ブロガーにとってこの機能は 記事作成の時間を大幅に短縮できるので、控えめに言って神機能だと思います。

2.常に最新の記事が一番上に表示される

HUGOのブログ記事は作成日時データを持つため、 常に最新の記事を一番上に表示する仕様になっています。
わざわざブロガーが記事を更新してから、自分で表示順を設定する必要がありません。

記事作成後、一番最新の記事を表示する設定をわざわざするのは面倒ですよね。
その手間がHUGOではかかりません。超ラクです。

記事を自動生成しよう！

それでは早速記事の自動生成をしていきましょう。

ターミナルを起動し、以下コマンドを実行してください。

1
2
3
4

//ブログ用フォルダに移動する（exampleの所は自分がつけた名前を指定してください。）
cd ~/Desktop/example
//以下コマンドで記事の自動生成を行います（記事のファイル名はなんでも大丈夫です。）
hugo new post/test.md

記事の自動生成コマンドの説明

コマンドを解説します。

hugo new postで contentフォルダ（記事用フォルダ）のなかに更にpostというフォルダを作ります。
そして/xxxx.md（拡張子は.mdです。）でブログ記事のファイル名を指定できます。

この.mdの拡張子のファイルが ブログ記事の実ファイルになります。

ブログ記事ファイルの書き方

ブログ記事は マークアップ言語（HTML）とスタイルシート言語（CSS）で書けます。
基礎的な知識があれば誰でも簡単にブログの更新ができます。

まず、以下コマンドで先ほど生成した記事をテキストエディタで開いてみましょう。

1
2

//ブログ記事ファイルをテキストエディタで開く。
open -e content/post/test.md

そうすると、以下のような内容になっていると思います。
これはHUGOがデフォルトで生成した値になるのでtitle以外は変更しない方が良いです。

titleはブログ記事のタイトルになるので、自分のつけたい記事タイトルで上書き保存すればOKです。

実際に記事を編集しよう！

以下フォーマットに習い、記事を編集してみてください。
SEOでも関わる重要なhタグやpタグで見出しや文章を作成できます。

1
2
3
4

// 見出しをつける
# タイトル
// 文章を書く
これはサンプルの文章です。

ちなみに実際に記事を作成・編集しているgifは以下になります。

生成した後の記事を確認しよう！

以下コマンドでWebサーバの立ち上げができます。

1
2

// ローカルサーバ立ち上げ(http://から始まる箇所をブラウザにコピペしてください。)
hugo server -D

さいごに

ここまでお読みいただきありがとうございました。

僕のブログサイト「kzy.tech〜日本脱出のための教科書〜」がどのようなサービスで作られているかが気になる方は以下別記事にてご説明していますので、ご覧いただけますと小躍りして喜びます💃

【コピペOK】HUGOでアフィリエイト用ブログサイトを作ろう

手間暇かけずにサクッとアフィリエイト用のブログサイトを作りたいという方向け。

ある程度自由にカスタマイズできる、かつコマンド一つで 記事の自動生成ができる静的サイトジェネレータ「HUGO」についてまとめました。

また、海外移住の 英語とプログラミングを習得することを推奨しています。
これは私の経験則から言えることですが、上記二つのスキルがあれば海外移住は絶対に実現できます。

以下に僕が実際に使って効率よくプログラミング学習ができるおすすめサービスを載せます😌

速習！おすすめプログラミング勉強法【Udemy】

いくつかプログラミング学習サービスを利用しましたが、一番効率よく勉強できると感じたのはUdemyでした。

Udemyでは動画での説明や解説等もあり親切で、学習教材も豊富にあることから プログラミング初学者の方が短期間でエンジニアを目指したいのであれば、非常に良い教材だと思います。

ちなみに私は文系卒で社会人になってから独学でudemyを使ってプログラミングの勉強をして、実際にエンジニアとして採用されました

Udemyのコースは1つ1,000円ほどなので、ITの参考本を一冊(3,000円)を買うよりもUdemyのコースを購入する方が安い上により効率的にプログラミングを勉強できると思います。
世界最大級のオンライン学習サイトUdemy

また、別記事にてダナンでの生活やIT関連についても記事を書いていますのでクリックいただけると嬉しくて踊ります💃

【Udemy】未経験から始める格安プログラミング講座4選

未経験だけどプログラミングを学んでエンジニアになりたい、社会人だから時間もそれほど多く無いので効率よく勉強したい。 私もその内の一人でした。今回の記事で最短でエンジニアになるためのおすすめUdemy講座4選をご紹介したいと思います。

【IT資格は無意味】未経験エンジニアがIT資格の勉強をおすすめしない4つの理由とは？

プログラミングを勉強し始めてIT資格を取ろうか悩んでいる方向け。 プログラミング未経験の方が資格勉強をされることは僕の経験上おすすめしません。 なぜ資格の勉強がプログラミング学習において、エンジニアの就活においてNGかこの記事で解説します。

【個人開発】副業でアプリを作りたいならサーバーは契約しない方がいい理由

個人で副業のためにアプリ開発をしてみたいと考えている方向け。 iOS/Androidの個人アプリ開発の場合データのやりとりを行うため、サーバを契約する人が多いです。 しかし、考えなしにサーバを契約するのは非常に大きなデメリットがあるため、私はあまりオススメしません。 ではどの様にしてお金をかけずにアプリ作りができるか、なぜFirebaseを使うべきなのかこの記事で解説していきます。

【海外にもある！？】海外就活でブラック企業を回避する方法

海外での就活を考えている方向けの記事です。 ブラック企業は日本企業のイメージがありますが、そんなことはありません。 日本の就活とは違う点、また海外の就活で失敗しないために事前に知っておいた方が良い情報を本記事にてまとめていきます。

【ダナンの物価】ダナン在住者が伝える2020年ベトナム最新状況！

最近観光地として人気が高まっているダナンですが、近年物価の変動が大きくなっていっているように感じます。 2019年〜2020年でのダナンの物価はどのようなものなのか、ダナン在住者として現地の声をお届けできればと思います

【残業大国】日本の異常な労働環境をベトナムで働いてみて実感した件

日本ってやっぱり「働く」ことに関しては異常ですよ。 「お客様は神様」精神、残業を美徳とする文化、過労死という言葉を作り出してしまう労働環境。 今回は日本の異常な労働環境をベトナムの労働環境と比較しながら説明したいと思います😱

【海外移住】ベトナムに移住したら日本の8億倍住みやすかった件

海外移住を始めて2年ほどが経過しました、日本に住んでいた時と今ベトナムに移住してからとでどのように生活が変わったのかをこちらの記事にまとめていこうと思います。

【ダナンの家賃】日本相場の半額以下！？ベトナム家賃相場調査！

ベトナム・ダナンへ移住を考えている方向け。 海外移住をする上で家賃相場を事前に知っておくことは生活費がどれくらいかかるのか計算ができるので非常に重要です。 こちらの記事で家賃相場、賃貸契約の流れ、賃貸契約時のトラブルについて解説していきます。

【おすすめ】Udemy講座でAWS ソリューションアーキテクト アソシエイトを一発合格できた件

AWS ソリューションアーキテクトの勉強をしている方向け。
Udemyでのおすすめ講座、一発合格のための勉強方法から受験の手順まで本記事でまとめました。
認定試験の受験を考えている方には必見です。

【python】文字認識で画像からテキストを出力するやり方をわかりやすく【Tesseract&PyOCR】

こんにちはkzyです。 今回は文字認識ライブラリのPyOCRとTesseractを使って画像からテキストを抽出したいと思います。 環境構築含めpythonでの文字認識のやり方を簡潔に説明できればと思います。

【コピペOK】flutterのSizedBoxとExpandedの違いをわかりやすく

flutterでオブジェクトのサイズ調整の理解が曖昧な方向け。 flutterでアプリ開発を行う際に頻出する項目の一つのため、この記事でなるべくわかりやすく解説します。

【python】文字認識したテキストをエクセルに出力するやり方をわかりやすく【PyOCR + XlsxWriter】

こんにちはkzyです。 今回はPyOCRで文字認識したテキストをエクセルに出力する方法を解説します。 具体的にはXlsxWriterというライブラリを使用してPythonスクリプトからエクセル操作を行います。