Middlemanタグの記事

middlemanでbundle execを無しにする!binstubsが大活躍

Middlemanでコマンドを実行する時、bundle execをつけるのって、結構面倒臭いですよね。

Middlemanでサムネイル画像を作る方法

Middlemanでこのようなサムネイル画像を作る方法をご紹介します。このようなサムネイル画像をMiddlemanでも作ることができます。

Middlemanで更新日付を表示する方法

Middlemanでブログを書いていて、ふと思ったのですが、記事の作成日は表示しているのですが、更新日は表示されていないんですよね。これじゃ、せっかく過去の記事を修正しても、読者に古い記事だと思われて記事の信用度が落ちてしまいますよね。

middleman-blogでタグやカレンダーをカテゴリーの下階層に入れる方法

公式マニュアルではカスタム記事コレクションという機能を使って、カテゴリーを実現できるとしていますが、この機能だとタグと機能が同じなので、あまり存在意義を感じられません。 カテゴリーをタグやカレンダーより上位のレベルにあるものとして扱うにはどうすればよいのでしょうか?

MiddlemanでGoogle Search Consoleを設定する方法

通常アクセス解析ツールでは、訪問者がどういうキーワードでGoogleで検索してきたかわかりません。でも、Google Search Cnsoleを使えばキーワードが全てわかります。Middlemanでも簡単に使うことができるので設定方法を紹介します。

MiddlemanでGoogle Analyticsを使う方法

MiddlemanでGoogle Analyticsを使うのは本当に簡単です。下のGemを使えばすぐにできます。 danielbayerlein/middleman-google-analytics

MiddlemanでKramdownのoptionを設定する方法

MiddlemanのデフォルトのMarkdownパーサーのKramdownですが、本来多くのオプションが存在します。Middlemanでそれらのオプションを最大限に利用できるのでその方法をご紹介します。

MiddlemanのKramdownで生成した横長のtableを横スクロールさせる方法

MiddlemanのMarkdownパーサーにKramdownを使っていて便利なのがテーブル。 でも、横長になりすぎた時や、スマホで見た時、横にはみ出してしまうんですよね。

Middlemanでsitemap.xmlを作成しping送信する方法

通常の無料ブログやサイト作成ツールはping送信機能というものがだいたいついています。ping送信によって、Google等の検索エンジンに早めにクロールしてもらい検索結果に反映してもらうことができます。 Middlemanの公式ドキュメントにはそのあたりが触れられていませんが、ちょっとした設定を行うことで、Middlemanでもping送信をすることができます。

Middlemanで作ったサイトをAmazon S3にデプロイする手順

Middlemanで生成したサイトをAmazon S3にデプロイする手順をご紹介します。既に同じような記事はありますが、ちょっと古かったり抜け落ちたりしていることが多いので、今回改めて書いてみました。

middleman-syntaxをSwiftに適用する方法

middleman-syntaxはAppleの新言語Swiftにも対応しています。ただ、ちょっと注意点があります。

Middlemanでアクセス解析ツールを使う方法

Middlemanでアクセス解析ツールを使う方法を説明します。ローカル環境で開発している時の自分のアクセスはカウントしないようにすることも、Middlemanでは簡単にできます。

Middlemanのasset_hashで超柔軟にアセットファイルの交換が可能

アセットファイルを交換しても古いファイルが使われてしまう問題 WEBサイトを運営していて、画像やCSSやJavaScriptなどのアセットファイルを交換しても、ユーザが以前も訪問していた場合、古いファイルが使われてしまうことがります。

Middlemanのdirectory_indexesとURLの最後のスラッシュの関係

directory_indexes(きれなURL)の実際の動き Middlemanの機能で1つの魅力だと思っていたのは、directory_indexex(きれなURL)です。この機能を使えばURLに無駄がなくシンプルなものにできます。公式マニュアルのこの部分には下のように書いてあります。

Middlemanでstrip_tagsを使ってサマリーをplain textにする方法

一覧ページのサマリー部分にタグはいらない この画像は本ページの一覧ページの一部です。

Undefined mixinというerrorがmiddleman build実行時に発生した場合の対処法

middleman build実行時にエラーが発生 以下のようなエラーが発生しました。

middleman-blogで記事毎に画像を管理する方法

Middlemanで記事内で使う画像をサイト全体の画像のディレクトリに入れて管理すると、どの記事に関連した画像かわかりにくくなってしまいます。記事毎に画像を管理できたら便利です。

Middlemanでerbのコードブロックをerbに書く方法

記事内にerbのコードブロックを書くとエラーが発生 私は記事をMarkdownで書いていますが、より柔軟に変数やロジックを使いたいため、拡張子を.html.md.erbとし、erbで動的に生成したMarkdownがhtmlに変換されるようにしています。

middleman-syntaxでGitHubみたいにきれいにhighlightingする方法

Middlemanで作ったサイトでは、簡単に自分のサンプルコードにsyntax highlightを適用することが可能です。まるで、GitHub上のコードと同じような見た目にすることも可能です。

MiddlemanでMarkdownの改行がbrタグに変換されるようにする方法

MiddlemanのMarkdownはデフォルトのままだと普通に改行してもbrタグは入らない GitHub上でissueやpull requestを書く時に使われているMarkdownだと改行するとhtml上でもちゃんと改行されますよね。これは改行がbrタグに変換されるからです。

Middlemanでlivereloadが反応しなくなった時にやるべきこと

Middlemanで開発をすすめていて便利なのがlivereloadですが、なぜか反応しなくなったことはありませんか?

middleman-blogでpaginationの変数をpartialやlayoutでも使う方法

paginationに関する変数をpartialやlayoutで使うと何も表示されない

Middlemanの"Slim::Engine: Option :Lang is invalid"というwarnigについて

"middleman server"を実行しているターミナルで発生するwarning slimを使用している方はこのようなwarningが発生していませんか?

"middleman deploy"実行時に発生したエラーへの対処

"middleman deploy" 実行時にエラーが発生 mddleman deploy実行時に以下のエラーが発生しました。

middleman-blogでyearやmonthやdayやtagページの生成をしない方法

"middleman build --verbose" 実行時にエラーが発生 mddleman build --verboseで下のようなエラーが出ました。

Middlemanでcontent_forとyield_contentで超柔軟にlayoutを変更する方法

テンプレートからlayoutを微妙に変えられるcontent_forとyield_content たとえば、記事ページと一覧ページでサイドバーの内容を変えたい時、どうしますか?Layout側でIf文で出し分けるという方法もありますね。 でも、Middlemanではそのような場合はcontent_forとyield_contentを使うとコードの見通しが良くなります。

Middlemanでwrap_layoutがドキュメント通りに動かない件

ドキュメント通りにしてもhtmlが何も出力されないという問題 公式ドキュメントのこの部分によると、Nested Layoutを使いたい場合は下のようにすると書いてありますが、これだと動きません。htmlが何も出力されず白い画面となります。