ブログをWordPressからHugoに移行した
前々からブログをWordPressで運用するのをやめたいと思っていた。 すったもんだのすでにようやくHugoで運用するようにできたので、経緯やら苦労したところなどを書き残しておきたい。 まだ作業途中ではあるのだが、いい加減記事の更新もしたいので書いておく。 以前のブログはWordPressで運用していた。 自分でテーマをいじったり、関連記事の表示に自分でクエリをカスタマイズしてごにょごにょしたりして、ある程度カスタマイズして使っていた。 だが、それも途中からだんだんと面倒くさくなっていた。 理由としては、ローカルでいじる際にいちいちvagrantでWordPress環境を立ち上げてカスタマイズしなければならなかったからだ。 カスタマイズしたらカスタマイズ下で、wordmoveを使ってテーマを更新したりが必要になる。 あげく、途中でSassのソースファイルを喪失してしまった。おかげでスタイル
HUGOで作れるCMSっぽいパーツ:関連記事・目次・JSON-LDなど - Qiita
<!-- article-list --> <section class="article-list"> <h2 class="article-list__head" itemprop="name">記事一覧</h2> <ol class="article-list__list"> {{ range .Data.Pages.ByDate.Reverse }} {{ .Render "li" }} {{ end }} </ol> </section> <!-- /article-list --> <li class="article-list__item"> <!-- article-sneak --> <article class="article-sneak {{ if .Params.image }}article-sneak--thumb{{ end }}"> <div class=
ブログ・サイトの管理をWordPressからHugoに移行したら爆速で快適
このブログは昨年8月、事務所の公式サイトは今年7月に、WordPressからHugoに移行しました。 正直、もっと早くHugoに移行しておけばよかった、と思えるくらい快適です。 ブログと言えばWordPress、と言われるほど、WordPressは人気の高いCMS（コンテンツ管理システム、Content Management System）です。 このブログや事務所サイトではPVが増えても安心のエックスサーバーを以前から利用していますが、エックスサーバーのような良心的なレンタルサーバー運営会社であれば、1クリックでWordPressをインストールできる便利なサービスもあります。 導入も簡単、ブログやウェブサイト管理に必要な機能が充実しているということでWordPressが流行するのは当然です。 実際、2019.6の調査「Shopifyが増加 - 6月CMSシェア」によると、WordPres
コピペで作れるHugoでイケてるブログを作る方法 - Qiita
今回は静的サイトジェネレーターのHugoを使って、ブログを作る方法をなるべく丁寧に解説します。 Hugoとは？ 今流行りの静的サイトジェネレーターの一つです。 中身はGO言語で作られています。 特徴はビルド速度がとても早く、ブログやポートレートサイトを作るためのテーマが揃っています。 そしてNetlifyやgithubPagesのサービスと組み合わせることによって、無料でホスティングすることもできます。 さらにnetlify CMSを使うと、WordPressのようにブラウザ上の管理画面で記事を投稿できます。 今回はシリーズでHugo + gitlab + Netlify + Netlify CMSを使い、 無料ホスティングすることを目指そうと思います。 まずはこの記事ではHugoのテーマのサンプルブログを立ち上げて、 最初の1記事を投稿するところを解説しようと思います。 作業環境はWSL
静的サイトジェネレーターは脱CMSなブログが作れるツール
自分用のブログを作るにあたって、ブログサービスを利用したりWordPressをこさえたりすることにもう疲れてしまった。ブログサービスはコミュニティとしての利点はあるものの、細かい調整ができずストレスになる。WordPressはサーバー費用やらセキュリティ工数やらがのしかかってくる。そこで使い始めたのが静的サイトジェネレーター。 静的サイトジェネレーターとは簡単に言うと、用意したMarkdownファイルなどから普通のHTML/CSS/JSを生成してくれるツール。ややこしいデータベースと無縁。ローカルで確認できるただの静的サイトが吐き出されるので、それを丸ごとサーバーに上げるだけ。公開用のデータが1つのフォルダにまとまっているからサーバー引っ越しが簡単。すべてが静的ページなので当然表示が早い。 どうやって使うものなのか静的サイトジェネレーターをコマンドラインでMac/PCにインストールして、コ
[Hugo] ブログを Hugo にしたらメリットしかなかった件 - atuweb 開発ブログ
当ブログは 静的サイトジェネレーターの Hugo で制作しております。 Hugo への乗り換えは私にとってメリットしかありませんでした。 そのメリットについてまとめます。 静的サイトジェネレーター Hugo とは The world’s fastest framework for building websites https://gohugo.io/ Hugo は、 「 Web サイトを構築する世界最速のフレームワーク」 であると謳っています。 すごいですね ! Hugo の特徴 その特徴を次のようにまとめます。 設定ファイルや記事をファイルで作成し コマンド操作で Web サイトを生成する 生成されるファイルは HTML ベースの静的ファイル 注目すべきは 静的ファイル を生成する、という点です。 これは プログラムによる動的な出力変動 がない、HTML や CSS などで構成されサイ
![[Hugo] ブログを Hugo にしたらメリットしかなかった件 - atuweb 開発ブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/e5abd9b7873ea5f76af268fec378f6e309c6adfb/height=288;version=1;width=512/https%3A%2F%2Formcat.net%2Fimages%2Feyecatches%2Fweb-dev.png)
JekyllからHugoへの移行ポイント - SIS Lab
Hugoが爆速であること、HugoがGolangで作られていて読みながら勉強したいという理由で、JekyllからHugoに移行した。 基本的には、_postディレクトリにあるものを、Hugoでいうcontent/postディレクトリに配置すればよい。テーマを指定せずに、Hugoとしても何も出力されないのでそこは注意すること。 JekyllからHugoへ移行する際にハマった点を残しておく。 日付フォーマットの変更2015-08-30-post.markdown jekyllだと、2015-08-30 10:30で認識していたが、Hugoで読み取る日付フォーマットは、以下の通り。 2006-01-02T15:04:05Z07:002006-01-02T15:04:05Mon, 02 Jan 2006 15:04:05 -0700Mon, 02 Jan 2006 15:04:05 MST02 J
静的サイトジェネレータ「Hugo」でシンプルブログサイトを構築する - SIS Lab
今、自分でブログ・サイトを構築するとしたら、どんな選択肢があるでしょうか。 さすがにHTMLを自分で手打ちするのは大変です。 なんらかのCMS（Content Management System：コンテンツ管理システム）を利用することになりますが、そのCMSにもさまざまな種類があり、どれを選んだらよいのでしょうか。 私自身、CMSとしては Lokka (Ruby), WordPress (PHP), Jekyll (Ruby), Octopress (Ruby)、 Middleman (Ruby)と利用してきました。 どのCMSも一長一短ですが、Ruby, PHPなどの動的スクリプトで構成されるCMSは共通してビルドの遅さを感じます。 そこで、ビルドが高速という噂の Hugo (Golang)に移行したところ、快適でシンプルなブログサイトを構築できましたので、今回はその Hugo の紹介を
Hugoを使ってAmazon S3でウェブサイトを構築してみた | DevelopersIO
こんにちわ。大阪のガノタです。 Static Site GeneratorであるHugoを使って、S3でウェブサイトを作成する機会がありましたので、ご紹介します。 Hugoとは Hugoとは、Static Site Generatorの１つです。Static Site Generatorとは、記事用のテンプレートファイルを元にHTMLファイルを生成してくれるツールです。 HTMLファイルなので、S3やCloudFrontと組み合わせてサイトを構成することが可能です。また、ローカルにあるPCで記事を書いてHTMLファイルを生成するので、コンテンツ管理用のサーバが不要になります。 Hugoの詳細については、公式ページを見て頂ければと思います。 Hugo :: A fast and modern static website engine Hugoのインストール 普段Macを利用しているので、M
静的サイトジェネレータを比較してみた - Qiita
静的サイトジェネレータを使ってサイトを作ってみたかったけど、StaticGenを見ても違いがイマイチわからなかったので、自分の気になる点で比較してみました。 比較したプロダクト Middleman Hugo Metalsmith Pelican 上記の4プロダクトを比較しました。 StaticGenで人気がありそうなものを中心に選定しましたが、自分が作りたいサイトはブログではない普通のサイトなので、ブログ作成に特化1していると書いているものは外しました(Jeykll, Octopress, Hexo等)。 なお、比較はすべてドキュメントやサンプルプログラムから読み取れる内容で行ったので、実際の挙動が違っていたらごめんなさい。 基本項目 プロダクト名 開発言語 コンテンツ
jpico.info × 歩み283. Solarizedで目に優しいサイトにした
歩み283. Solarizedで目に優しいサイトにした 2013-10-27 目が悪いッ！ 0.01と0.001の間をたゆたい、視力検査の広島カープが１番上はもちろん、台すら見えず。 TVの距離は見えないから、JOYとユージの区別も、板尾創路とhydeの区別もつかない。 近くなら読めるし、色も問題なし。 そんななので、目や色にこだわりあって、テーマにしたノベルゲームを書いてます。 今日は、このサイトのデザインを描く時、*見やすさ*を優先度最強にした、という話。 １０年持つ、目に優しいサイト 目に、っていうか、近眼に優しい。 普通、Webサイトのデザインを考える時って、 ユーザがどう感じるか？ とか、 検索エンジンが高い点数をつけるか？ に重きを置くと思うんですが、そんなんより「目を攻撃しないこと」が最優先じゃね、と思いました。 このＪピコ公式サイトを作った時、サイトの背景色は白でした。
WordPress から Hugo に乗り換えました | rakuishi.com
2011 年 8 月 25 日から数えて 3 年と半年、このブログは WordPress で運営してきたのですが、この記事から Hugo という静的サイトジェネレータで運用します。 当初は WordPress も PHP も分からない微生物専攻の大学生だったのが、最近では WordPress テーマ／プラグイン作成をする仕事をしていて、時間の流れは不思議だと感じるこの頃。そして、WordPress のことが大まかに掴めたからこそ、他のブログツールを勉強したいなと思いました。 調べてみたらフロントエンドエンジニア界隈で、Go 言語で作られた Hugo という静的サイトジェネレータがなんか流行りっぽいので、それに移行しました。 Octopress から Hugo へ移行した | SOTA Jekyll が許されるのは小学生までだよね - MOL WordPress からの移行方法 まだ、公式に
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://cloudlance-motio.work/post/hugo-uber-blog/
Static Site Generators - Top Open Source SSGs | Jamstack
ブログをHugoに移行してみた
jpico.info × 歩み284. Webサイトは単純明快がいい
jpico.info × 歩み280. メモをサイトで記事化すると決めたなら、すでに公開は終わっているんだ
jpico.info × 歩み279. WordPressからPicoに乗り換えて、月125円でブログを作る2
jpico.info × 歩み278. WordPressからPicoに乗り換えて、月125円でブログを作る
www.geeks-dev.com is Expired or Suspended.