BETA

QrunchのMarkdown試してみた.

投稿日:2018-11-14
最終更新:2019-09-01

ということで, Markdownの使い方はどんな感じかなって話です.

Mastering Markdown GitHub Guidesから引用して(パクって)試してみる.

Headers

# This is an h1 tag  
## This is an h2 tag  
###### This is an h6 tag  
###### This is an h7 tag  

This is an h1 tag

This is an h2 tag

This is an h6 tag

####### this is an h7 tag

==や--でh1, h2タグ指定もできます.

This is an h1 tag  
==  

This is an h2 tag  
--  

This is an h1 tag

This is an h2 tag

Emphasis

*This text will be italic*  

_This will also be italic_  

**This text will be bold**  

__This will also be bold__  

_You **can** combine them_  

***this text will be italic&bold***  

___this will also be italic&bold___  

This text will be italic

This will also be italic

This text will be bold

This will also be bold

You can combine them

this text will be italic&bold

this will also be italic&bold

打ち消し線

~~this~~  

this

水平線

hoge  
***  
hoge  
___  
hoge  

---  
hoge  
* * *   

hoge


hoge


hoge


hoge


-の場合は改行一個開けないとh2になります.

Lists

Unordered

* Item 1  
* Item 2  
  * Item 2a  
  * Item 2b  
  • Item 1
  • Item 2
    • Item 2a
    • Item 2b

-でもいけます.

- Item 1  
- Item 2  
  - Item 2a  
  - Item 2b  
  • Item 1
  • Item 2
    • Item 2a
    • Item 2b

Ordered

1. Item 1  
1. Item 2  
1. Item 3  
   1. Item 3a  
   1. Item 3b  
  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b

Links![undefined.jpg]

自動リンク

http://github.com - httpついてたら自動でリンクになる!  

http://github.com - httpついてたら自動でリンクになる!

インラインリンク

[GitHub](http://github.com) - altテキストつけたいならこんな感じ.  

[GitHub](http://github.com "github") - 吹き出しつけたいならこんな感じ  

GitHub - altテキストつけたいならこんな感じ.

GitHub - 吹き出しつけたいならこんな感じ

外部参照リンク

 [Googleだと思うだろ? githubなんだよなー][github]  

 [github][github]  

 [github]:http://github.com "github"  

Googleだと思うだろ? githubなんだよなー

github

Images

![Glass Paper](https://s3.qrunch.io/4e0e9524d48c2cfab09c0231a88836ef.jpg)  
こんな感じ: ![Alt Text](url)  

titleつける

![代替文字列](URL "タイトル")  

外部参照画像

![Glass Paper][草]  

[草]:https://s3.qrunch.io/4e0e9524d48c2cfab09c0231a88836ef.jpg   

リンク付き画像

[![Glass Paper](https://s3.qrunch.io/4e0e9524d48c2cfab09c0231a88836ef.jpg)](http://github.com)  

Format: [![Alt](image_path)](link)  

外部リンク付き画像

[![Glass Paper](https://s3.qrunch.io/4e0e9524d48c2cfab09c0231a88836ef.jpg)[github]  

[github]:http://github.com "github"  

外部リンク付き外部参照リンク

[![Glass Paper][草]][github]  

[草]:https://s3.qrunch.io/4e0e9524d48c2cfab09c0231a88836ef.jpg   

[github]:http://github.com "github"  

ブロッククォート

引用

As Kanye West said:  

> We're living the future so  
> the present is our past.  

As Kanye West said:

We're living the future so
the present is our past.

2重引用

As Kanye West said:  

>> We're living the future so the present is our past.  

As Kanye West said:

We're living the future so the present is our past.

コードブロック

```  
print("Hello Qrunch!")  
```  

~~~  
print("Hello Qrunch!")  
~~~  


print("Hello Qrunch!")  
print("Hello Qrunch!")  

後ろに4つスペースをつけてもできる.

    function fancyAlert(arg) {  
      if(arg) {  
        $.facebox({div:'#foo'})  
      }  
    }  


function fancyAlert(arg) {  
  if(arg) {  
    $.facebox({div:'#foo'})  
  }  
}  

インラインコード

I think you should use an  
`<addr>` element here instead.  

I think you should use an
<addr> element here instead.

テーブル

First Header | Second Header  
------------ | -------------  
Content from cell 1 | Content from cell 2  
Content in the first column | Content in the second column  


First Header Second Header
Content from cell 1 Content from cell 2
Content in the first column Content in the second column

以上.

ということでMarkdown試してみました. もっと詳しく知りたい方はログの方に頑張った記録もまとめてるのでよろしかったらどうぞ.

参考文献

技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
駆け出しエンジニアからエキスパートまで全ての方々のアウトプットを歓迎しております!
or 外部アカウントで 登録 / ログイン する
クランチについてもっと詳しく

この記事が掲載されているブログ

@akaictの技術ブログ

よく一緒に読まれる記事

3件のコメント

ブログ開設 or ログイン してコメントを送ってみよう
11/14 23:23

タイトルが「Qrunchi」になってますよー

11/15 10:02

@yacobin さん ありがとうございます! 修正しました!!

返信の方法わからないのでこちらですみませんが.

11/15 14:41

良かったです!(一応通知は来たので大丈夫です)

目次をみる
技術ブログをはじめよう Qrunch(クランチ)は、プログラマの技術アプトプットに特化したブログサービスです
or 外部アカウントではじめる
10秒で技術ブログが作れます!