markdownがアツい

Markdown がアツい

2015.05.11 @yamasy1549# LOUPE Study


Markdown とは

Markdown is intended to be as easy-to-read and easy-to-writeas is feasible.


Markdown とは


http://images.google.com/images?num=30&q=rabbit

.md


Markdown とは



.md


.html


Markdown とは



.md


.html

（´-̀）.｡oO（ヒトにやさしいsyntax）


Markdown のここが好き

THis is an H1=============

# This is an H1

## This is an H2 ##

###### This is an H6

.md .html

<h1>This is an H1</h1>






> 高校入学を機に木組みの家と石畳の街に引っ越してきた> ココアは、下宿先を探して道に迷う中、ラビットハウス> という名の喫茶店を発見する。

.md

<blockquote> 高校入学を機に木組みの家と石畳の街に引っ越してきたココアは、下宿先を探して道に迷う中、ラビットハウスという名の喫茶店を発見する。</blockquote>

.html



> 高校入学を機に木組みの家と石畳の街に引っ越してきたココアは、下宿先を探して道に迷う中、ラビットハウスという名の喫茶店を発見する。

.md

<blockquote> 高校入学を機に木組みの家と石畳の街に引っ越してきたココアは、下宿先を探して道に迷う中、ラビットハウスという名の喫茶店を発見する。</blockquote>

.html



* Color * warm * Red * Orange * cold * Blue * Gray

.md .html

<ul> <li>Color</li> <ul> <li>warm</li> <ul> <li>Red</li> <li>Orange</li> </ul> </ul> <ul> <li>warm</li> <ul> ...略



* Color + warm - Red - Orange + cold - Blue - Gray

.md .html

<ul> <li>Color</li> <ul> <li>warm</li> <ul> <li>Red</li> <li>Orange</li> </ul> </ul> <ul> <li>warm</li> <ul> ...略



1. rabbit2. dog3. fox

.md .html

<ol> <li>rabbit</li> <li>dog</li> <li>fox</li></ol>



3. rabbit1. dog8. fox

#=>1. rabbit2. dog3. fox

.md .html

<ol> <li>rabbit</li> <li>dog</li> <li>fox</li></ol>


Markdown のここがうれしい！

私は [株式会社LOUPE](http://lo-upe.com) にいます。

#=> 私は株式会社LOUPE にいます。

.md





[インターン生の声](/recruit) はこちら

#=> インターン生の声はこちら

.md





[インターン生の声](/recruit) はこちら

#=> インターン生の声はこちら

[Webフォント][loupe-icon] を作らせてもらいました！[loupe-icon]: http://lo-upe.com/loupe-icon

#=> webフォントを作らせてもらいました！

.md



・Square brackets containing the link identifier (optionally indented from the left margin using up to three spaces);・followed by a colon;・followed by one or more spaces (or tabs);・followed by the URL for the link;・optionally followed by a title attribute for the link, enclosed in double or single quotes, or enclosed in > parentheses.



[id]: http://example.com/ "title属性"[id]: http://example.com/ 'title属性'[id]: http://example.com/ (title属性)

.md

・Square brackets containing the link identifier (optionally indented from the left margin using up to three spaces);・followed by a colon;・followed by one or more spaces (or tabs);・followed by the URL for the link;・optionally followed by a title attribute for the link, enclosed in double or single quotes, or enclosed in > parentheses.



[Google][][Google]: http://google.com/

#=> Google

.md



![やましーの似顔絵][yamasy][yamasy]: img/yamasy-logo.png “これがやましーだ。”

#=>

.md


やっぱりMarkdown が好き！！

\ ` * _ {} [] () <> #+ - = : ! .

.md .html

<html> <head> <body><title> <meta> <link><script> <hr> <br> <p><center> <div> <pre><blockquote> <address><ul> <ol> <li> <dl><dt> <dd> <img> <code><small> <em> <strong><h1> <h2> <h3> <h4> <h5><h6> <table> <tr> <hd>&quote; & < > © ...略


やっぱりMarkdown が好き！！

\ ` * _ {} [] () <> #+ - = : ! .

.md .html

<html> <head> <body><title> <meta> <link><script> <hr> <br> <p><center> <div> <pre><blockquote> <address><ul> <ol> <li> <dl><dt> <dd> <img> <code><small> <em> <strong><h1> <h2> <h3> <h4> <h5><h6> <table> <tr> <hd>&quote; & < > © ...略

（´-̀）.｡oO（もっとmd使おう）


参考

http://daringfireball.net/projects/markdown/syntax

http://qiita.com/izumin5210/items/33ad02a726744cc6fc23【Markdown】TOEIC 370ぐらいで美少女高専生の後輩「また同じURLをコピペしてるの？」

markdownがアツい

Engineering