POST TEST

 HTML   test 

upload shell script test @ 4

HTML Escape

<
<
&gt;
>
&#92;
\
&#47;
/
&amp;
&
&#123;
{
&#125;
}
オブジェクト名
イベント
役割
独自定義関数
ev
Create と Step
アクションの実行
Ev_Init_SH_gl_Pos_W／Ev_Debug_Keys
robo
Draw
スプライトの描画
Robo_ConvertDepthToScale／Robo_DrawEv_SH_gl_Pos_W
 
<table border=1 width="200px">

<tr><td width="100px"><center>
▼</center></td><td><center>
●</center></td></tr>

<tr><td><center>
▼</center></td><td><center>
●</center></td>

</tr>
</table>
Row/Column Column 1
&lt;<
&gt;>
&#92;\
&#47;/
&amp;&
&#123;{
&#125;}

Skeleton のスタイルを使った場合
（ <thead> と <tbody> を使う ） 

<table class="u-full-width">
<thead>
   <tr>
      <th>@</th>
      <th>@</th>
   </tr>
</thead>
<tboby>

<tr><td>
@</td><td>
@</td></tr>

<tr><td>
@</td><td>
@</td></tr>

</tbody>
</table>


figure

画像の表示 markdown

{{< figure src="/images/Tako_Berodasi.gif" title="Sample" >}}

Hugo figure Sample

another, show image without markdown

![Twitter Icon](/images/twitter.jpg "Twitter")

結果

Twitter ICON

figure src よりも hugo の機能を使った方が楽に書けるけれど、使わないと忘れる。


tweet

{{< tweet 545530512727478273 >}}


YouTube

{{< youtube wl1Bw6uQK3s >}}

Small Font Size

{{< size-s "文字列" >}} 

<font size = 0.8em>Small Font Size</font>


pygments sample

{{< highlight python "linenos=inline, hl_lines=2 3" >}}

&#123;&#123;&lt; highlight html "noclasses=False" &gt;&#125;&#125;
&#123;&#123;&lt; highlight python "linenos=table, hl_lines=2 3" &gt;&#125;&#125;
    &lt;pygments sample&gt;TEST&lt;/sample&gt;
&#123;&#123;&lt; /highlight &#125;&#125;


{{< highlight python "linenos=table, hl_lines=2 3" >}}

1
2
3
4
5
6
7
8

<section id="main">
  <div>
    <h1 id="title">{{ .Title }}</h1>
    {{ range .Data.Pages }}
      {{ .Render "summary"}}
    {{ end }}
  </div>
</section>


{{< highlight python "linenos=inline, hl_lines=2 3" >}}

1<section id="main">
2  <div>
3    <h1 id="title">{{ .Title }}</h1>
4    {{ range .Data.Pages }}
5      {{ .Render "summary"}}
6    {{ end }}
7  </div>
8</section>





前へ