2017.01.08
TECH
静的サイトジェネレータ「Hugo」でシンプルブログサイトを構築する
今、自分でブログ・サイトを構築するとしたら、どんな選択肢があるでしょうか。 さすがにHTMLを自分で手打ちするのは大変です。 なんらかのCMS（Content Management System：コンテンツ管理システム）を利用することになりますが、そのCMSにもさまざまな種類があり、どれを選んだら …
2015.08.30
TECH
JekyllからHugoへの移行ポイント
Hugoが爆速であること、HugoがGolangで作られていて読みながら勉強したいという理由で、JekyllからHugoに移行した。 基本的には、_postディレクトリにあるものを、Hugoでいうcontent/postディレクトリに配置すればよい。テーマを指定せずに、Hugoとしても何も出力されな …
2014.12.13
TECH
Jekyllのタグとカテゴリを整理するために、一覧表示するWebアプリ(個人用)をつくった
カテゴリ名を一括変換したり、タグ名を整理する際に、今どうなっているか一覧にしたかったので、Railsで作ってみた。 無事一覧が出来たので気持ちいい。こういう庭いじり好きかも笑。 https://github.com/meganii/JekyllFFviewer Postsテー …
2014.12.02
TECH
Jekyllに月別アーカイブを実装する
以下のページを参考に、月別アーカイブを実装した。 参考 Octopress - 月別アーカイブ！ - mk-mode BLOG shigeya/jekyll-monthly-archive-plugin 用途 monthly_archive_plugin.rb 月別アーカイブページを生成 monthly_archive.html 月別アーカイブペー …
2014.12.01
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' …
2014.11.29
TECH
UTF-8-MACとは何か？〜Jekyllのカテゴリ(タグ)ページで濁点を含むページが表示されない〜
Macでファイル作成し、その後、rsyncでさくらVPS(CentOS)に転送しているのだが、濁点を含むファイルだけが表示されない。 例えば、「リファクタリング」など。 /blog/tag/リファクタリング/ 原因 Mac OSXが作成した濁点、半濁点を含むファイル名を、CentOS側では異なる文字 …
2014.11.25
TECH
Macのsedで改行コードを出力させる 〜改行コードの違い再確認〜
Octpressで各ブログ記事に利用していた`
2014.10.29
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 …
2014.10.21
TECH
Jekyllでページ分割する -pagenation-
Jekyllでやりたいこと Jekyllを使っていて、トップページにすべての記事が出てくるのもうっとおしい。 トップページの表示記事を5〜10件にして、そのほかの記事を「次へ」、「戻る」で遷移させたい。 解決策 ページネーションを利用する。
2014.09.03
TECH
YouTube埋め込みタグをレスポンシブ化する
せっかくのレスポンシブデザインなので、YouTubeの埋め込みもレスポンシブ化してみた。 main.css .youtubeWrapper{ position: relative ; margin-top: 1.2em ; margin-bottom: 1.2em ; padding-top: 69px ; padding-bottom: 50% ; overflow: hidden ; } …
2014.06.24
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 …
2013.11.24
TECH
Jekyllのバージョンアップ
Jekyllのバージョンがいつの間にか1.3になっているので、バージョンアップする。 brew update Xcodeが古くなっているので、AppStoreから最新をダウンロード rbenv install 2.0.0-p195 brew update # Homebrew自体とfomulaを最新にする brew upgrade # 更新のあるパッケージを再ビルド brew doctor 設定が …