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
Test your Jekyll blog with Travis CI
Introduction Testing your blog may sound like an odd thing to do, but if you’re running a Jekyll blog hosted on GitHub it is simple to set up and really useful for notifying you about broken links and other issues. Things you should test You should check for good practice items in your article which you might forget to do. Things like including alt tags for your images or making sure your links ac
Octopressで最後に編集した記事だけをgenerate | gam0022.net
はじめに 以前、Octopressのpreviewを高速化するという記事を書きました。 この記事では、rake isolate と rake integrate を使って特定の記事だけを generate することによって、 rake generate を高速化していました。 しかしながら、この方法は手順が複雑で使うコマンドが多く、面倒だし使い方を忘れるという問題がありました。 通常、最後に保存したファイルを generate することが多いので、これを利用してもっと便利な Rake の task を作ります。 rake generate_only Rakefile に generate_only という task を追加します。頻繁に使うので、goというaliasも定義しました。 使い方は、rake generate_only [filename] という形式で使います。 filenam
Octopressのpreviewを高速化する | gam0022.net
Octopressの記事の生成が遅い Octopressを使ってから一年以上が経ちました。 記事の数に比例して、rake generate がアホみたいに遅くなって、耐えられないレベルになってきました。 今日は、rake isolate と rake integrate を使うことでOctopressの記事の生成を高速化するテクニックを紹介します。 rake isolate と rake integrate については、次の記事に詳しく紹介されています。 Tips for Speeding Up Octopress Site Generation rake isolate と rake integrate について簡単に説明 さっき紹介したリンクは英語なので、日本語でrake isolate と rake integrateをざっくり説明します。 rake isolate[filename
シェアボタンを非同期読み込みでまとめて設定
B! 5 0 0 0 Twitterだとかはてなブックマークのシェアボタンの辺りで 少しおかしかった点等を直してまとめ直したことについて。 そんなにシェアされてるわけではないですが、 ブログっぽさを出すために取り敢えず自己満足用に。 非同期スクリプト用関数を作ってまとめて読み込む Octopress用のコード source/_includes/post/sharing.html source/_includes/after_footer.html いくつか気になったこととか はてなブックマークのトラッキング問題 LinkWithin関連 ネットワークパス参照(network-path reference) fb-root CSS SCSS変換やその他コード関連で便利なサイト コードを置く位置 その他参考 非同期スクリプト用関数を作ってまとめて読み込む 追記: 2013/11/28 enco
pygmentsが原因でjekyllが重くなってた - hokaccha memo
jekyllの実行が20秒〜30秒くらいかかってさすがにかかりすぎなので原因を調べてみたらコードハイライトに使ってるpygamentsが原因だった。 今現在gemでインストールできるjekyllはコードハイライトにalbinoっていうモジュールを使ってみるみたいで、こいつはハイライトするコードブロックがあるあるたびにpygamentsプロセスを立ち上げるらしく、それが原因で超重くなってたみたい。 コードハイライトしてる部分は280箇所くらいあったから一回の変換で280回プロセスが立ち上がってたみたいなんでそりゃ遅くなるよと思った。 githubの最新を見たらalbinoじゃなくてpygments.rbを使うように変更されてて、こいつはalbinoと違ってFFIを使って高速に動作するらしい。以下のコミットで変更されてる。 https://github.com/tombell/jekyll/c
企業サイトがGitHub Pages＋Jekyllで出来た！
GitHubが提供するサービスの一つがPagesで、私のGitHubでのアカウントがinoccuなので、inoccu.github.io（あるいはinoccu.github.com）というリポジトリを作って、そこにHTMLファイル等をプッシュすると、http://inoccu.github.ioというURLで公開されるというものです。独自ドメインにも対応しています。 Artisan Edgeでは、artisanedgeという名前のOrganization（組織用）アカウントをGitHubで持っていて、OrganizationでもPagesは使えるので、上記Artisan Edgeの公式サイトは、artisanedge.github.comというリポジトリで管理され、http://artisanedge.jpというドメインでアクセスできるように設定しているわけです。 ところで、Pagesは静
JekyllとWordPressの違いを用途の面からまとめてみる
以前、Artisan Edgeで契約していたVPSを解約した。もう、VPSは契約しない！と宣言したいという記事… その回答を兼ねて、書いてみようと思います。 GitHub＋Jekyllで何が出来るのか？ 基本的には今朝の記事（上記）に書いたとおりなのですが、技術的な側面に寄っていたと思うので、実用面でまとめてみましょう。 Jekyll単体の場合 Jekyllは公式サイトでは、”transform your text into a monster”と書いてあって、「テキストファイルを変換するもの」なんですね。 だから、Liquidで書いたテンプレートに対して、テキストファイルの中身を埋め込んでくれるだけです。で、そのテンプレートがHTMLであればWebページが吐き出されるし、XMLならRSSフィードのようなものを吐き出すことも出来ます。 ただ、もう少し面白い機能があって、 _posts とい
俺の最強ブログ システムが火を噴くぜ
ブログを「はてなダイアリー」から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい！と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5 マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo
WordPressよりjekyllで本格的ブログを作りたくなる、かもしれないまとめ | ゆっくりと…
ここ最近、jekyll に関する記事を目にする事が多くなりました。 以前から WordPress でオリジナルなブログを作ってみたいと思いながらも、なかなか重い腰が上がらなかった私が、なんとなく jekyll でブログを作り始めてみたら、以外にオモシロかった、という話をまとめてみたいと思います。 本来生まれも育ちも違う、WordPress と jekyll を比べる こと自体はナンセンスなので、jekyll でどこまでできるかが本記事のメイン・テーマです。 大抵は 「ブログなら、最低このぐらいの機能が欲しいよネ」 というのがあると思います。例えば、私も使っている Octopress では、カテゴリとタグを使い分けることが出来ません。またカテゴリを階層化したい人もいるでしょう。「続きを読む」的な機能だって、欲しいですよネ。 一方海外では、「WordPress から jekyll に乗り換えま
switching to octopress - m.igrs.jp
しばらくの間 github パクリデザインでしたが レイアウト崩れてきてしまった(リソース直接参照してました。すいません…) ので変更することにしました。 ということで今回採用したのが octopress というブログエンジンです。 octopress とは http://octopress.org/ 簡単に言えば jekyll にデザイン載せて便利にしたようなブログエンジンです。 jekyll 自体に手を加えているわけではなく、jekyll を利用したフレームワークといった感じ。 特徴 HTML5 / CSS3 でデザインもイケてるデフォルトテンプレート スマートフォン対応 (320 and up 採用) 外部サイト連携 (Twitter, Google Plus, Disqus, Pinboard, Delicious, Google Analytics) Github pages や
jekyllの実験的テンプレート - T.I.D.
jekyll で本格的ブログを作るためのテンプレート jekyll-experiment を作ってみたが、色々と作り込むうちに複雑になってきたので、ここに記録しておく。 制作方針 モジュール化により、カスタマイズし易くすること。 ブログに必要な最小限の機能が、プラグインの使えない GitHub Pages 上の jekyll でも動作すること。 構成 . ├── _deploy/ # デプロイ時の静的ファイル群を保存しておく ├── _includes/ # 他からインクルードされるテンプレート部品 │ ├── asides/ # サイドバー用各種テンプレート部品 │ ├── post/ # 個別記事ページ用各種テンプレート部品 │ ├── libs/ # 小さなテンプレート部品 │ ├── js/ # 小さな js 部品 │ ├── css/ # 小さな css 部品 │ │ └── p
一生涯はてな記法しますか？それともMarkdownしますか？
はてなダイアリー はてなダイアリーでははてな記法という、HTMLの簡略記法が使えます。この記法を利用することで簡単に整形された日記を書くことができます。私も６年間はてなダイアリーと、はてな記法のお世話になりました。 しかしはてな記法は、はてな独自の簡略記法なので他では使えません。従って一つの不安がよぎります。 この先もし10年、20年とブログを書き続けるとしたら、それははてな記法でいいのかと。 はてなダイアリーには別の不満もあります。次のようなものです。 HTML整形後の文章をローカル環境で確認できない。 記事に変更が生じてWeb上で直接編集した場合に、ローカルデータと内容が不一致となり、その管理が煩雑となる1。 あんなにサンプルがあるのに、イケてるデザインが見当たらない2。 基本的にサイトが重い。 Github Pages + Jekyll そんな理由から私はGitHub PagesとJ
俺の最強ブログシステムも火を噴いてたぜ - Webtech Walker
俺の最強ブログ システムが火を噴くぜ - てっく煮ブログ これとJekyll、DISQUS、Githubを使ってるところあたりはほとんど同じだった。 元記事がレンタルサーバーにデプロイしてるのに対してこっちはgithub pagesにデプロイしてる。サーバーも用意しなくていいからお手軽かつ最強だぜ〜。 ただgithub pagesに直接Jekyllのソース上げるとplugin使えなかったりして不便なんでJekyllで生成した静的ファイルをgh-pagesブランチにコミットしていて masterブランチ -> ソース gh-pagesブランチ -> 生成したファイル ってしてるんだけど、いちいちブランチ切り替えてなんちゃらしたりhookスクリプトでほげほげするのは面倒なんで $ rake deploy ってやるとJekyllのビルドが走って生成したファイルコピーしてgh-pagesにコミット
30分のチュートリアルでJekyllを理解する
(追記：2013-05-20) 本記事はJekyllバージョン0.12.0に対応しています。Jekyllバージョン1.0のリリースに伴い、本記事を改訂した記事を投稿しましたので、最新版に対応したチュートリアルについてはそちらを参照下さい。 “Jekyllいつやるの？ジキやルの？今でしょ！” (追記：2012-12-07) 本記事を電子書籍化しました。「Gumroad」を通して100円にて販売しています。内容についての追加・変更はありませんが、メディア向けの調整および誤記の修正を行っています。 電子書籍「30分のチュートリアルでJekyllを理解する」EPUB版 このリンクはGumroadにおける商品購入リンクになっています。クリックすると、オーバーレイ・ウインドウが立ち上がって、この場でクレジットカード決済による購入が可能です。購入にはクレジット情報およびメールアドレスの入力が必要になりま
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[Jekyll]jekyllでプラグインを使った動的ページ生成
4half.net is Expired or Suspended.
http://css.studiomohawk.com/jekyll/2011/06/11/jekyll/
Jekyll のデプロイ手順を改めた | tech.portalshit.net
tjun月１日記