はじめてのorg-mode: org2blogで構造ブロックはどのように表示されるか

2022年4月16日

Categories: org-mode

org2blogでの構造ブロックの表示

org-modeではソースなどを構造ブロックで表現することができる(org-insert-structure-template)。
これをorg2blogで投稿したときにどのように表示されるか試してみた。
WordPressやテーマ、org2blogのバージョンによっては動作が異なる可能性あり。

<p>
  参考　<a href="https://orgmode.org/manual/Structure-Templates.html">org公式マニュアル</a>
</p>

結果

<div class="outline-text-3" id="text-org4a74c44">
</div>

<div id="outline-container-orge5d0ea9" class="outline-4">
  <h4 id="orge5d0ea9">
    ASCII
  </h4>
  
  <div class="outline-text-4" id="text-orge5d0ea9">
  </div>
  
  <ul class="org-ul">
    <li>
      <a id="org5bb9f2e"></a>入力 <div class="outline-text-5" id="text-org5bb9f2e">
        <div class="org-src-container">
          <label class="org-src-name"><em></em></label></p> 
          
          <pre class="src src-org-mode" id="nil">ascii

#+begin_export ascii test1 １行目２行目 test2 #+end_export ascii

結果

ascii

<p>
  ascii
</p>

CENTER

入力
```
    <pre class="example" id="nil">center
```
#+begin_center test1 １行目２行目 test2 #+end_center center

結果

center

<div class="org-center">
  <p>
    test1 １行目 ２行目 test2
  </p>
</div>

<p>
  center
</p>

EXAMPLE

入力
```
    <pre class="example" id="nil">example
```
#+begin_example test1 １行目２行目 test2 #+end_example example

結果

example

<p>
  <em></em>
</p>

<pre class="example" id="nil">test1 １行目 ２行目 test2

example

EXPORT

入力
```
    <pre class="example" id="nil">export
```
#+begin_export test1 １行目２行目 test2 #+end_export export
結果
export
```
<p>
  export
</p>
```

EXPORT HTML

入力
```
    <pre class="example" id="nil">export html
```
#+begin_export html test1 １行目２行目 test2 #+end_export export html

結果

export html

<p>
  test1 １行目 ２行目 test2
</p>

<p>
  export html
</p>

EXPORT LATEX

入力
```
    <pre class="example" id="nil">export latex
```
#+begin_export latex test1 １行目２行目 test2 #+end_export export latex
結果
export latex
```
<p>
  export latex
</p>
```

QUOTE

入力
```
    <pre class="example" id="nil">quote
```
#+begin_quote test1 １行目２行目 test2 #+end_quote quote

結果

quote

<blockquote>
  <p>
    test1 １行目 ２行目 test2
  </p>
</blockquote>

<p>
  quote
</p>

SRC

入力
```
    <pre class="example" id="nil">src
```
#+begin_src test1 １行目２行目 test2 #+end_src src

結果

src

<p>
  <em></em>
</p>

<pre class="example" id="nil">test1 １行目 ２行目 test2

src

VERSE

入力
```
    <pre class="example" id="nil">verse
```
#+begin_verse test1 １行目２行目 test2 #+end_verse verse

結果

verse

<p class="verse">
  test1 １行目 ２行目 test2
</p>

<p>
  verse
</p>

まとめ

見た目が変わるのは、EXAMPLE, QUOTE, SRC