Hugo で画像ファイルを Markdown ファイルと同じディレクトリに置く (Page Bundle)
ページバンドルとは初期の頃の Hugo では、画像ファイルは static ディレクトリに置いて、記事ファイル (Markdown) と別々のディレクトリで管理するという方法がとられていました。 content/_index.mdpage1.mdpage2.mdpage3.mdstatic/image1.pngimage2.pngimage3.pngしかし、これでは Markdown ファイルと画像ファイルをバラバラに管理しないといけないというユーザーの不満が出て、現状は content ディレクトリ以下に一緒に配置できるようになっています。 この仕組みを ページバンドル (Page Bundle) と言います。 参考: Page Bundles - Hugoページバンドルは、その名のとおり、各ページにバンドルする形で画像ファイル（リソース）を保持するという考え方です。 ページバンドルを作
VimでMarkdown形式でブログ記事を書くときに簡単に画像を埋め込む方法 | TOKOROM BLOG
Photo by Victor Grabarczyk on Unsplash ブログ記事書くとき画像を埋め込むのが面倒 こういったブログ記事は、皆さんどういう執筆環境で書いているでしょうか？ 最近だとHugoなどの静的サイトジェネレータを利用することも多いのではないでしょうか。 この記事もHugoで運用しています。 記事を投稿するときは、いつもVimでさらっとMarkdown形式で書き上げ、ぱぱっとデプロイコマンドを打つだけで簡単便利な環境なのですが、唯一、記事に画像を埋め込むのだけが面倒だと感じてます。 特に、いわゆるブログサービスを利用している場合には、記事作成ページに埋め込みたい画像をドラッグ＆ドロップするだけで画像をアップロード＆埋め込みできてしまうので、それとの比較で面倒さが際立ちます。 手動での画像埋め込み手順 これまで手動で画像を埋め込む際には、このブログ記事の場合だと、 各
はてなブログからGitHub Pages+Hugoへ移行した - ゆーすけべー日記
はてなブログで運用してたブログ「ゆーすけべー日記」をGitHub Pagesへ移行した。ドメインも昔使ってたyusukebe.comにした。 静的ファイルのジェネレーターとしてHugoを使ってる。 結局、Hugoいじってる https://t.co/NAKS6k3W1M — Yusuke Wada (@yusukebe) January 15, 2020 今まで使ってた、はてなブログに大きな不満があったわけじゃなかったが、気分一新しようとしていた。ちなみに上記のツイートにあるようにMediumとnoteを試してみたが、今回のユースケースには合わなかった。 というのもコードを貼り付けたいという重要な要件に対して、 Medium Markdownに対応している なので``` と書きはじめてコードを貼り付けることができる ただWYSIWYGすぎて書いた瞬間からHTMLに変換されるのが使いにくかっ
Hugo + GitHub Pages で新ブログを開設した話 | ラング・ラグー
告知です． 筆者は長らくはてなブログ上で『0番染色体』というブログを運営してきましたが，この度新しく本『ラング・ラグー』というブログを開設し，今後はこちらをメインブログとして活動していくことにしました．旧ブログ『0番染色体』は削除こそしませんが，今後新たな記事を更新することはもうないと思います．というわけで，これからは新ブログ『ラング・ラグー』をよろしくお願いします． 以上です． ……と，ここで記事を終えても良かったのですが，今回新たに構築した独自のブログシステムがなかなか便利だったので，以下その話についてグダグダと語ってみることにします． 動機 元々使っていたはてなブログなのですが，機能（できること）的にはまず文句がありませんでした．しかし，執筆環境として最高だったかというと，少し不満な部分があったことは否定できません．そのうちいくつか代表的な例を挙げるとすれば プレビューや投稿を行うに
静的サイトジェネレータを比較してみた - Qiita
静的サイトジェネレータを使ってサイトを作ってみたかったけど、StaticGenを見ても違いがイマイチわからなかったので、自分の気になる点で比較してみました。 比較したプロダクト Middleman Hugo Metalsmith Pelican 上記の4プロダクトを比較しました。 StaticGenで人気がありそうなものを中心に選定しましたが、自分が作りたいサイトはブログではない普通のサイトなので、ブログ作成に特化1していると書いているものは外しました(Jeykll, Octopress, Hexo等)。 なお、比較はすべてドキュメントやサンプルプログラムから読み取れる内容で行ったので、実際の挙動が違っていたらごめんなさい。 基本項目 プロダクト名 開発言語 コンテンツ
ブログをWordPressからHugoに移行しました
このブログをWordPressからHugoに移行しました。HugoというのはGo言語で作られた静的サイトジェネレータでして、簡単に言うと静的なhtmlファイルを吐きだしてくれるツールです。 Hugoにした理由WordPressは人気あるし利用者も多いので情報も多くて運用しやすかったのですが、セキュリティとかDBとかサーバ周りのトラブルが多いのが個人的にはネックだったんですよね。静的サイトジェネレータを使えばそれらの不満点を一気に解消できるというのが移行の一番の理由。 Hugoにしたのはわりと最近名前をよく聞いていたのと、ざっと調べたところ日本語の情報もそれなりに見つけることができたから。ビルドが速いっていうのも魅力だった。あと友達のrakuishiくんが使っていたのも後押しになりました。 このブログはテーマも自作したのですが、テーマを作る上でrakuishiくんのブログとrakuishiく
サイトジェネレータ「HUGO」を使って静的サイトを作成しよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、フロントエンドエンジニアのまろCです。 今回は「HUGO」という静的サイトジェネレータを使った簡単なブログを作ってみます。 HUGOとは http://gohugo.io/ 最近社内でもアツい、Go言語で作られた静的サイトジェネレータです。Octopressより高速にページを生成してくれます。 早速インストール 今回はMacにて動作させてみます。環境は、OSX 10.10.5です。 brew install hugo cd {project_dir} hugo new site maroc.com これで、サイトの雛形ができました。 . ├── archetypes ├── config.toml ├── content ├── data ├── layouts └── static cd maroc.com hugo 上記のようなディレクトリ構造になっているかと思います。 プ
JekyllからHugoへ - MOL
これまでJekyllを使ってブログを書いてたけどHugoに移行したという話。Frontend Weekly Vol.0で知ったんだけど、これ見ていいなーって思ったのでやってみた。 OctopressからHugoへ移行した | SOTA これまでのブログ遍歴 Blogger: Webサービスを使うのはよいことだ。最初にはてなを使ってたら僕の人生変わってたかもしれない。 WordPress + さくらサーバー: 僕は若かった。いったい誰が僕のことを責めれようか。いや誰もいない。 Jekyll + GitHub Pages: マークダウン最高w Hugo + GitHub Pages: イマココ Jekyllのイヤなところ 遅い！コレに尽きる。上記のように、7年ほどブログを続けていると記事数が450くらいになってた。jekyll serve --watchして、記事を変更しても体感的に10秒くら
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
静的ジェネレーターでのサイト作成方法イメージ
Hugo :: A fast and modern static website engine