1. 表の書き方

| 左寄せ   | センタリング |   右寄せ |
| :-- | :--: | --: |
| hogehoge |   hogehoge   | hogehoge |
| hoge     |     hoge     |     hoge |
左寄せセンタリング右寄せ
hogehogehogehogehogehoge
hogehogehoge
  1. セル内での改行
  • <br>タグを用いて改行できます。
| 左寄せ   | センタリング |   右寄せ |
|:-- | :--: | --:|
| hogehoge |   hogehoge   | hogehoge　<br> hogehoge|
左寄せセンタリング右寄せ
hogehogehogehogehogehoge　
hogehoge

2. 折りたたみ

<details><summary>サンプルコード</summary><div>
\```rb
puts 'Hello, World'
\```
</div></details>
サンプルコード
\```rb puts 'Hello, World' \```

3. Checkbox型

- [ ] タスク1
- [x] タスク2
  • タスク1
  • タスク2

4. 改ページ

 <div style="page-break-before:always"></div>

5. VsCode Markdown-PDF

6. 字下げ

<p style="text-indent:1em;">
字下げ１文字</p>
<p style="text-indent:2em;">
字下げ２文字</p>

字下げ１文字

字下げ２文字

7. HTMLタグ

Markdown記法はもともと、ホームページを簡単に書くことを目的として作成されています。 よって、MarkDown記法にない装飾等は、HTMLタグが使えます。

<div><font size="1" color="red">フォントサイズと色変えてみた</font></div>
<div align="center">真ん中に寄せてみた</div>
フォントサイズと色変えてみた
真ん中に寄せてみた

8. Font Color 簡易版

<font color="red">赤色</font>
<font color="blue">青色</font>
<font color="yellow">黄色</font>
<font color="green">緑色</font>

赤色 青色 黄色 緑色

9. 右寄せ

右寄せ

10. Hugoのリンクを新規タブ(target=’_blank')

10-1. config.tomlを編集する
  • 追加hrefTargetBlank = true
  • 本サイトでは不要
[blackfriday]
  hrefTargetBlank = true
  • Hugoのリンクを新規タブの記入例
<a href="/posts/5-markdown/51-markdown/005-actual/" target="_blank">Hugoのリンクを新規タブ</a><i class="fa fa-external-link"></i>

Hugoのリンクを新規タブ

10-2. 外部リンクの書き方
[外部リンク:Google](http://www.google.com)

外部リンク:Google

10-3. 内部リンク
[内部リンク：本ページ](/posts/5-markdown/51-markdown/005-actual/)

内部リンク：本ページ

10-4. ショートカットの場合
<!-- \{\{/*
Usage: \{\{% a_blank "TITLE" "URL" %\}\}
*/\}\}-->

<a target="_blank" href="{{ .Get 1 }}">{{ .Get 0 | markdownify }}</a> <i class="fa fa-external-link"></i>
10-5. HugoでLaTex記法を用いて数式を記述する方法
  1. JSのライブラリMath Jaxを導入することで、LaTex記法による数式の表示が可能になります。
  2. まずのadd-mathjax-to-page.htmlファイルを作成します。 /layouts/partials/add-mathjax-to-page.html
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
  1. /layouts/partials/footer.html上部に一行追記します。
<footer>
  {{ partial "add-mathjax-to-page.html" . }}
...
</footer>
  • $␣$は、$$にしてください。
$␣$y_{i} = β_{1}x_{1} + \cdot\cdot\cdot + β_{p}x_{n} + ε$␣$

$$y_{i} = β_{1}x_{1} + \cdot\cdot\cdot + β_{p}x_{n} + ε$$

以上