Markdownでのテーブル表記

基本的に|で区切っていくだけ

基本形

|見出し1|見出し2|見出し3|
|-------|-------|-------|
|項目1|項目2|項目3|

• 1行目は見出し 見出しは必ずボールドになるようです
• 2行目は属性による区切り -のいくつでも良いようですが、4つ以上の方が良いかと
• 3行目以降は、項目・内容をどんどん増やしていけば良いだけ

書式配置

見出しや項目を左寄せ・右寄せ・センタリングしたい場合

テーマによって、そのまま数式表示対応になっている場合があるが、もし、表示されない場合は、テーマ内のlayout/partial/footer.htmlに下記を追加

<script type="text/x-mathjax-config">
    MathJax.Hub.Config({
        tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}
    });
</script>
<script type="text/javascript" async src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.2/MathJax.js?config=TeX-MML-AM_CHTML"></script>

KaTeX can be used to generate complex math formulas server-side.

$$ \phi = \frac{(1+\sqrt{5})}{2} = 1.6180339887\cdots $$

Additional details can be found on GitHub or on the Wiki .

Advertisement :)

• pica - high quality and fast image resize in browser.
• babelfish - developer friendly i18n with plurals support and easy syntax.

You will like those projects!

h1 Heading 8-)

h2 Heading

h3 Heading

h4 Heading

h5 Heading

h6 Heading

Horizontal Rules

Typographic replacements

Enable typographer option to see result.

(c) (C) (r) (R) (tm) (TM) (p) (P) +-

test.. test… test….. test?….. test!….

!!!!!! ???? ,, – —

HugoテーマのBeautifulhugoでは、シーケンス図作成ライブラリのmermaid.jsが既に組み込まれてますので、ショートタグを指定して、mermaidの書式で記述するだけで、シーケンス図が表示されますね。

The image banners at the top of the page are refered to as “bigimg” in this theme. They are optional, and one more more can be specified. If more than one is specified, the images rotate every 10 seconds. In the front matter, bigimgs are specified using an array of hashes.

The following are two code samples using syntax highlighting.

You can write regular markdown here and Jekyll will automatically convert it to a nice webpage. I strongly encourage you to take 5 minutes to learn how to write in markdown - it’ll teach you how to transform regular text into bold/italics/headings/tables/etc.

Here is some bold text

Here is a secondary heading

Here’s a useless table:

How about a yummy crepe?