Sachool Engineering Blog

プログラミング学習の記録

【Octopress】記事の投稿手順

| Comments

こんにちは、仙台ファクトリーのkish(@31_kish)です。
まずはブログについて簡単にご紹介します。

このブログはOctopressを利用しています。
Octopressで記事を書くときは基本的にMarkdown記法を使います。
Markdown記法についてはこちらが参考になります。
学んだことを積極的にアウトプットしていきたいと思います!

実際の記事の書き方を紹介します。

新規ページを作る前に

必ずローカル環境を最新の状態にしてください!

1
$ git pull

新規ページの生成

1
2
$ bundle exec rake new_post
Enter a title for your post:

記事の投稿手順タイトルを入力すると
source/_posts/*.markdownという新規ページが生成されます。

新規ページを編集する

$ vim source/_posts/*.markdown

1
2
3
4
5
6
7
8
9
10
11
---
layout: post
title: "*"
date: 2013-04-16 22:25
comments: true
categories: 
description: 
keywords: 
---

ここに本文を書いていく。

title: ""には記事のタイトルを入力してください。
categoriesには該当するカテゴリを入力してください。
該当するものがない場合は入力すると自動的に作成されます。
複数のカテゴリを登録する場合は['category1', 'category2']と入力します。

画像を載せる

source/images/に画像をアップロードしてください。
![alt octopress](/images/sample.png)

altはhtmlの属性です。
()の中身がファイルのパスになります。
URLを指定することも可能です。

編集が完了したら保存します。

作成したページを確認する

$ bundle exec rake preview

localhost:4040/blogにブラウザからアクセスすると
確認することができます。

編集が終わったら

$ bundle exec rake gen_deploy

デプロイするとsachool.jp/blogが更新されます。

最後に、Pushするのを忘れずに!

1
2
3
$ git add -A
$ git commit -a
$ git push -u origin source

コミットメッセージはわかりやすいものを入力してください。
例:記事を投稿した
以上でブログの更新ができました。

Comments