Menu Close

TECH

2017.01.08

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

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

TECH

2015.08.30

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

Hugoが爆速であること、HugoがGolangで作られていて読みながら勉強したいという理由からJekyllからHugoに移行することにした。 基本的には、_postディレクトリにあるものを、Hugoで

TECH

2014.12.13

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

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

TECH

2014.12.02

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

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

TECH

2014.12.01

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

2014.11.29

UTF-8-MACとは何か?〜Jekyllのカテゴリ(タグ)ページで濁点を含むページが表示されない〜

Macでファイル作成し、その後、rsyncでさくらVPS(CentOS)に転送しているのだが、濁点を含むファイルだけが表示されない。 例えば、「リファクタリング」など。 https://www.megan

TECH

2014.11.25

Macのsedで改行コードを出力させる 〜改行コードの違い再確認〜

Octpressで各ブログ記事に利用していた`

TECH

2014.10.29

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

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

TECH

2014.10.21

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

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

TECH

2014.09.03

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

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

TECH

2014.06.24

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

2013.11.24

Jekyllのバージョンアップ

Jekyllのバージョンがいつの間にか1.3になっているので、バージョンアップする。 brew update Xcodeが古くなっているので、AppStoreから最新をダウンロード rbenv install 2.0.0-p195 brew update # Homebrew自体とfomu