为了纪念Qiita的十周年活动，我创建了这篇文章。

我很久以前就想要开一个自己的博客，但是考虑到WordPress的服务器费用挺高的，所以一直未能着手实现。

经过各种调查研究的结果，我得知通过SSG可以零成本建立网站，于是我尝试使用其中受欢迎的Hugo，结果出乎意料地非常好，因此我进行了Hugo和WordPress的比较和验证。

附带提一下，这是我自己建立的博客！点击此处查看：
https://engineer-life.okdyy75.com

我使用了常见的WordPress博客风格进行设计。

我们只需支付每年1,540日元的域名费用，就可以使用GitLab Pages进行托管。
由于GitLab Pages可以在私有存储库中发布网站，因此非常推荐使用。

請用中文進行原生重述，只需提供一種選擇：進行比較

原则是我们处理问题的准则和行动方针。
②基本规则是我们处理问题时的考虑因素和行事准则。
③基本原则是我们处理问题时的指导原则和行动方针。

WordPressHugoサイト構築の難易度○△記事執筆の手軽さ○○テーマの種類○△カスタマイズ○○

在基础设施方面

WordPressHugo運用コスト△○パフォーマンス△○セキュリティー△○バージョン管理△○複数環境での運用×○別環境への移行△△

3. 這些細節處理得很仔細。

WordPressHugoユーザーの管理○×コメント機能○×お問い合わせ○×サイト内検索○×人気記事○×関連記事○○ブログカード○×SEO○○画像管理○○

进行解释

基础的
②根本的
③最基础的
④根本性的
⑤最基本的

网站建设的难度

• WordPressはプログラミング未経験の人でも構築できる

 

Hugoの場合は最低限Gitが使えないと構築が難しい

写文章的简便性

• WordPressはhtml、WYSIWYG、マークダウンで記事をかける。プレビュー・予約投稿可能

 

Hugoはhtml、マークダウンで記事が書ける。プレビュー・予約投稿可能。ネットに繋がっていなくてもローカルで確認できる

主题种类

• WordPressはテーマの数も多く、使いやすいテーマもそれなりにあると感じた

 

HugoはWordPressに比べて数も少なく、使いやすいテーマも少ないと感じた

定制化

• WordPressはGUI上で簡単にサイトのレイアウトを変更したりカスタマイズできるのがメリット。アクションやフィルターなど使って細かいカスタマイズも可能。ただしWordPressのお作法に則った記述が必要。動的サイトのため、webでできることはなんでもできる（と思う）

 

Hugoはゼロからフルカスタムで作りやすいのがメリット。そのための機能も十分用意されている。既存のテーマを使う場合はconfigを設定するだけで簡単に使うことも可能。ただしconfigで設定できる以上のことをしたい場合は自分でコードを書く必要がある。静的サイトのため、できることには限りがある。

基础设施方面

运营成本我计算了以尽量低的价格进行一年合约的费用（※截至2021年9月29日），如果使用独立域名的话，额外需要支付1,540日元（仅适用于Google域名）。

②-1 WordPress: WordPress是一种内容管理系统。

• Herokuを使えば0円でも可能だが、常時起動できない＆画像管理できない等、現実的ではないので除外

 

有名どころのサーバーは月平均500円ほど

如果是棒棒糖的情况

• ライトプラン 5,610円（初期費用 1,650円 + 利用料金 330円/月 × 12か月）

ディスク容量 160GB, 転送量 500GB/日, DB容量 500MB

对于樱花的租用服务器的情况来说

• スタンダード 6,286円（初期費用 1,048円 + 利用料金 5,238円 一括払い）

ディスク容量 100GB, 転送量 300GB/月, DB容量 3GB

对于名为“Star服务器”的情况

• ライトプラン 4,950円（初期費用 1,650円 + 利用料金 275円/月 × 12か月）（今ならキャンペーン中で3,300円らしい）

ディスク容量 160GB, 転送量 500GB/日, DB容量 1GB

如果是一个小型服务器的情况

• ミニプラン 2,720円（初期費用 920円 + 利用料金 150円/月 × 12か月）

ディスク容量 20GB, 転送量 30GB/時, DB容量 1GB

②被减去2的Hugo

Hugoの場合、GitHub PagesやGitLab Pagesを使えば0円でも運用可

在GitHub的情况下

• 無料アカウント パブリックリポジトリ 0円

1ファイル 上限100MB, リポジトリサイズ 無制限だが推奨1GB, Pagesサイズ 1GBまで, 転送量 100GB/月, 10ビルド/1時間, CI 2000分/月

プライベートリポジトリを使うなら Proプラン 5,340円（$4/月（445円ほど）× 12か月）

GitLab 的情况

• 無料アカウント プライベートリポジトリ 0円

1ファイル 上限10GB？, リポジトリサイズ 10GB, Pagesサイズ 1GBまで, 転送量 上限なし, ビルド上限なし, CI 400分/月

表演

• WordPressはリクエスト処理+DB処理が走るので静的サイトに比べその分重い。記事や画像、プラグインが増えればサイト全体が重くなる。WordPress本体の処理は削れないので、チューニングにも限界がある。

 

HugoはWordPressに比べ静的サイトなのでかなり速い。記事や画像が増えてもビルド時間が増えるだけで、比例してサイト全体が重くなることはない。ゼロから自作すればかなりチューニングできる

安全

• WordPressは動的なサーバーを使う以上常に脆弱性のリスクがある。WordPress本体、php、使用プラグイン等のバージョンも随時上げていく必要がある

 

Hugoは静的サイトなのでできることも限られるがリスクはかなり低い。秘匿情報をgit上にあげる事がなければ

版本控制

• WordPressは自分でソースとDBのバージョン管理が必要。前のバージョンに戻したい場合はそれなりに面倒

 

Hugoはgitの使用が前提なので、前のバージョンに戻したい場合も簡単

多种环境的运营

• WordPressはサイトの設定をDBで管理するため、複数環境を作っても本番との乖離が生まれやすい。そのため結局本番の設定を直接いじったりして障害になる場合も。。大きなデザイン変更やサイト全体のカスタマイズの場合、一度本番と同じ環境をローカルに作ってと手間がかかる。

 

Hugoはサイトの設定をソースで管理するため、本番との乖離がほぼ生まれない。ローカルで確認→本番デプロイの流れがあるので、障害も出にくく、大きなデザイン変更やサイト全体のカスタマイズもしやすい

迁移到另一个环境

• WordPressは引越し用のプラグインもあるので難しくはないと思うが、インフラ周りの差分があれば合わせる必要があり、それなりに面倒

 

HugoはGitHub、GitLabへの移行は簡単だが、それ以外のレンタルサーバーの場合はgitのインストールや、CIでデプロイ環境を構築する必要があるので面倒

③细节微小处

用户管理

• WordPressはユーザーの管理ができるため、複数人でのサイト運用や、読者向けにメルマガ配信といったことが可能

 

Hugo（SSG全般）はできない

评论功能 (评论功能)

• WordPressは標準搭載

 

Hugo（SSG全般）はできない。Disqusという外部ツールを使えば可能。実際使ってみた感じ、匿名でのコメントは一応できるが、名前＆メールアドレス＆画像認証が必要とかなりハードルが高く正直使いづらい。一応Disqus以外にも色々選択肢はあるので公式をチェック

请问有什么需要帮助的吗？

• WordPressはプラグインで簡単に設置可能

 

Hugo（SSG全般）はできない。Googleフォームを使えば可能

网站内搜索

• WordPressは標準搭載

 

Hugoでも一応できるが、実装がけっこう面倒

热门文章

• プラグインで対応可能

 

Hugo（SSG全般）はできない。自前でAPIサーバーを建てたりすれば可能だが、けっこう面倒。

相关文章

• WordPressはプラグインで対応可能。関連させたいタイトル、内容、カテゴリ、タグ、関連度の閾値などの設定も可能

 

Hugoは標準搭載。関連させたいタグ、カテゴリ、関連度の閾値などの設定も可能

博客卡片

• WordPressは内部リンクなら標準搭載。外部リンクはプラグインで対応可能。

 

Hugo（SSG全般）はできない。はてなのブログカードやブックマークレットなど他の方法で代替可能

搜索引擎优化

• WordPressはSEOを意識したテーマが多く、記事編集画面に必要な項目を入力すれば、自動的にメタタグや構造化データ、ampを自動で生成してくれるものもあるので簡単。

 

HugoはSEOを意識したテーマは少なく、基本必要なタグは自分で実装する必要がある。が、表示速度が非常に速いので、その点はSEO的にかなりプラス要素

图片管理

• WordPressは標準でGUIからリサイズ・トリミングが可能。プラグインを使って画像の一括圧縮やwebpへの変換もできる

 

Hugoはリサイズ・トリミング・画像フォーマットの変換・圧縮（圧縮率も設定可）などが可能。webpへの変換もできる

Hugo能成为未来的WordPress吗？目前，由于一些基本功能（例如评论和热门文章等）无法使用，所以暂时还不能说它已经超过WordPress。

我认为，随着SSG架构网站的增加，当出现解决这些问题的外部工具和SaaS时，Hugo将超越WordPress。

我认为Hugo有可能成为未来的WordPress，因为我相信它在未来十年内会得到解决！

我想最终推荐Hugo。如果你在使用WordPress时遇到以下问题，强烈建议尝试使用Hugo！

• 意外とデザイン変えたりカスタマイズしづらい。色々いじってカスタマイズしたら動かなくなった！！

→ Hugoならローカルで簡単にカスタマイズ＆確認できます。本番障害起きにくいです

管理画面やサイトの速度が遅くてストレス

→ Hugoであればローカルの起動も高速でリアルタイムに記事を書けます。作成されるサイトも静的サイトなので動的サイトより圧倒的に高速です。

wordpress本体やプラグインのアップデート、定期的なバックアップなどセキュリティーリスクを気にするのが面倒

→ Hugoは作成されるサイトが静的サイトなので、動的サイトに比べるとセキュリティーリスクは低いです

維持費が結構かかってきつい

→ Hugoなら運用コスト0円でいけます

Hugo非常易于定制，速度也很快，操作简便，成本也能够控制得很低，所以非常强烈推荐！

#技术文章