QrunchのMarkdown試してみた.

公開日:2018-11-14
最終更新:2018-11-15

ということで, 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試してみました. もっと詳しく知りたい方はログの方に頑張った記録もまとめてるのでよろしかったらどうぞ.

参考文献

記事が少しでもいいなと思ったらクラップを送ってみよう!
126
+1
@akaictの技術ブログ

よく一緒に読まれている記事

3件のコメント

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

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

11/15 10:02

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

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

11/15 14:41

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

目次をみる

技術ブログをはじめよう

Qrunch(クランチ)は、ITエンジニアリングに携わる全ての人のための技術ブログプラットフォームです。

技術ブログを開設する

Qrunchでアウトプットをはじめよう

Qrunch(クランチ)は、ITエンジニアリングに携わる全ての人のための技術ブログプラットフォームです。

Markdownで書ける

ログ機能でアウトプットを加速

デザインのカスタマイズが可能

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする