本站的第一篇文章
第一次嘗試用 Nuxt 3 + Nuxt Content + Nuxt UI Pro 架設部落格，算是蠻高效的做法，使用 markdown 的語法寫文，是工程師寫作的習慣。
官方連結：
以下會列出我自己較為常用的語法，會持續更新。
Inline Span Text
可以加任意 html 的屬性在 {} 內，用空白連接。
- Hello Yellow
markdown
Hello [Yellow]{.text-yellow-500}
markdown
[link](https://content.nuxt.com/usage/markdown){target="\_blank" rel="nofollow"}
Block Quote
This is Block Quote
markdown
> This is Block Quote
Code Block 1
無標題
const me = { name: 'Ryan Chen', age: 23 };
function getMyName() {
// ...
}
markdown
```javascript
const me = { name: 'Ryan Chen', age: 23 };
function getMyName() {
// ...
}
```
Code Block 2
有標題
composables/useFoo.ts
export const useFoo = () => {
return useState('foo', () => 'bar');
};
markdown
```ts [composables/useFoo.ts]
export const useFoo = () => {
return useState('foo', () => 'bar');
};
```
Callout
This is a
callout with full markdown support.markdown
::callout
This is a `callout` with full **markdown** support.
::
Code Inline
每個 Vue 應用程式都是透過 createApp 函數建立一個新的應用程式實例。
markdown
每個 Vue 應用程式都是透過 `createApp` 函數建立一個新的應用程式實例。
Image
markdown
以上就是可能會用的 Prose components，有些額外的顯示是 Nuxt UI Pro 的功能。