Wivern Blog

Personal-Tech memorandum

Octopress-Rakefileカスタマイズ

新規作成時bundle exec rake new_post[title]に前回書いたpublished<--more-->タグが初期値として 入ってくれたらよいと思うのでRakefileを修正する。 115行目あたりにかいてある。

Rakefile
1
2
3
4
5
6
7
8
9
10
11
post.puts "---"
post.puts "layout: post"
post.puts "title: \"#{title.gsub(/&/,'&amp;')}\""
post.puts "date: #{Time.now.strftime('%Y-%m-%d %H:%M:%S %z')}"
+ post.puts "author: [author]"
post.puts "comments: true"
+ post.puts "published: true
post.puts "categories: "
post.puts "---"
+ post.puts ""
+ post.puts "!--more--"

Octopress-下書きをdeployしないようにする

下書きしていて完成してない状態でも、他の部分だけを公開したい時があると思う。
その時はYAMLブロックにpublished:false加えるとそのファイルはbundle exec rake generateを実行すると 下書きは生成されないが、bundle exec rake previewをした時は表示される。

exsample.markdown
1
2
3
4
5
6
7
8
9
10
---
layout: post
title: "exsample"
date: 2016-08-31 08:42:56 +0000
comments: true
categories: [exsample]
published: false
---

### 下書き中

Octopress-サイドバーにGravatar追加

サイドバーにProfileを表示させるようにしたのでついでにGravatarも表示させてみる。

Gravatarに開発者向け資料があったので 見てみるとJSONでプロフィール情報を返すAPIを提供しているようなのでそれ使って情報を持ってきて、 画面に反映させなきゃいけないと思っていてGithubを眺めていたらOctopressでGravatarを表示させる プラグインがあったのでそれを使用してみることにした。

Octopress-サイドバーにProfile追加

デフォルトでプロフィール用のHTMLは以下の場所に作成されている。
source/_includes/custom/asides/about.html

about.htmlファイルを編集

1
2
3
4
<section>
  <h1>About Me</h1>
  <p>A little something about me.</p>
</section>

Octopress-新規ページ作成

新規投稿bundle exec rake new_post[title]ではなく新規ページを作成する。

新規ページ作成

1
2
$ bundle exec rake new_page[page_name]
Creating new page: source/[page_name]/index.markdown

Octopress 記事の削除

該当するmarkdownファイルを削除しデプロイするだけ。
ディレクトリの場所: source/_posts/

1
2
$ rm source/_posts/post-title.markdown
$ rake gen_deploy

Octopress-Googleウェブマスターツール登録

Googleウェブマスターツールとは

Googleが公式で提供するウェブ担当者・管理者のためのツール

Googleウェブマスターツールに登録することで、

  • 自分のサイトをGoogleの検索エンジンに早く見つけてもらえ
  • どんなキーワードで表示されているかが分かる
  • そのページがよく検索されているのかがわかる
  • サイトの集客をアップさせたり、SEOにも役立つ

Octopress-theme変更

Octopressのテーマを変更

今回casperというテーマに変更してみる。 基本GithubにあるREADME.mdの手順どおりに進めればよい。

Installing

1
2
3
4
$ cd <octopress directory>
$ git clone https://github.com/jkrmr/casper .themes/casper
$ rake install['casper']
$ rake generate

OctopressをGitHubのProject Pageで作成

Project Page (gh-pages) にデプロイする場合

Github Pagesでサイトを公開する場合は[username].github.ioというリポジトリを作成し、 デプロイすることでhttps://[username].github.ioでアクセスすることができるが、任意のリポジトリを作成し、 Project Page(gh-pages)にデプロイすることもできる。