diff --git a/200.html b/200.html index b6e4e82..338036d 100644 --- a/200.html +++ b/200.html @@ -13,4 +13,4 @@
- \ No newline at end of file + \ No newline at end of file diff --git a/404.html b/404.html index b6e4e82..338036d 100644 --- a/404.html +++ b/404.html @@ -13,4 +13,4 @@
- \ No newline at end of file + \ No newline at end of file diff --git a/SadaHaru.jpg b/SadaHaru.jpg new file mode 100644 index 0000000..16de5b8 Binary files /dev/null and b/SadaHaru.jpg differ diff --git a/_nuxt/builds/latest.json b/_nuxt/builds/latest.json index a70c920..2d55f82 100644 --- a/_nuxt/builds/latest.json +++ b/_nuxt/builds/latest.json @@ -1 +1 @@ -{"id":"da8bb553-7f66-47f6-b7fb-437d429bae70","timestamp":1723453227114} \ No newline at end of file +{"id":"3681f35e-746c-46e8-927d-169eba41d5de","timestamp":1723519263155} \ No newline at end of file diff --git a/_nuxt/builds/meta/3681f35e-746c-46e8-927d-169eba41d5de.json b/_nuxt/builds/meta/3681f35e-746c-46e8-927d-169eba41d5de.json new file mode 100644 index 0000000..4e0f178 --- /dev/null +++ b/_nuxt/builds/meta/3681f35e-746c-46e8-927d-169eba41d5de.json @@ -0,0 +1 @@ +{"id":"3681f35e-746c-46e8-927d-169eba41d5de","timestamp":1723519263155,"matcher":{"static":{"/":{"prerender":true}},"wildcard":{},"dynamic":{}},"prerendered":["/about"]} \ No newline at end of file diff --git a/_nuxt/builds/meta/da8bb553-7f66-47f6-b7fb-437d429bae70.json b/_nuxt/builds/meta/da8bb553-7f66-47f6-b7fb-437d429bae70.json deleted file mode 100644 index 63aeb8f..0000000 --- a/_nuxt/builds/meta/da8bb553-7f66-47f6-b7fb-437d429bae70.json +++ /dev/null @@ -1 +0,0 @@ -{"id":"da8bb553-7f66-47f6-b7fb-437d429bae70","timestamp":1723453227114,"matcher":{"static":{"/":{"prerender":true}},"wildcard":{},"dynamic":{}},"prerendered":["/about"]} \ No newline at end of file diff --git a/_payload.json b/_payload.json index cd9ae5d..b5248c6 100644 --- a/_payload.json +++ b/_payload.json @@ -1 +1 @@ -[{"data":1,"prerenderedAt":3},["ShallowReactive",2],{},1723453244385] \ No newline at end of file +[{"data":1,"prerenderedAt":3},["ShallowReactive",2],{},1723519280455] \ No newline at end of file diff --git a/about/_payload.json b/about/_payload.json index a131a15..f032b55 100644 --- a/about/_payload.json +++ b/about/_payload.json @@ -1 +1 @@ -[{"data":1,"prerenderedAt":3},["ShallowReactive",2],{},1723453245328] \ No newline at end of file +[{"data":1,"prerenderedAt":3},["ShallowReactive",2],{},1723519281130] \ No newline at end of file diff --git a/about/index.html b/about/index.html index 1fcb48c..ba34753 100644 --- a/about/index.html +++ b/about/index.html @@ -5,7 +5,7 @@ - + @@ -30,5 +30,5 @@ -
HomeAbout

About

This is the about page, with a custom description and image for SEO ✨

Content Wind

- \ No newline at end of file +
HomeAbout

About

This is the about page, with a custom description and image for SEO ✨

Content Wind

+ \ No newline at end of file diff --git a/api/_content/cache.1723453226025.json b/api/_content/cache.1723453226025.json deleted file mode 100644 index 7189ba3..0000000 --- a/api/_content/cache.1723453226025.json +++ /dev/null @@ -1 +0,0 @@ -{"generatedAt":1723453244264,"generateTime":680,"contents":[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Content Wind","description":"A lightweight Nuxt theme to build a Markdown driven website, based on Nuxt Content, TailwindCSS and Iconify ✨","navigation":{"title":"Home"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"content-wind"},"children":[{"type":"text","value":"Content Wind"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"A lightweight Nuxt theme to build a Markdown driven website, based on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", "},{"type":"element","tag":"a","props":{"href":"https://tailwindcss.com","rel":["nofollow"]},"children":[{"type":"text","value":"TailwindCSS"}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://iconify.design","rel":["nofollow"]},"children":[{"type":"text","value":"Iconify"}]},{"type":"text","value":" ✨"}]},{"type":"element","tag":"h2","props":{"id":"features"},"children":[{"type":"text","value":"Features"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/guide/directory-structure/layouts","rel":["nofollow"]},"children":[{"type":"text","value":"layouts"}]},{"type":"text","value":" in Markdown pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Enjoy meta tag generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Generated navigation from pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverage TailwindCSS Typography"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Switch between light & dark mode"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Access 100,000 icons from 100+ icon sets"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Highlight code blocks with "},{"type":"element","tag":"a","props":{"href":"https://shiki.matsu.io","rel":["nofollow"]},"children":[{"type":"text","value":"Shiki"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Create Vue components and use them in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Live edit on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]}]}]},{"type":"element","tag":"h2","props":{"id":"setup"},"children":[{"type":"text","value":"Setup"}]},{"type":"element","tag":"button-link","props":{":external":"true","href":"https://stackblitz.com/github/Atinux/content-wind/tree/main/.demo?file=content%2F1.index.md","icon":"simple-icons:stackblitz"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Play online on Stackblitz"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Open a terminal and run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npx nuxi init -t themes/content-wind my-website\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" my-website\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Follow the instructions in the terminal and you are ready to go 🚀"}]},{"type":"element","tag":"h2","props":{"id":"usage"},"children":[{"type":"text","value":"Usage"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This template has some built-in features to make it as easy as possible to create a content-driven website."}]},{"type":"element","tag":"h3","props":{"id":"pages"},"children":[{"type":"text","value":"Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create your Markdown pages in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can overwrite meta tags by using front-matter:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: 'Custom title'\ndescription: 'Custom meta description'\nimage: 'Custom image injected as `og:image`'\n---\n\n# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"title: 'Custom title'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"description: 'Custom meta description'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"image: 'Custom image injected as "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`og:image`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is done thanks to Nuxt Content's "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/document-driven","rel":["nofollow"]},"children":[{"type":"text","value":"document-driven mode"}]},{"type":"text","value":" of Nuxt Content."}]},{"type":"element","tag":"h3","props":{"id":"navigation"},"children":[{"type":"text","value":"Navigation"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The navigation is generated from your pages, you can take a look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/components/AppNavbar.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component to see how it works."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It uses the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/navigation","rel":["nofollow"]},"children":[{"type":"text","value":"Navigation"}]},{"type":"text","value":" from Nuxt Content to fetch the navigation object."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To customize the title displayed in the navigation, you can set the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.title"}]},{"type":"text","value":" property in the front-matter of your pages:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\nnavigation.title: 'Home'\n---\n\n# Welcome to my site\n\nWith a beautiful description\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"navigation.title: 'Home'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"With a beautiful description\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"theme-configuration"},"children":[{"type":"text","value":"Theme configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can configure Content Wind global configuration in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" file:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: string\n mastodon?: string\n }\n}\n","filename":"signature","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" mastodon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Example of settings Twitter and GitHub icons in the navbar:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\n mastodon: '@atinux@webtoo.ls'\n }\n})\n","filename":"app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux/content-wind'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" mastodon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'@atinux@webtoo.ls'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"icons"},"children":[{"type":"text","value":"Icons"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use any icon from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":" with the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component:"}]},{"type":"element","tag":"pre","props":{"className":"language-html shiki shiki-themes github-dark github-light","code":"\n","language":"html","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FDAEB7;--shiki-default:#B31D28;--shiki-dark-font-style:italic;--shiki-default-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" />\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can also use it in your Markdown:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":icon{name=\"ph:music-notes-fill\"}\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in "},{"type":"element","tag":"icon","props":{"name":"ph:music-notes-fill"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-modules/icon","rel":["nofollow"]},"children":[{"type":"text","value":"nuxt-icon"}]},{"type":"text","value":" documentation."}]},{"type":"element","tag":"h3","props":{"id":"code-highlight"},"children":[{"type":"text","value":"Code Highlight"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It supports code highlighting with Shiki and as well as different "},{"type":"element","tag":"a","props":{"href":"https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes","rel":["nofollow"]},"children":[{"type":"text","value":"VS Code themes"}]},{"type":"text","value":"."}]},{"type":"element","tag":"markdown-block","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"```ts\nexport default () => 'Hello Content Wind'\n```"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default () => 'Hello Content Wind'\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'Hello Content Wind'\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Updating the theme is as simple as editing your "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"nuxt.config"}]},{"type":"text","value":":"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"import { defineNuxtConfig } from 'nuxt'\n\nexport default defineNuxtConfig({\n content: {\n highlight: {\n theme: 'one-dark-pro',\n }\n }\n})\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'nuxt'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" content: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" highlight: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/get-started/configuration#highlight","rel":["nofollow"]},"children":[{"type":"text","value":"Content Code Highlight section"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"vue-components"},"children":[{"type":"text","value":"Vue Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Add Vue components into the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/"}]},{"type":"text","value":" directory and start using them in Markdown."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"See the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component in "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/.demo/components/content/MarkdownBlock.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/MarkdownBlock.vue"}]}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By leveraging the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/components/content-slot","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component from Nuxt Content, you can use both slots and props in Markdown thanks to the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/markdown","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"deployment"},"children":[{"type":"text","value":"Deployment"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy with Vercel","src":"https://vercel.com/button"},"children":[]}]},{"type":"text","value":" "},{"type":"element","tag":"a","props":{"href":"https://app.netlify.com/start/deploy?repository=https://github.com/Atinux/content-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy to Netlify","src":"https://www.netlify.com/img/deploy/button.svg"},"children":[]}]}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static Hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pre-render the website to be deployed on any static hosting:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run generate\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" generate\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"dist/"}]},{"type":"text","value":" directory is ready to be deployed (symlink to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":".output/public"}]},{"type":"text","value":"), "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment#static-hosting","rel":["nofollow"]},"children":[{"type":"text","value":"learn more on Nuxt docs"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"node-server"},"children":[{"type":"text","value":"Node server"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Build the application for production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run build\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" build\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Start the server in production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"node .output/server/index.mjs\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" .output/server/index.mjs\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt docs"}]},{"type":"text","value":" for more information."}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You are at the end of the page, you can checkout the "},{"type":"element","tag":"a","props":{"href":"/about"},"children":[{"type":"text","value":"about page"}]},{"type":"text","value":" or the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind","rel":["nofollow"]},"children":[{"type":"text","value":"GitHub repository"}]},{"type":"text","value":" and give a "},{"type":"element","tag":"icon","props":{"name":"ph:star-duotone"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Thanks for reading and happy writing, "},{"type":"element","tag":"a","props":{"href":"https://twitter.com/Atinux","rel":["nofollow"]},"children":[{"type":"text","value":"Atinux"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"features","depth":2,"text":"Features"},{"id":"setup","depth":2,"text":"Setup"},{"id":"usage","depth":2,"text":"Usage","children":[{"id":"pages","depth":3,"text":"Pages"},{"id":"navigation","depth":3,"text":"Navigation"},{"id":"theme-configuration","depth":3,"text":"Theme configuration"},{"id":"icons","depth":3,"text":"Icons"},{"id":"code-highlight","depth":3,"text":"Code Highlight"},{"id":"vue-components","depth":3,"text":"Vue Components"}]},{"id":"deployment","depth":2,"text":"Deployment","children":[{"id":"static-hosting","depth":3,"text":"Static Hosting"},{"id":"node-server","depth":3,"text":"Node server"}]}]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_stem":"1.index","_extension":"md"},{"_path":"/about","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"This is the about page, with a custom description and image for SEO ✨","navigation":{"title":"About"},"layout":"full-width","head":{"description":"This is a custom description for Content Wind about page.","image":"https://fastly.picsum.photos/id/866/536/354.jpg?hmac=tGofDTV7tl2rprappPzKFiZ9vDh5MKj39oa2D--gqhA"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"about"},"children":[{"type":"text","value":"About"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the about page, with a custom description and image for SEO ✨"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Content Wind","src":"https://fastly.picsum.photos/id/866/536/354.jpg?hmac=tGofDTV7tl2rprappPzKFiZ9vDh5MKj39oa2D--gqhA"},"children":[]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:2.about.md","_source":"content","_file":"2.about.md","_stem":"2.about","_extension":"md"}],"navigation":[{"title":"Home","_path":"/"},{"title":"About","_path":"/about","layout":"full-width"}]} \ No newline at end of file diff --git a/api/_content/cache.1723519262068.json b/api/_content/cache.1723519262068.json new file mode 100644 index 0000000..f8c42ff --- /dev/null +++ b/api/_content/cache.1723519262068.json @@ -0,0 +1 @@ +{"generatedAt":1723519280348,"generateTime":690,"contents":[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Hello！","description":"","navigation":{"title":"Home"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"hello"},"children":[{"type":"text","value":"Hello！"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"SadaHaru","src":"/SadaHaru.jpg"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"👏欢迎来到个人博客"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"一个从计算化学转码做应用的灵魂"}]}]},{"type":"element","tag":"h2","props":{"id":"setup"},"children":[{"type":"text","value":"Setup"}]},{"type":"element","tag":"button-link","props":{":external":"true","href":"https://stackblitz.com/github/Atinux/content-wind/tree/main/.demo?file=content%2F1.index.md","icon":"simple-icons:stackblitz"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Play online on Stackblitz"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Open a terminal and run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npx nuxi init -t themes/content-wind my-website\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" my-website\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Follow the instructions in the terminal and you are ready to go 🚀"}]},{"type":"element","tag":"h2","props":{"id":"usage"},"children":[{"type":"text","value":"Usage"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This template has some built-in features to make it as easy as possible to create a content-driven website."}]},{"type":"element","tag":"h3","props":{"id":"pages"},"children":[{"type":"text","value":"Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create your Markdown pages in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can overwrite meta tags by using front-matter:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: 'Custom title'\ndescription: 'Custom meta description'\nimage: 'Custom image injected as `og:image`'\n---\n\n# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"title: 'Custom title'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"description: 'Custom meta description'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"image: 'Custom image injected as "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`og:image`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is done thanks to Nuxt Content's "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/document-driven","rel":["nofollow"]},"children":[{"type":"text","value":"document-driven mode"}]},{"type":"text","value":" of Nuxt Content."}]},{"type":"element","tag":"h3","props":{"id":"navigation"},"children":[{"type":"text","value":"Navigation"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The navigation is generated from your pages, you can take a look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/components/AppNavbar.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component to see how it works."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It uses the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/navigation","rel":["nofollow"]},"children":[{"type":"text","value":"Navigation"}]},{"type":"text","value":" from Nuxt Content to fetch the navigation object."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To customize the title displayed in the navigation, you can set the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.title"}]},{"type":"text","value":" property in the front-matter of your pages:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\nnavigation.title: 'Home'\n---\n\n# Welcome to my site\n\nWith a beautiful description\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"navigation.title: 'Home'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"With a beautiful description\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"theme-configuration"},"children":[{"type":"text","value":"Theme configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can configure Content Wind global configuration in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" file:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: string\n mastodon?: string\n }\n}\n","filename":"signature","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" mastodon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Example of settings Twitter and GitHub icons in the navbar:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\n mastodon: '@atinux@webtoo.ls'\n }\n})\n","filename":"app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux/content-wind'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" mastodon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'@atinux@webtoo.ls'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"icons"},"children":[{"type":"text","value":"Icons"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use any icon from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":" with the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component:"}]},{"type":"element","tag":"pre","props":{"className":"language-html shiki shiki-themes github-dark github-light","code":"\n","language":"html","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FDAEB7;--shiki-default:#B31D28;--shiki-dark-font-style:italic;--shiki-default-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" />\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can also use it in your Markdown:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":icon{name=\"ph:music-notes-fill\"}\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in "},{"type":"element","tag":"icon","props":{"name":"ph:music-notes-fill"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-modules/icon","rel":["nofollow"]},"children":[{"type":"text","value":"nuxt-icon"}]},{"type":"text","value":" documentation."}]},{"type":"element","tag":"h3","props":{"id":"code-highlight"},"children":[{"type":"text","value":"Code Highlight"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It supports code highlighting with Shiki and as well as different "},{"type":"element","tag":"a","props":{"href":"https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes","rel":["nofollow"]},"children":[{"type":"text","value":"VS Code themes"}]},{"type":"text","value":"."}]},{"type":"element","tag":"markdown-block","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"```ts\nexport default () => 'Hello Content Wind'\n```"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default () => 'Hello Content Wind'\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'Hello Content Wind'\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Updating the theme is as simple as editing your "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"nuxt.config"}]},{"type":"text","value":":"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"import { defineNuxtConfig } from 'nuxt'\n\nexport default defineNuxtConfig({\n content: {\n highlight: {\n theme: 'one-dark-pro',\n }\n }\n})\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'nuxt'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" content: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" highlight: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/get-started/configuration#highlight","rel":["nofollow"]},"children":[{"type":"text","value":"Content Code Highlight section"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"vue-components"},"children":[{"type":"text","value":"Vue Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Add Vue components into the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/"}]},{"type":"text","value":" directory and start using them in Markdown."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"See the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component in "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/.demo/components/content/MarkdownBlock.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/MarkdownBlock.vue"}]}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By leveraging the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/components/content-slot","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component from Nuxt Content, you can use both slots and props in Markdown thanks to the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/markdown","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"deployment"},"children":[{"type":"text","value":"Deployment"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy with Vercel","src":"https://vercel.com/button"},"children":[]}]},{"type":"text","value":" "},{"type":"element","tag":"a","props":{"href":"https://app.netlify.com/start/deploy?repository=https://github.com/Atinux/content-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy to Netlify","src":"https://www.netlify.com/img/deploy/button.svg"},"children":[]}]}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static Hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pre-render the website to be deployed on any static hosting:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run generate\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" generate\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"dist/"}]},{"type":"text","value":" directory is ready to be deployed (symlink to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":".output/public"}]},{"type":"text","value":"), "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment#static-hosting","rel":["nofollow"]},"children":[{"type":"text","value":"learn more on Nuxt docs"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"node-server"},"children":[{"type":"text","value":"Node server"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Build the application for production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run build\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" build\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Start the server in production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"node .output/server/index.mjs\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" .output/server/index.mjs\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt docs"}]},{"type":"text","value":" for more information."}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You are at the end of the page, you can checkout the "},{"type":"element","tag":"a","props":{"href":"/about"},"children":[{"type":"text","value":"about page"}]},{"type":"text","value":" or the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind","rel":["nofollow"]},"children":[{"type":"text","value":"GitHub repository"}]},{"type":"text","value":" and give a "},{"type":"element","tag":"icon","props":{"name":"ph:star-duotone"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Thanks for reading and happy writing, "},{"type":"element","tag":"a","props":{"href":"https://twitter.com/Atinux","rel":["nofollow"]},"children":[{"type":"text","value":"Atinux"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"setup","depth":2,"text":"Setup"},{"id":"usage","depth":2,"text":"Usage","children":[{"id":"pages","depth":3,"text":"Pages"},{"id":"navigation","depth":3,"text":"Navigation"},{"id":"theme-configuration","depth":3,"text":"Theme configuration"},{"id":"icons","depth":3,"text":"Icons"},{"id":"code-highlight","depth":3,"text":"Code Highlight"},{"id":"vue-components","depth":3,"text":"Vue Components"}]},{"id":"deployment","depth":2,"text":"Deployment","children":[{"id":"static-hosting","depth":3,"text":"Static Hosting"},{"id":"node-server","depth":3,"text":"Node server"}]}]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_stem":"1.index","_extension":"md"},{"_path":"/about","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"About","description":"This is the about page, with a custom description and image for SEO ✨","navigation":{"title":"About"},"layout":"full-width","head":{"description":"This is a custom description for Content Wind about page.","image":"https://fastly.picsum.photos/id/866/536/354.jpg?hmac=tGofDTV7tl2rprappPzKFiZ9vDh5MKj39oa2D--gqhA"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"about"},"children":[{"type":"text","value":"About"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is the about page, with a custom description and image for SEO ✨"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"Content Wind","src":"https://fastly.picsum.photos/id/866/536/354.jpg?hmac=tGofDTV7tl2rprappPzKFiZ9vDh5MKj39oa2D--gqhA"},"children":[]}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[]}},"_type":"markdown","_id":"content:2.about.md","_source":"content","_file":"2.about.md","_stem":"2.about","_extension":"md"}],"navigation":[{"title":"Home","_path":"/"},{"title":"About","_path":"/about","layout":"full-width"}]} \ No newline at end of file diff --git a/api/_content/navigation/i5pZc4XEtQ.1723453226025.json b/api/_content/navigation/i5pZc4XEtQ.1723519262068.json similarity index 100% rename from api/_content/navigation/i5pZc4XEtQ.1723453226025.json rename to api/_content/navigation/i5pZc4XEtQ.1723519262068.json diff --git a/api/_content/query/0CgxMh2nDn.1723453226025.json b/api/_content/query/0CgxMh2nDn.1723453226025.json deleted file mode 100644 index 54862b2..0000000 --- a/api/_content/query/0CgxMh2nDn.1723453226025.json +++ /dev/null @@ -1 +0,0 @@ -{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Content Wind","description":"A lightweight Nuxt theme to build a Markdown driven website, based on Nuxt Content, TailwindCSS and Iconify ✨","navigation":{"title":"Home"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"content-wind"},"children":[{"type":"text","value":"Content Wind"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"A lightweight Nuxt theme to build a Markdown driven website, based on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", "},{"type":"element","tag":"a","props":{"href":"https://tailwindcss.com","rel":["nofollow"]},"children":[{"type":"text","value":"TailwindCSS"}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://iconify.design","rel":["nofollow"]},"children":[{"type":"text","value":"Iconify"}]},{"type":"text","value":" ✨"}]},{"type":"element","tag":"h2","props":{"id":"features"},"children":[{"type":"text","value":"Features"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/guide/directory-structure/layouts","rel":["nofollow"]},"children":[{"type":"text","value":"layouts"}]},{"type":"text","value":" in Markdown pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Enjoy meta tag generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Generated navigation from pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverage TailwindCSS Typography"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Switch between light & dark mode"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Access 100,000 icons from 100+ icon sets"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Highlight code blocks with "},{"type":"element","tag":"a","props":{"href":"https://shiki.matsu.io","rel":["nofollow"]},"children":[{"type":"text","value":"Shiki"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Create Vue components and use them in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Live edit on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]}]}]},{"type":"element","tag":"h2","props":{"id":"setup"},"children":[{"type":"text","value":"Setup"}]},{"type":"element","tag":"button-link","props":{":external":"true","href":"https://stackblitz.com/github/Atinux/content-wind/tree/main/.demo?file=content%2F1.index.md","icon":"simple-icons:stackblitz"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Play online on Stackblitz"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Open a terminal and run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npx nuxi init -t themes/content-wind my-website\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" my-website\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Follow the instructions in the terminal and you are ready to go 🚀"}]},{"type":"element","tag":"h2","props":{"id":"usage"},"children":[{"type":"text","value":"Usage"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This template has some built-in features to make it as easy as possible to create a content-driven website."}]},{"type":"element","tag":"h3","props":{"id":"pages"},"children":[{"type":"text","value":"Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create your Markdown pages in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can overwrite meta tags by using front-matter:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: 'Custom title'\ndescription: 'Custom meta description'\nimage: 'Custom image injected as `og:image`'\n---\n\n# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"title: 'Custom title'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"description: 'Custom meta description'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"image: 'Custom image injected as "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`og:image`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is done thanks to Nuxt Content's "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/document-driven","rel":["nofollow"]},"children":[{"type":"text","value":"document-driven mode"}]},{"type":"text","value":" of Nuxt Content."}]},{"type":"element","tag":"h3","props":{"id":"navigation"},"children":[{"type":"text","value":"Navigation"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The navigation is generated from your pages, you can take a look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/components/AppNavbar.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component to see how it works."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It uses the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/navigation","rel":["nofollow"]},"children":[{"type":"text","value":"Navigation"}]},{"type":"text","value":" from Nuxt Content to fetch the navigation object."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To customize the title displayed in the navigation, you can set the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.title"}]},{"type":"text","value":" property in the front-matter of your pages:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\nnavigation.title: 'Home'\n---\n\n# Welcome to my site\n\nWith a beautiful description\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"navigation.title: 'Home'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"With a beautiful description\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"theme-configuration"},"children":[{"type":"text","value":"Theme configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can configure Content Wind global configuration in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" file:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: string\n mastodon?: string\n }\n}\n","filename":"signature","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" mastodon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Example of settings Twitter and GitHub icons in the navbar:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\n mastodon: '@atinux@webtoo.ls'\n }\n})\n","filename":"app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux/content-wind'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" mastodon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'@atinux@webtoo.ls'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"icons"},"children":[{"type":"text","value":"Icons"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use any icon from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":" with the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component:"}]},{"type":"element","tag":"pre","props":{"className":"language-html shiki shiki-themes github-dark github-light","code":"\n","language":"html","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FDAEB7;--shiki-default:#B31D28;--shiki-dark-font-style:italic;--shiki-default-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" />\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can also use it in your Markdown:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":icon{name=\"ph:music-notes-fill\"}\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in "},{"type":"element","tag":"icon","props":{"name":"ph:music-notes-fill"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-modules/icon","rel":["nofollow"]},"children":[{"type":"text","value":"nuxt-icon"}]},{"type":"text","value":" documentation."}]},{"type":"element","tag":"h3","props":{"id":"code-highlight"},"children":[{"type":"text","value":"Code Highlight"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It supports code highlighting with Shiki and as well as different "},{"type":"element","tag":"a","props":{"href":"https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes","rel":["nofollow"]},"children":[{"type":"text","value":"VS Code themes"}]},{"type":"text","value":"."}]},{"type":"element","tag":"markdown-block","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"```ts\nexport default () => 'Hello Content Wind'\n```"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default () => 'Hello Content Wind'\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'Hello Content Wind'\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Updating the theme is as simple as editing your "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"nuxt.config"}]},{"type":"text","value":":"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"import { defineNuxtConfig } from 'nuxt'\n\nexport default defineNuxtConfig({\n content: {\n highlight: {\n theme: 'one-dark-pro',\n }\n }\n})\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'nuxt'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" content: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" highlight: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/get-started/configuration#highlight","rel":["nofollow"]},"children":[{"type":"text","value":"Content Code Highlight section"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"vue-components"},"children":[{"type":"text","value":"Vue Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Add Vue components into the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/"}]},{"type":"text","value":" directory and start using them in Markdown."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"See the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component in "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/.demo/components/content/MarkdownBlock.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/MarkdownBlock.vue"}]}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By leveraging the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/components/content-slot","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component from Nuxt Content, you can use both slots and props in Markdown thanks to the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/markdown","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"deployment"},"children":[{"type":"text","value":"Deployment"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy with Vercel","src":"https://vercel.com/button"},"children":[]}]},{"type":"text","value":" "},{"type":"element","tag":"a","props":{"href":"https://app.netlify.com/start/deploy?repository=https://github.com/Atinux/content-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy to Netlify","src":"https://www.netlify.com/img/deploy/button.svg"},"children":[]}]}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static Hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pre-render the website to be deployed on any static hosting:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run generate\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" generate\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"dist/"}]},{"type":"text","value":" directory is ready to be deployed (symlink to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":".output/public"}]},{"type":"text","value":"), "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment#static-hosting","rel":["nofollow"]},"children":[{"type":"text","value":"learn more on Nuxt docs"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"node-server"},"children":[{"type":"text","value":"Node server"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Build the application for production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run build\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" build\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Start the server in production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"node .output/server/index.mjs\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" .output/server/index.mjs\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt docs"}]},{"type":"text","value":" for more information."}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You are at the end of the page, you can checkout the "},{"type":"element","tag":"a","props":{"href":"/about"},"children":[{"type":"text","value":"about page"}]},{"type":"text","value":" or the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind","rel":["nofollow"]},"children":[{"type":"text","value":"GitHub repository"}]},{"type":"text","value":" and give a "},{"type":"element","tag":"icon","props":{"name":"ph:star-duotone"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Thanks for reading and happy writing, "},{"type":"element","tag":"a","props":{"href":"https://twitter.com/Atinux","rel":["nofollow"]},"children":[{"type":"text","value":"Atinux"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"features","depth":2,"text":"Features"},{"id":"setup","depth":2,"text":"Setup"},{"id":"usage","depth":2,"text":"Usage","children":[{"id":"pages","depth":3,"text":"Pages"},{"id":"navigation","depth":3,"text":"Navigation"},{"id":"theme-configuration","depth":3,"text":"Theme configuration"},{"id":"icons","depth":3,"text":"Icons"},{"id":"code-highlight","depth":3,"text":"Code Highlight"},{"id":"vue-components","depth":3,"text":"Vue Components"}]},{"id":"deployment","depth":2,"text":"Deployment","children":[{"id":"static-hosting","depth":3,"text":"Static Hosting"},{"id":"node-server","depth":3,"text":"Node server"}]}]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_stem":"1.index","_extension":"md"} \ No newline at end of file diff --git a/api/_content/query/0CgxMh2nDn.1723519262068.json b/api/_content/query/0CgxMh2nDn.1723519262068.json new file mode 100644 index 0000000..2e69a47 --- /dev/null +++ b/api/_content/query/0CgxMh2nDn.1723519262068.json @@ -0,0 +1 @@ +{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Hello！","description":"","navigation":{"title":"Home"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"hello"},"children":[{"type":"text","value":"Hello！"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"img","props":{"alt":"SadaHaru","src":"/SadaHaru.jpg"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"👏欢迎来到个人博客"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"一个从计算化学转码做应用的灵魂"}]}]},{"type":"element","tag":"h2","props":{"id":"setup"},"children":[{"type":"text","value":"Setup"}]},{"type":"element","tag":"button-link","props":{":external":"true","href":"https://stackblitz.com/github/Atinux/content-wind/tree/main/.demo?file=content%2F1.index.md","icon":"simple-icons:stackblitz"},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Play online on Stackblitz"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Open a terminal and run the following command:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npx nuxi init -t themes/content-wind my-website\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" my-website\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Follow the instructions in the terminal and you are ready to go 🚀"}]},{"type":"element","tag":"h2","props":{"id":"usage"},"children":[{"type":"text","value":"Usage"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This template has some built-in features to make it as easy as possible to create a content-driven website."}]},{"type":"element","tag":"h3","props":{"id":"pages"},"children":[{"type":"text","value":"Pages"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Create your Markdown pages in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"content/"}]},{"type":"text","value":" directory:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can overwrite meta tags by using front-matter:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\ntitle: 'Custom title'\ndescription: 'Custom meta description'\nimage: 'Custom image injected as `og:image`'\n---\n\n# My title\n\nThis first paragraph will be treated as the page meta description.\n","filename":"content/index.md","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"title: 'Custom title'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"description: 'Custom meta description'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"image: 'Custom image injected as "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":"`og:image`"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# My title\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description.\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"This is done thanks to Nuxt Content's "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/guide/writing/document-driven","rel":["nofollow"]},"children":[{"type":"text","value":"document-driven mode"}]},{"type":"text","value":" of Nuxt Content."}]},{"type":"element","tag":"h3","props":{"id":"navigation"},"children":[{"type":"text","value":"Navigation"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The navigation is generated from your pages, you can take a look at the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/components/AppNavbar.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component to see how it works."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It uses the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/navigation","rel":["nofollow"]},"children":[{"type":"text","value":"Navigation"}]},{"type":"text","value":" from Nuxt Content to fetch the navigation object."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To customize the title displayed in the navigation, you can set the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"navigation.title"}]},{"type":"text","value":" property in the front-matter of your pages:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":"---\nnavigation.title: 'Home'\n---\n\n# Welcome to my site\n\nWith a beautiful description\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"navigation.title: 'Home'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"---\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5;--shiki-dark-font-weight:bold;--shiki-default-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"With a beautiful description\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"theme-configuration"},"children":[{"type":"text","value":"Theme configuration"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can configure Content Wind global configuration in the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"app.config.ts"}]},{"type":"text","value":" file:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: string\n mastodon?: string\n }\n}\n","filename":"signature","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#6A737D;--shiki-default:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FFAB70;--shiki-default:#E36209"},"children":[{"type":"text","value":" mastodon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#79B8FF;--shiki-default:#005CC5"},"children":[{"type":"text","value":" string\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Example of settings Twitter and GitHub icons in the navbar:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\n mastodon: '@atinux@webtoo.ls'\n }\n})\n","filename":"app.config.ts","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" socials: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'Atinux/content-wind'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" mastodon: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'@atinux@webtoo.ls'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"h3","props":{"id":"icons"},"children":[{"type":"text","value":"Icons"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Use any icon from "},{"type":"element","tag":"a","props":{"href":"https://icones.js.org","rel":["nofollow"]},"children":[{"type":"text","value":"icones.js.org"}]},{"type":"text","value":" with the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component:"}]},{"type":"element","tag":"pre","props":{"className":"language-html shiki shiki-themes github-dark github-light","code":"\n","language":"html","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#FDAEB7;--shiki-default:#B31D28;--shiki-dark-font-style:italic;--shiki-default-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" />\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You can also use it in your Markdown:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-dark github-light","code":":icon{name=\"ph:music-notes-fill\"}\n","language":"md","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in "},{"type":"element","tag":"icon","props":{"name":"ph:music-notes-fill"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://github.com/nuxt-modules/icon","rel":["nofollow"]},"children":[{"type":"text","value":"nuxt-icon"}]},{"type":"text","value":" documentation."}]},{"type":"element","tag":"h3","props":{"id":"code-highlight"},"children":[{"type":"text","value":"Code Highlight"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It supports code highlighting with Shiki and as well as different "},{"type":"element","tag":"a","props":{"href":"https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes","rel":["nofollow"]},"children":[{"type":"text","value":"VS Code themes"}]},{"type":"text","value":"."}]},{"type":"element","tag":"markdown-block","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"```ts\nexport default () => 'Hello Content Wind'\n```"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"export default () => 'Hello Content Wind'\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'Hello Content Wind'\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Updating the theme is as simple as editing your "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"nuxt.config"}]},{"type":"text","value":":"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-dark github-light","code":"import { defineNuxtConfig } from 'nuxt'\n\nexport default defineNuxtConfig({\n content: {\n highlight: {\n theme: 'one-dark-pro',\n }\n }\n})\n","language":"ts","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" 'nuxt'\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"emptyLinePlaceholder":true},"children":[{"type":"text","value":"\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#F97583;--shiki-default:#D73A49"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"({\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" content: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" highlight: {\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":",\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":" }\n"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#E1E4E8;--shiki-default:#24292E"},"children":[{"type":"text","value":"})\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/get-started/configuration#highlight","rel":["nofollow"]},"children":[{"type":"text","value":"Content Code Highlight section"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"vue-components"},"children":[{"type":"text","value":"Vue Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Add Vue components into the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/"}]},{"type":"text","value":" directory and start using them in Markdown."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"See the "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]},{"type":"text","value":" component in "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/.demo/components/content/MarkdownBlock.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"components/content/MarkdownBlock.vue"}]}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By leveraging the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/components/content-slot","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component from Nuxt Content, you can use both slots and props in Markdown thanks to the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/markdown","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"deployment"},"children":[{"type":"text","value":"Deployment"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy with Vercel","src":"https://vercel.com/button"},"children":[]}]},{"type":"text","value":" "},{"type":"element","tag":"a","props":{"href":"https://app.netlify.com/start/deploy?repository=https://github.com/Atinux/content-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy to Netlify","src":"https://www.netlify.com/img/deploy/button.svg"},"children":[]}]}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static Hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pre-render the website to be deployed on any static hosting:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run generate\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" generate\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"The "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":"dist/"}]},{"type":"text","value":" directory is ready to be deployed (symlink to "},{"type":"element","tag":"code","props":{"className":[]},"children":[{"type":"text","value":".output/public"}]},{"type":"text","value":"), "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment#static-hosting","rel":["nofollow"]},"children":[{"type":"text","value":"learn more on Nuxt docs"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"node-server"},"children":[{"type":"text","value":"Node server"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Build the application for production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"npm run build\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" build\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Start the server in production:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-dark github-light","code":"node .output/server/index.mjs\n","language":"bash","meta":"","style":""},"children":[{"type":"element","tag":"code","props":{"__ignoreMap":""},"children":[{"type":"element","tag":"span","props":{"class":"line","line":1},"children":[{"type":"element","tag":"span","props":{"style":"--shiki-dark:#B392F0;--shiki-default:#6F42C1"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"--shiki-dark:#9ECBFF;--shiki-default:#032F62"},"children":[{"type":"text","value":" .output/server/index.mjs\n"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/getting-started/deployment","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt docs"}]},{"type":"text","value":" for more information."}]},{"type":"element","tag":"hr","props":{},"children":[]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"You are at the end of the page, you can checkout the "},{"type":"element","tag":"a","props":{"href":"/about"},"children":[{"type":"text","value":"about page"}]},{"type":"text","value":" or the "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind","rel":["nofollow"]},"children":[{"type":"text","value":"GitHub repository"}]},{"type":"text","value":" and give a "},{"type":"element","tag":"icon","props":{"name":"ph:star-duotone"},"children":[]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Thanks for reading and happy writing, "},{"type":"element","tag":"a","props":{"href":"https://twitter.com/Atinux","rel":["nofollow"]},"children":[{"type":"text","value":"Atinux"}]},{"type":"text","value":"."}]},{"type":"element","tag":"style","props":{},"children":[{"type":"text","value":"html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}"}]}],"toc":{"title":"","searchDepth":2,"depth":2,"links":[{"id":"setup","depth":2,"text":"Setup"},{"id":"usage","depth":2,"text":"Usage","children":[{"id":"pages","depth":3,"text":"Pages"},{"id":"navigation","depth":3,"text":"Navigation"},{"id":"theme-configuration","depth":3,"text":"Theme configuration"},{"id":"icons","depth":3,"text":"Icons"},{"id":"code-highlight","depth":3,"text":"Code Highlight"},{"id":"vue-components","depth":3,"text":"Vue Components"}]},{"id":"deployment","depth":2,"text":"Deployment","children":[{"id":"static-hosting","depth":3,"text":"Static Hosting"},{"id":"node-server","depth":3,"text":"Node server"}]}]}},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_stem":"1.index","_extension":"md"} \ No newline at end of file diff --git a/api/_content/query/HeireMQgN2.1723453226025.json b/api/_content/query/HeireMQgN2.1723453226025.json deleted file mode 100644 index b4e8fde..0000000 --- a/api/_content/query/HeireMQgN2.1723453226025.json +++ /dev/null @@ -1 +0,0 @@ -[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Content Wind","description":"A lightweight Nuxt theme to build a Markdown driven website, based on Nuxt Content, TailwindCSS and Iconify ✨","navigation":{"title":"Home"},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_stem":"1.index","_extension":"md"},null] \ No newline at end of file diff --git a/api/_content/query/HeireMQgN2.1723519262068.json b/api/_content/query/HeireMQgN2.1723519262068.json new file mode 100644 index 0000000..e172091 --- /dev/null +++ b/api/_content/query/HeireMQgN2.1723519262068.json @@ -0,0 +1 @@ +[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Hello！","description":"","navigation":{"title":"Home"},"_type":"markdown","_id":"content:1.index.md","_source":"content","_file":"1.index.md","_stem":"1.index","_extension":"md"},null] \ No newline at end of file diff --git a/api/_content/query/McFLtkOpC5.1723453226025.json b/api/_content/query/McFLtkOpC5.1723519262068.json similarity index 100% rename from api/_content/query/McFLtkOpC5.1723453226025.json rename to api/_content/query/McFLtkOpC5.1723519262068.json diff --git a/api/_content/query/oWHhTkscLk.1723453226025.json b/api/_content/query/oWHhTkscLk.1723519262068.json similarity index 100% rename from api/_content/query/oWHhTkscLk.1723453226025.json rename to api/_content/query/oWHhTkscLk.1723519262068.json diff --git a/index.html b/index.html index 42cee6a..aa9c950 100644 --- a/index.html +++ b/index.html @@ -1,13 +1,13 @@ -Content Wind +Hello！ - + @@ -20,10 +20,10 @@ - - + + @@ -31,8 +31,8 @@ + - @@ -42,10 +42,8 @@ - - - -
HomeAbout

Content Wind

A lightweight Nuxt theme to build a Markdown driven website, based on Nuxt Content, TailwindCSS and Iconify ✨

Features

  • Write pages in Markdown
  • Use layouts in Markdown pages
  • Enjoy meta tag generation
  • Generated navigation from pages
  • Leverage TailwindCSS Typography
  • Switch between light & dark mode
  • Access 100,000 icons from 100+ icon sets
  • Highlight code blocks with Shiki
  • Create Vue components and use them in Markdown
  • Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.
  • Live edit on Nuxt Studio

Setup

Play online on Stackblitz

Open a terminal and run the following command:

npx nuxi init -t themes/content-wind my-website
+
+
HomeAbout
Hello！
SadaHaru
👏欢迎来到个人博客
  • 一个从计算化学转码做应用的灵魂
Setup
Play online on Stackblitz
Open a terminal and run the following command:
npx nuxi init -t themes/content-wind my-website
 
Follow the instructions in the terminal and you are ready to go 🚀
Usage
This template has some built-in features to make it as easy as possible to create a content-driven website.
Pages
Create your Markdown pages in the content/ directory:
# My title
 
 This first paragraph will be treated as the page meta description.
@@ -97,5 +95,5 @@
 
Learn more in the Content Code Highlight section.
Vue Components
Add Vue components into the components/content/ directory and start using them in Markdown.
See the <MarkdownBlock> component in components/content/MarkdownBlock.vue.
By leveraging the <ContentSlot> component from Nuxt Content, you can use both slots and props in Markdown thanks to the MDC syntax.
Deployment
Deploy with Vercel Deploy to Netlify
Static Hosting
Pre-render the website to be deployed on any static hosting:
npm run generate
 
The dist/ directory is ready to be deployed (symlink to .output/public), learn more on Nuxt docs.
Node server
Build the application for production:
npm run build
 
Start the server in production:
node .output/server/index.mjs
-
Learn more on Nuxt docs for more information.
You are at the end of the page, you can checkout the about page or the GitHub repository and give a 
Thanks for reading and happy writing, Atinux.

-
\ No newline at end of file
+

Learn more on Nuxt docs for more information.

You are at the end of the page, you can checkout the about page or the GitHub repository and give a

Thanks for reading and happy writing, Atinux.

+ \ No newline at end of file