Vimwiki : Vimベースの個人用Wiki環境 #3 Wikiページ記法

通常リスト

行の先頭を「空白文字」と「*」で始めると、その行はリストとして表現されます。

* Bulleted list item 1
* Bulleted list item 2
   * Bulleted list sub item 1
   * Bulleted list sub item 2
   * more ...
     * and more ...
     * ...
   * Bulleted list sub item 3
   * etc.

<ul>
    <li>Bulleted list item 1</li>
    <li>Bulleted list item 2</li>
    <ul>
        <li>Bulleted list sub item 1</li>
        <li>Bulleted list sub item 2</li>
        <li>more ...</li>
    <ul>
        <li>and more ...</li>
        <li>...</li>
    </ul>
        <li>Bulleted list sub item 3</li>
        <li>etc.</li>
    </ul>
</ul>

数字付きリスト

行の先頭を「空白文字」と「*」ではなく、「空白文字」と「#」にすると、 番号付きのリストになります。

# Numbered list item 1
# Numbered list item 2
    # Numbered list sub item 1
    # Numbered list sub item 2
    # more ...
        # and more ...
        # ...
    # Numbered list sub item 3
    # etc.

<ol>
    <li>Numbered list item 1</li>
    <li>Numbered list item 2</li>
    <ol>
        <li>Numbered list sub item 1</li>
        <li>Numbered list sub item 2</li>
        <li>more ...</li>
    <ol>
        <li>and more ...</li>
        <li>...</li>
    </ol>
        <li>Numbered list sub item 3</li>
        <li>etc.</li>
    </ol>
</ol>

テキストリンク

Vimwiki外部のドキュメントに対してハイパーリンクを張るには、
URLを直接記述するか、各括弧でURLを囲みます。

<!-- テキストリンク 方法1 -->
https://nanasi.jp/var/articles/vim/vimwiki/vimwiki_vim.html

<!-- テキストリンク 方法2 -->
[https://nanasi.jp/]

<!-- テキストリンク 方法3 テキストにリンクを張る -->
[https://nanasi.jp/ 名無しのvim使い]

<!-- テキストリンク 方法4 テキストにリンクを張る。相対パス。 -->
[[./index.html|名無しのvim使い]]

画像リンク

VimwikiのWikiページをHTML化した際に、画像を表示する方法は、テキストリンクを張る方法と似ています。
Wikiページに表示したい画像のURLを書くか、角括弧2つでURLを囲みます。

<!-- 画像リンク 方法1 -->
https://nanasi.jp/logo.png

<!-- 画像リンク 方法2 -->
[[https://nanasi.jp/logo.png]]

<!-- 画像リンク 方法3 相対パス -->
[[image/logo.png]]

<!-- 画像リンク 方法4 サムネイル画像 -->
[[https://nanasi.jp/logo.png|https://nanasi.jp/log_thumbnail.png]]

<!-- 画像リンク 方法5 スタイル指定 -->
[[https://nanasi.jp/logo.png||width:150px; height:120px;]]

<!-- 画像リンク 方法6 サムネイル＋スタイル指定 -->
[[https://nanasi.jp/logo.png|https://nanasi.jp/log_thumbnail.png|width:150px; height:120px;]]

Vimwikiでサポートされるのは、 拡張子が「.png」「.jpg」「.gif」「.jpeg」の画像です。

整形済みテキストのスタイル指定

整形済みテキストには属性を設定できます。 主にスタイルシートのためのクラスやIDを設定することになると思います。

{{{class="pre_class" id="pre_txt"
行頭を空白文字で始めるか、指定範囲を「{{{」「}}}」で囲むと、
それらテキストは整形済みテキストとして扱います。
}}}