markdownとnuxtcontent

2024-09-01
src/index.js
const a = 4;
const b = a + 3;
const c = a * b;

H1 見出し

H2 見出し

H3 見出し

# H1 見出し

## H2 見出し

### H3 見出し

これは インラインコード です。

file.js
console.log("Hello, world!");

3. 引用

| ヘッダー1 | ヘッダー2 |
| --------- | --------- |
| 内容1     | 内容2     |
| 内容3     | 内容4     |
ヘッダー1ヘッダー2
内容1内容2
内容3内容4

The content of the card

console.log("Hello, world!");

まとめ

  • バッククォート3つでコードブロックを作成し、その後に言語を指定すると、シンタックスハイライトが適用されます。
  • バッククォート1つでインラインコードを表示できます。

これらを使うことで、コードを見やすく、より効果的に表示できます。Nuxt Contentのシンタックスハイライトは、Prism.jsなどを利用しており、多くのプログラミング言語をサポートしています。