【Rails】redcarpet + rouge で使えるMarkdown一覧 | 瀬戸内の雲のように

【Rails】redcarpet + rouge で使えるMarkdown一覧

Posted: 2017-12-19


スポンサーリンク

目次

  • 見出し1
  • !/bin/bash
  • まとめ

    背景

    自分がブログを書く時、いつもmarkdownを忘れてしまうので、自分のために書いておきます。


    (その前に) Markdownとは

    wikipedia さんによると

    Markdown(マークダウン)は、文書を記述するための軽量マークアップ言語のひとつである。
    本来はプレーンテキスト形式で手軽に書いた文書からHTMLを生成するために開発されたものである。

    とのことです。

    要約すると、

    • 難しいHTMLを覚えることなく、誰でも簡単に
    • マークアップ(文章の装飾やリンク等)を使えるようにした

    ものだと私は理解しています。


    前提

    本ブログはRuby on Railsで構築しており、マークダウンには以下のGemを使っています。

    • redcarpet
    • rouge

    ですので、基本的にはこの環境で使えるものと思って頂ければと思います。



    マークダウンで書けること一覧

    自分がよく使うものを書いてます

    • 見出し
    • コードやコマンドのシンタックスハイライト(色付け)
    • リンク
    • 引用
    • 箇条書き
    • 強調表示
    • 取り消し戦



    書き方


    見出し

    以下のように書くと

    # 見出し1
    ## 見出し2
    ### 見出し3
    #### 見出し4
    

    このように表示されます。

    見出し1

    見出し2

    見出し3

    見出し4



    コードやコマンドのシンタックスハイライト(色付け)

    これは技術系の記事を書く時によく使うと思いますが、以下のように書きます。

    ```bash
    #!/bin/bash
    echo 'Hello world!!'
    ```
    

    このように表示されます。

    #!/bin/bash
    echo 'Hello world!!'
    



    リンク

    # [リンク先名](リンク先URL)
    [yahooです](https://yahoo.co.jp)
    

    こう見えます
    yahooです



    引用

    こう書くと

    >こんにちは。
    先日頂いたメールの
    >>参加者一覧を送ってください。
    
    >についてですが、現在取りまとめを行っております。
    

    こんにちは。
    先日頂いたメールの

    参加者一覧を送ってください。

    についてですが、現在取りまとめを行っております。



    箇条書き

    こう書くと

     - aaa
     - bbb
     - ccc
    

    こう見えます

    • aaa
    • bbb
    • ccc



    強調表示

    2つパターンがあります。

    あいうえおabcde
    *あいうえおabcde*
    **あいうえおabcde**
    

    こう見えます。



    あいうえおabcde
    あいうえおabcde
    あいうえおabcde



    このように、*を1つ付けるか、2つ付けるかで強調表示できます。
    1つの場合、斜体に、2つの場合太字になります。



    取り消し線

    こう書くと

    とっても~~憎たらしい~~かわいい顔ですね
    



    こう見えます


    とっても憎たらしいかわいい顔ですね



    まとめ

    このようにマークダウンを使うことでHTMLタグを書くことなくテキストに装飾を加えることができます。
    (随時更新予定)


    スポンサーリンク




    コメント一覧

    2022/05/21 01:39:54

    tyhxnxcaさん

    erythromycin family erythromycin ingredients


    2022/05/21 01:51:51

    Ebbeexictさん

    viagra cialis trial pack cialis overnight online https://dccialisxvf.com/


    2022/05/21 02:51:58

    rbxtgjbvさん

    purchase modafinil online cheap


    2022/04/08 15:41:28

    Fnenvunnyさん

    canadian pharmacy viagra how to use viagra


    2022/04/09 10:53:56

    AndaAudircurnさん

    tadalafil plus 21mg ambrisentan and tadalafil


    2022/04/09 20:32:37

    Crnnwongeさん

    price of viagra lowest price viagra generic viagra order viagra


    2022/04/09 23:25:38

    Ntfbfplugsさん

    cialis pill cheap cialis


    2022/04/10 03:57:18

    Dbngplugsさん

    sildenafil 20 mg daily sildenafil maximum dose


    2022/04/10 12:26:44

    Keezexictさん

    tadalafil 2.5 tadalafil online no prescription


    2022/04/12 12:19:33

    Fwbnvunnyさん

    sildenafil 60mg sildenafil citrate 20 mg tablet


    2022/04/14 03:46:45

    Fuupvunnyさん

    cheapest generic viagra australia buy viagra 25 mg online india


    2022/04/14 19:53:06

    AnuoAudircurnさん

    what canadian pharmacies are legitimate prescription anti inflammatory drugs list


    2022/04/15 07:22:01

    Ckanwongeさん

    cialis comparison viagra levitra levitra 20mg filmtabletten preisvergleich


    2022/04/15 11:26:32

    Nbttplugsさん

    cialis for sale in canada buy cialis black au


    2022/04/15 15:54:17

    Dsnnplugsさん

    cvs pharmacy store ad online pharmacy technician jobs from home


    2022/04/16 02:17:26

    Knrnexictさん

    can you buy prescription drugs online legally Sinemet


    2022/04/17 04:40:46

    Auupvunnyさん

    best place to buy liquid tadalafil is tadalafil as good as cialis


    2022/04/17 14:30:16

    credonendさん

    Fwrtvi https://bestadalafil.com/ - buy cheap cialis online cialis leg pain Dilstw cheap cialis online canadian pharmacy purchase isotretinoin without rx https://bestadalafil.com/ - Cialis Zwldlp Buying Amoxil


    2022/04/17 21:30:35

    AnnoAudircurnさん

    sildenafil tablets 100 mg buying generic viagra online


    2022/04/18 08:59:11

    Wevgwongeさん

    giant grocery store pharmacy best canadian pharmacy to order from


    2022/04/18 16:17:44

    Zbttplugsさん

    stromectol 3 mg ivermectin side effects in humans


    2022/04/18 20:39:50

    Jtnnplugsさん

    ivermectin tractor supply dogs how long does it take ivermectin to work


    2022/04/19 03:17:21

    Enrnexictさん

    cialis with dapoxetine online cialis in uk


    2022/04/20 12:38:05

    Ahhpvunnyさん

    cialis information canada cialis with dapoxetine


    2022/04/21 04:06:01

    AnuuAudircurnさん

    best canadian pharmacy cialis pharmacy store in usa


    2022/04/21 15:11:24

    Wnsnwongeさん

    levitra logo brand name levitra online


    2022/04/21 23:31:24

    nyyyplugsさん

    medicine levitra levitra schering


    2022/04/22 03:54:26

    Jnnyplugsさん

    cheap real cialis cialis buy info/


    2022/04/22 09:35:57

    Ennsexictさん

    sildenafil in usa cheap sildenafil online canada


    2022/04/22 15:33:00

    Danielskymnさん

    контейнерные перевозки


    2022/04/23 17:06:53

    Ansnvunnyさん

    z pak canadian pharmacy legitimate canadian pharmacies


    2022/04/24 08:41:15

    JyhAudircurnさん

    how to dispose of prescription drugs legitscript canadian pharmacy


    2022/04/24 19:58:05

    Wnnhwongeさん

    family mart store online pharmacy best drugstore mascara


    2022/04/25 03:40:28

    Ntcxplugsさん

    cheap viagra canadian pharmacy best online pharmacy canada


    2022/04/25 08:00:30

    Jmmplugsさん

    canadapharmacy pharmacy rx world.com


    2022/04/25 14:19:38

    Eaaqexictさん

    can you mail prescription drugs the medicine store pharmacy


    2022/04/30 04:36:47

    Anbnvunnyさん

    what is sildenafil used for sildenafil in women https://sildenafilkiol.com/


    2022/04/30 19:53:14

    JyhgAudircurnさん

    how long is ivermectin effective ivermectin dose dogs https://stromectolujlo.com/


    2022/05/01 06:43:01

    Wnbhwongeさん

    levitra pills how much does levitra cost at cvs https://glevitrargu.com/


    2022/05/01 14:21:05

    Nndnplugsさん

    cipa canadian pharmacy viagra adipex canada pharmacy https://jzpharmacyukj.com/


    2022/05/01 18:44:49

    Jebplugsさん

    best site to buy viagra generic viagra for sale https://sgiviagraikn.com/


    2022/05/02 00:42:27

    Ebbexictさん

    ed pills that work quickly mail order pharmacy india https://dtupharmyjn.com/


    2022/05/04 14:04:59

    stroy-alliance.comさん

    ремонт квартир киеве


    2022/05/04 22:04:45

    JolwAudircurnさん

    sildenafil 50mg tablets coupon 120 mg sildenafil online https://aviagrasbt.com/


    2022/05/05 15:29:06

    Nndenplugsさん

    brand name levitra online levitra customer reviews https://xclevitradb.com/


    2022/05/05 19:37:37

    Jebnplugsさん

    online pharmacy technician certification program tricare pharmacy


    2022/05/06 02:11:13

    Ebbeexictさん

    wallmart cialis buy cialis online no prescription https://dccialisxvf.com/


    2022/05/08 00:19:09

    mkkvjbさん

    hcq 200 https://keys-chloroquinehydro.com/


    2022/05/10 00:35:05

    Anbnvunnyさん

    sildenafil pills define sildenafil https://sildenafilkiol.com/


    2022/05/10 15:41:50

    JolwAudircurnさん

    where can you get female viagra pills sildenafil 100mg https://aviagrasbt.com/


    2022/05/11 01:40:56

    Wnbhwongeさん

    use levitra is generic levitra available in the united states https://glevitrargu.com/


    2022/05/11 08:37:33

    Nndenplugsさん

    is there a generic levitra levitra expiration dates https://xclevitradb.com/


    2022/05/11 12:36:23

    Jebnplugsさん

    drugs online victoza canada pharmacy


    2022/05/11 19:24:27

    Ebbeexictさん

    generic cialis forums cialis doses https://dccialisxvf.com/


    2022/05/13 15:11:51

    EvaleenOaOaさん

    how long is a dissertation paper
    help with dissertation statistics
    dissertation writing service online


    2022/05/14 13:32:51

    MaggeeOaOaさん

    uf dissertation format
    writing my dissertation proposal
    dissertation topics


    2022/05/15 03:16:21

    Anbnvunnyさん

    generic sildenafil cost sildenafil 80 mg https://sildenafilkiol.com/


    2022/05/15 08:33:29

    RegineOaOaさん

    uf thesis and dissertation
    [url="https://helpon-doctoral-dissertations.net"]finance dissertation help[/url]
    dissertation help service


    2022/05/16 05:05:37

    Wnbhwongeさん

    levitra time uk levitra https://glevitrargu.com/


    2022/05/16 07:38:17

    KirstiOaOaさん

    a dissertation
    uf thesis and dissertation
    best phd dissertation writing services


    2022/05/16 12:21:23

    Nndenplugsさん

    levitra strengths dosage for levitra https://xclevitradb.com/


    2022/05/16 16:38:38

    Jebnplugsさん

    anyone know of a legit online pharmacy for oxycodone tom thumb pharmacy


    2022/05/17 14:35:29

    KirstiOaOaさん

    monica crowley dissertation
    dissertation sample
    how to cite a dissertation apa 7th


    2022/05/17 20:00:14

    Jadaさん

    modafinil 200mg ca buy modafinil for sale


    2022/05/17 23:45:31

    saigmfylさん

    order generic modafinil 100mg oral provigil 200mg buy modafinil for sale


    2022/05/19 02:03:52

    depacfihさん

    modafinil medication modafinil tablet


    2022/05/19 06:26:57

    Anbnvunnyさん

    sildenafil premature ejaculation sildenafil and dapoxetine tablet https://sildenafilkiol.com/


    2022/05/19 08:18:52

    xswohgkxさん

    buy modafinil


    2022/05/19 18:43:45

    jqalocbqさん

    buy generic provigil buy modafinil 100mg online cheap


    2022/05/19 20:12:15

    CharlaOaOaさん

    dissertation help statistics
    writing a dissertation with adhd
    uw madison help with dissertation


    2022/05/19 21:31:01

    JolwAudircurnさん

    over the counter female viagra pills viagra online from india https://aviagrasbt.com/


    2022/05/20 08:08:45

    Wnbhwongeさん

    levitra frequency viagra vs cialis vs levitra cost https://glevitrargu.com/


    2022/05/20 15:34:24

    Nndenplugsさん

    buy levitra 20mg what ingredients are in levitra https://xclevitradb.com/


    2022/05/20 19:43:47

    Jebnplugsさん

    list of reputable canadian pharmacies certified canadian pharmacy online



    コメントを投稿する


    お名前


    コメント内容





    TOP back