技術的なことを書くブログスマートフォン用の表示で見る主に技術的なことを書くブログ浅めにマークアップ&フロントエンドの技術的なことをメモしていましたが、ざっくばらんに書いています。2015-02-02Jekyllを使って、DropboxのMarkdownファイルをいい感じに整理してみたJekyll最近、仕事の細かい作業のこととかをMarkdownでメモってDropboxに.mdファイルで保存して置いておく、というのが日常化してきたのですが、それらをいい感じに一覧にしたり整理できないかな、と思い、Jekyllをいれてみました。Jekyllとは、Markdownで書いたものを静的サイトにしてブログっぽく生成してくれるツールで、イメージ的には軽量のMTみたいな感じでしょうか。Hyde」なので、ジキルでいいんじゃないと思うのですが、ネイティブな発音では通じないそうです。Jekyllを「じきる」と読むと外国の方には通じない経験を多くしました。外国の方に伝える際には「じゃこる」「じぇこ」のような発音の方が通じやすいでしょう。BlogJekyllのインストールRuby製のツールなので、事前にもろもろインストールしておく必要があります。ブラウザで開くと見れます。whiskersDropboxでつかうPublicフォルダにいれて、公開リンクをコピーでURLを見ても、cssとかリンクがルートパスなので、もろもろリンク切れしてます。ここに関しては、もうDropboxという環境に合わせて、力技で絶対パスに変えるしかありません。Dropboxでサイトを公開できるサービスもあるので、普通にブログとして運用する場合は、そういうのを利用したら良いと思います。なるように設定すれば、大方見れる状態にはなります。Front-Matterをいじったらwatchをとめてリロードしないと反映されないこともあるので注意です。_layouts以下のテンプレの名前を指定できます。Front-Matterに関しては、下記のようにもろもろ設定できます。優先されるようなので、タイトルはともかく、下手に日付とかを設定するとややこしいことになりそうです。いったディレクトリが生成され、日付とは別にページが生成されます。このあたりを、もう少し踏み込んで調べたらそれなりのCMSと同等には使えるのかな、と思いますが、一旦、保留にしときます。Settingそのままだとちょっと普段のと違う感じの設定なので、設定しなおします。いうディレクトリをつくって、そこに投稿記事を置いて、下記のコマンドでプレビューすると、下書き記事込みでプレビューできます。ブログとして使う場合は必要ですね。--drafts_drafts以下は、ファイル名に日付なしで、作成日で勝手に日付を設定してくれるっぽく、逆に日付をつけるとリンクがおかしい感じになりました。テンプレートのカスタマイズテンプレートも作り込み始めたらかなりおもしろそうなのですが、おしゃれなテンプレを見つけたので、それでひとまずは運用してみたいと思います。poole/lanyonpoole/hydeディレクトリ構造とか、公式ドキュメントで書いてる感じじゃなくても動いてたりするので、どうやってそのあたりカスタマイズしてるのか。Tumblr広告を非表示にする関連記事2015-03-18MacにVagrantでローカル開発環境構築Vagrantとは、違う環境に移行可能な開発環境を簡単に構築・管理...2015-03-11ローカルのWordPressのプラグインのアップデートでWP-CLI使ったりいろいろハマった件おひさしぶりにWordPressで複合的にハマったので書きます。...2015-02-05Jekyllのテンプレートカスタマイズ細々カスタマイズしたら随時更新してゆきます。ウィジェットはてなブログをはじめよう!nakagawさんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。