Octopress - プロフィール表示を追加!

Updated:


Octopress では、プロフィールを表示させることが可能です。

以下、記録です。

1. HTML の確認・編集

プロフィールを表示する HTML source/_includes/custom/asides/about.html は以下のようになっている。
必要なら編集する。

File: source/_includes/custom/asides/about.html

1
2
3
4
5
 
<section>
  <h1>About Me</h1>
  <p>ここに、プロフィールを記載。</p>
</section>

通常の HTML なので、画像を貼ったりしてもよい。

2. サイドバー表示設定

サイドバーにプロフィールを表示させる為、_config.yml を編集する。
custom/asides/about.html を表示させたい位置に挿入する。

File: _config.yml

1
2
3
4
 
# list each of the sidebar modules you want to include, in the order you want them to appear.
# To add custom asides, create files in /source/_includes/custom/asides/ and add them to the list like 'custom/asides/custom_aside_name.html'
default_asides: [custom/asides/about.html, asides/recent_posts.html, custom/asides/category_list.html, custom/asides/tag_cloud.html, asides/github.html, asides/twitter.html, asides/delicious.html, asides/pinboard.html, asides/googleplus.html]

3. デプロイ

generatepreview で確認し deploy する。

$ rake generate
$ rake preview
$ rake deploy

これで、サイドバーにプロフィールが表示されます。

以上。





 

Sponsored Link

 

Comments