Jekyll

Jekyllで未来の日付のエントリも表示する

Jekyllは以下のようにエントリの先頭にYAMLでメタデータを記述することができます。 --- layout: post title: "GitBucket 4.3 released!" date: 2016-07-30 00:00:00 image: /images/gitbucket-4.2/adminlte.png categories: gitbucket --- dateで公開日を指…

JekyllでTwitterカード用のタグを出力する

前回紹介したjekyll-seo-tagプラグインはogp用のタグは出力してくれるのですが、twitterカード用のタグを出力するにはTwitterのユーザ名を設定しないといけないようです。 GitBucketは自分のTwitterアカウントで情報を流していますが、プロジェクトとしての…

GitHub PagesのJekyllでogpタグを出力する

GitHub Pagesのドキュメントによるとjekyll-seo-tagというプラグインが使えるみたいです。 github.com まず_config.ymlに以下の記述を追加します。 gems: - jekyll-seo-tag それから_layouts/_default.htmlなどタグを出力したい位置に{% seo %}という記述を…

JekyllにDisqusのコメントフォームをつけてみる

GitHub PagesのJekyllにDisqusを使ったコメントフォームがついてるブログを見かけていいなーと思ったのでGitBucket Newsにもつけてみました。 disqus.com 使い方は簡単でDisqusにユーザ登録後コメントフォームをつけたいサイトを登録し、各種ブログプラット…

jekyll-mentionsにプルリクしてみた

社内でRailsを教わっていた先生に見捨てられてから早1年半以上、 Rails力は一切向上していませんが、なけなしのRuby力を振り絞ってjekyll-mentionsにプルリクしてみました。Rubyのプロジェクトにプルリクするのはこれが初めてのことです。 github.com 事の発…

Jekyllのエントリの表示をGitHubのスタイルっぽくしてみる

GitHubのMarkdownのCSSを再現しているものがあるのでそれを使用します。 github.com GitHubからgithub-markdown.cssをダウンロードし、cssディレクトリに配置します。続いて_includes/head.cssに以下の記述を追加します。 <link rel="stylesheet" href="{{ "/css/github-markdown.css" | prepend: site.baseurl }}"> _layouts/post.htmlの先頭のdiv要</link>…

JekyllでkramdownのGFMサポートを有効にする

JekyllでGitHub-flavored Markdownを使うために今までredcarpetを使っていたのですが、GitHub Pagesでは2016年5月以降、kramdownのみのサポートになるようです。 kramdownはデフォルトではコードブロックの記法などがGFMと微妙に異なるみたいなのでどうしよ…

Jekyllでページング

GitBucket NewsはGitHub Pagesを使ってJekyllで運用しているのですが、エントリ数もそこそこ増えてきたので記事の一覧画面をページングするようにしてみました。 まずは_config.ymlに以下の設定を追加します。 paginate: 10 index.htmlを以下のように書き換…

GithubのWeb UIからポストしてみる

そういえばGithubではWebブラウザでリポジトリ内のファイルを編集することができる、つまりローカルからpushしなくてもブログの更新ができるのでは?ということでやってみました。Markdownで書いているのでプレビューもできます。デフォルトの記法だとうまく…

JekyllでGithub風の記法を使えるようにする

JekyllではMarkdownでエントリを記述することができますが、デフォルトではkramdownというパーサが使用されます。これは皆さん御馴染みのGithubのMarkdownの書式とは若干異なるものです。redcarpetというパーサを使うとGithubと同じ記法でコードブロックやテ…

Jekyllのエントリに画像を貼る

まず、適当なディレクトリを作成して画像ファイルを入れておきます。たとえば/images/sample.pngという画像ファイルを配置したとします。 エントリにはこんな感じの記述で画像を貼ることができます。 ![キャプション](http://takezoe.github.io/blog/images/…

はじめてのJekyll on Github Pages

インストール 今更感がありますが、GithubでJekyllを使ってブログを書けないかなーと思い、試してみました。まずはgemコマンドでJekyllをインストール。 $ gem install jekyll するとjekyllコマンドが使用できるようになるので(使用できない場合はターミナ…