Hugo で画像ファイルを Markdown ファイルと同じディレクトリに置く (Page Bundle)
ページバンドルとは初期の頃の Hugo では、画像ファイルは static ディレクトリに置いて、記事ファイル (Markdown) と別々のディレクトリで管理するという方法がとられていました。 content/_index.mdpage1.mdpage2.mdpage3.mdstatic/image1.pngimage2.pngimage3.pngしかし、これでは Markdown ファイルと画像ファイルをバラバラに管理しないといけないというユーザーの不満が出て、現状は content ディレクトリ以下に一緒に配置できるようになっています。 この仕組みを ページバンドル (Page Bundle) と言います。 参考: Page Bundles - Hugoページバンドルは、その名のとおり、各ページにバンドルする形で画像ファイル（リソース）を保持するという考え方です。 ページバンドルを作
はてなブログから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 上記のようなディレクトリ構造になっているかと思います。 プ
ブログを作ることについて - unshiu
オリジナルのブログを作ってみて 最近、JUGEMやlibedoor、FC2などのブログサービスやWordPressといったCMSを利用しないオリジナルのブログを作った。 THE SNOWBALL オリジナルといっても1からHTMLをベタ書きなどはとてもじゃないがやってられないので、Markdown形式でコンテンツを書いて、HTMLを生成してくれる静的サイトジェネレータというやつを使った。 自分がいま使っているのはRuhohというRubyで書かれたジェネレータ。静的サイトジェネレータは数多あるけれど、Ruhohは ruhoh universal static blog generator 静的サイトジェネレータというのは、いわゆるCMSとは違い静的なHTMLを吐き出すだけで、サーバー上に設置せずローカルで作業を完結する（生成したファイルのアップロード作業は別途必要）。 したがって、ブラウザで
ブログをWordPressからMiddlemanに移行しました！ | feedforce Engineers' blog
お初にお目にかかります。鉛弾を敵の眉間にブチ込むゲームが好きなdkimuraです。 先月末に当ブログを、WordPressからMiddlemanへ移行いたしました。 その際にハマった/悩んだところをご紹介させていただきます。 移行の流れ WordPressから、記事データをXMLでエクスポートする エクスポートした記事データをMarkdownに変換 middleman-blogコーディング Github Pagesでホスティング 今回は太字になっている箇所で苦労したお話をさせていただだきます。 エクスポートした記事データをMarkdownに変換 既に記事移行用に、Rubyスクリプトが公開されていたのでForkして使用しました。 大半の記事は上手くMarkdownに変換できましたが、変換後の確認と調整は必要です。 salmansqadeer/wordpress-to-middleman ht
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秒くら
手になじむブログ環境を作った - 俺式4.0 Blog
手になじむブログ環境を作った いまさらブログ構築 中くらいのアウトプット を書き留める場所が必要だった。 すでに僕は 自分のサイト を持っていたが、こいつは自分のポートフォリオとして機能するように、 ある程度完成したものしか置きたくなかった。 ちょっと思い立って、でも刹那とは言えない程度には考えたことを書き留めておけるように、 僕はこのブログを作った。Twitter や Tumblr では僕の要件を満たさなかったから。 プログラマ特化の心地よさ このブログは Markdown で本文を書いて、事前にサイト全体を生成したものを公開している。 僕はプログラマだが、プログラマが自分好みのブログの制作環境を整えるってのは、 少し前から密かに流行っているように思う。 大抵はテキストファイルに Markdown 記法で文章を書いて、ジェネレータでサイト全体を生成する。 ジェネレータは、Jekyll や
静的サイトジェネレータ『Octopress』の使い方 - slow living in the sky
前回のおさらい 前回、Githubブログの入門をしたので、今回は早速Octopressの使い方を紹介しようと思います。 Githubには**静的ファイル** (html, js, css, png...)しかアップロード出来ないので、ツールで工夫する必要があるということでした。 前提として、Gitは理解しているという仮定で説明しますので、分からない人は後から勉強してみてください。 サルでも分かるGit入門 Octopressのインストール OSごとに違いますので、下のボタンからどれかをクリックして下さい。 Windows Mac OS X Linux Windowsの場合 Windowsの場合は、 軽量LinuxをVMWareにインストールする Cygwinをインストールする （上級者向け: 失敗した場合に対応できる技術が必要） のどちらかがおすすめです。というのも、Windowsはオープ
WordPressからmiddlemanに移行してGithub Pagesで運用する方法
サイトをリニューアルしていました。 WordPressからmiddleman-blogに乗り換えました。 ホスティングもロリポップからgithub-pagesに乗り換え。 理由は普段使っているエディタでmarkdownでブログを書いてgitでデプロイする流れがやりたかったから。 static site generatorは数あれど、慣れたmiddlemanでやってしまおうと思っていました。 haml と sassでコーディングしています。コードはここに置いてあります→camuro.github.io 今回リニューアルするのにとった流れか下記の通りです。 WordPressからデータをmarkdown形式でブッコ抜く Pureを少し使ってmiddleman-blogでコーディング githubにorganizationアカウントを作る middleman-deployでdeploy トップレ
middleman-blogをgithubでホストする | Coiney Developer Blog
この記事は2013年6月21日にatsuyaによってCoiney Developer Blogに書かれた記事の転載です。 最近は色々魅力的なブログサービスが沢山ありますが、自分の書いた記事が手元にファイルとして残るのは嬉しい事です。このブログは、middleman (とmiddleman-blog) を使って作成し、記事を含んだ全てのデータをgithubで管理しています。middlemanは、最終的にhtmlファイルを出力するので、それらのhtmlファイルを公開したい場合は、どこかでホストする必要があります。既にgithubを使ってデータを管理しているので、ここではgithubでmiddlemanで作成したブログをホストする方法を解説します。 github pages githubには、github pagesという、静的なコンテンツをホスト出来る機能があります。githubのユーザかor
Tools / ruhoh( Static Blog Generator ) [GameCreator'sNote]
ruhohとは？ とりあえず公開するまでの手順 1.ローカルで動かす 2.記事を作成する 3.バージョン管理する 4.設定ファイルを編集する 5.インターネットに公開する 6.独自ドメインをひもづける 7. ルートドメイン対応を行う 快適な運用の為の追加タスク markdownエンジンを変更する その他のTips faviconを設定する 画像の呼び出し方法 任意のページで特定のプラグインを無効にする ruhohとは？ エンジニア向けのブログプラットフォーム。 下記のような特徴をもつ Markdown。冗長なHTMLの記述が不要 Git 記事はgit push時に自動更新。履歴管理にはgithubを利用 Free。github等でホスティングでき、運用を含め、コストがかからない Simple。Jekyll（ジキル）を更に洗練させた仕組み。アウトプットに専念できる 詳細は、ruhoh公
エンジニア向けブログプラットフォーム「ruhoh」 - blog.workflow
ruhohとは？ サーバ不要で運用することができる、エンジニア向けのブログプラットフォーム。下記のような特徴をもつ Markdown。冗長なHTMLの記述が不要 Git。記事はgit push時に自動更新。履歴管理にはgithubを利用 Free。github等でホスティングでき、運用を含め、コストがかからない Simple。Jekyll(ジキル)を更に洗練させた仕組み。アウトプットに専念できる 本ブログも、github+ruhohで動いています。この記事の生データはこんな感じ ruhohでブログを公開する手順 詳細は、公式サイトのトップページに記載されている通り 1. ruhoh用のgithubリポジトリを作る https://github.com/newにアクセスし、新しいリポジトリを作る。 公開リポジトリで作成する必要があることに注意 その際、リポジトリ名は、必ず「githubのユー
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
静的ジェネレーターでのサイト作成方法イメージ
jpico.info × 社会人が0からノベルゲームを作るブログ
Hugo :: A fast and modern static website engine
Free Dynamic DNS(DDNS) by POP3,IMAP4,FTP,HTTP-BASIC for Home Server, VPS | MyDNS.JP
この tkDocs をどう作ったか - 俺式4.0 tkDocs