更新 TECH

静的サイトジェネレータ「Hugo」でシンプルブログサイトを構築する

今、自分でブログ・サイトを構築するとしたら、どんな選択肢があるでしょうか。 さすがにHTMLを自分で手打ちするのは大変です。 なんらかのCMS(Content Management System:コンテンツ管理システム)を利用することになりますが、そのCMSにもさまざまな種類があり、どれを選んだらよいのでしょうか。 私自身、CMSとしては Lokka (Ruby), WordPress …

読む →

静的サイトジェネレータ「Hugo」でシンプルブログサイトを構築する
更新 TECH

JekyllからHugoへの移行ポイント

Hugoが爆速であること、HugoがGolangで作られていて読みながら勉強したいという理由で、JekyllからHugoに移行した。 基本的には、_postディレクトリにあるものを、Hugoでいうcontent/postディレクトリに配置すればよい。テーマを指定せずに、Hugoとしても何も出力されないのでそこは注意すること。

読む →

JekyllからHugoへの移行ポイント
更新 TECH

Jekyllのタグとカテゴリを整理するために、一覧表示するWebアプリ(個人用)をつくった

カテゴリ名を一括変換したり、タグ名を整理する際に、今どうなっているか一覧にしたかったので、Railsで作ってみた。 無事一覧が出来たので気持ちいい。こういう庭いじり好きかも笑。 https://github.com/meganii/JekyllFFviewer Postsテーブル作成 metadataとして、JekyllのFront Matterを格納する。

読む →

Jekyllのタグとカテゴリを整理するために、一覧表示するWebアプリ(個人用)をつくった
更新 TECH

Jekyllに月別アーカイブを実装する

以下のページを参考に、月別アーカイブを実装した。 参考 Octopress - 月別アーカイブ! - mk-mode BLOG shigeya/jekyll-monthly-archive-plugin 用途 monthly_archive_plugin.rb 月別アーカイブページを生成 monthly_archive.html 月別アーカイブページのレイアウト …

読む →

更新 TECH

Jekyllにタグクラウドを実装する

タグクラウドが欲しくなったので、タグクラウドタグを実装した。 tag_generator.rb module Jekyll class TagPage < Page def initialize(site, base, dir, tag) @site = site @base = base @dir = dir @name = 'index.html' …

読む →

更新 TECH

JekyllでPygmentsを使ってのシンタックスハイライト

シンタックスハイライトに、Pygmentsを使いたくなったので変更する。 1.pygmentsをインストールする。 pip install pygments 2. 以下のコマンドでcssを生成する。 pygmentize -a .highlight -S monokai -f html > css/monokai.css 3. Gemfileにpygmentsを追加 gem …

読む →

更新 TECH

Jekyllでページ分割する-pagenation-

Jekyllでやりたいこと Jekyllを使っていて、トップページにすべての記事が出てくるのもうっとおしい。 トップページの表示記事を5〜10件にして、そのほかの記事を「次へ」、「戻る」で遷移させたい。 解決策 ページネーションを利用する。

読む →

更新 TECH

YouTube埋め込みタグをレスポンシブ化する

せっかくのレスポンシブデザインなので、YouTubeの埋め込みもレスポンシブ化してみた。 main.css .youtubeWrapper{ position: relative ; margin-top: 1.2em ; margin-bottom: 1.2em ; padding-top: 69px ; padding-bottom: 50% ; overflow: hidden ; } …

読む →

更新 TECH

JekyllのFront matterを抽出する

require 'rubygems' require 'english' require 'yaml' content = File.read('test.markdown') content =~ /\A(---\s*\n.*?\n?)^(---\s*$\n?)/m YAML.load($MATCH) 参考 Jekyllのお勉強 …

読む →

更新 TECH

Jekyllのバージョンアップ

Jekyllのバージョンがいつの間にか1.3になっているので、バージョンアップする。 brew update Xcodeが古くなっているので、AppStoreから最新をダウンロード rbenv install 2.0.0-p195 brew update # Homebrew自体とfomulaを最新にする brew upgrade # 更新のあるパッケージを再ビルド brew doctor 設定が …

読む →