mdの編集から記事としての投稿まで
記事の編集から投稿まで
前回初めて投稿してからテストやら部活やら就活やらで書いてなかったから再開することにした。
そもそも書き方と投稿方法を忘れかけてるので復習しながらまとめる。
記事を書く
まずは次のコマンドを実行して記事の元ファイルを作成。filenameのところは英語で書いたほうが良い。なぜなら日本語はURLの一部となるためにアルファベットに変換されるから。不自然にならないように英語でかく。 日本語でブログを運営するときはあとから変更すればいいようですね。
$ rake new_post["filename"]
mkdir -p source/_posts
Creating new post: source/_posts/2013-12-28-filename.markdown
実行結果の通りmarkdownファイルが作成される。そのファイルには予め次のようになっている。
---
layout: post
title: "filename"
date: 2012-06-05 23:27
comments: true
categories:
---
categoriesのところは次のように記述するとよい。
<例1>
categories: [javascript,css,jQuery,html]
<例2>
categories:
- javascript
- css
- jQuery
- html
その他のところはまたいつか。 とりあえず記事を書くためにMarkdown記法の編集をみてみよう。
markdown記法の編集
見出し
#の数で見出しのレベルが決まる。少ない方が良い。
[markdown] [html]
#text => <h1>text</h1>
##text => <h2>text</h2>
###text => <h3>text</h3>
強調
文字を強調させるには、**(2つのアスタリスク)か__(2つのアンダースコア)で囲みます。なんて簡単なんだ！
[markdown] [html]
**text** => <strong>text</strong>
__text__ => <strong>text</strong>
改行と段落
mdでは人がみる形で改行を入れていても、1行以上の空白が無いと表示上は改行されない…
そういうときは改行する文末の末尾に半角スペースを2つ以上いれる。
段落を変えるには1行あければいい 以下のように打ち込むと
[markdown]
あいうえお(半角スペース2つ)
かきくけこ(半角スペース2つ)
さしすせそ
たちつてと
なにぬねの
次のように表示される。
[html]
<p>あいうえお<br>
かきくけこ<br>
さしすせそたちつてと</p>
<p>なにぬねの</p>
罫線
3つ以上の*か-か_と半角スペースのみの行は罫線として表示される。
[markdown] [html]
*** => <hr>
-------
___
リンク
これは例を見てやってみるのが良い
[markdown]
[どっかのページ](http://test)
=>
[html]
<a href="http://test">どっかのページ</a>
こんな感じで使えば良い。
ちなみにこれは私の所属ライフセービングチーム
おぉすごい！！
Macで作成する便利ツール
Markdownをプレビューを見ながら編集するツールでおすすめのものを1つ紹介。
Mou
ただここでのプレビューとupしたスタイルが異なっているかもしれないですが。それは今度勉強します
記事の投稿
記事さえ出来たら以下のコマンドでupする
$ rake generate
$ rake deploy
$ git add .
$ git commit -m "blog更新"
$ git push origin source