diff --git a/200.html b/200.html index 6f024d0..ffaec26 100644 --- a/200.html +++ b/200.html @@ -18,5 +18,5 @@
- + \ No newline at end of file diff --git a/404.html b/404.html index 6f024d0..ffaec26 100644 --- a/404.html +++ b/404.html @@ -18,5 +18,5 @@
- + \ No newline at end of file diff --git a/_payload.json b/_payload.json index 6061e7a..8e5b75e 100644 --- a/_payload.json +++ b/_payload.json @@ -1 +1 @@ -[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696007125805] \ No newline at end of file +[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696007478844] \ No newline at end of file diff --git a/about/_payload.json b/about/_payload.json index 8a919ff..98a6918 100644 --- a/about/_payload.json +++ b/about/_payload.json @@ -1 +1 @@ -[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696007127534] \ No newline at end of file +[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696007480048] \ No newline at end of file diff --git a/about/index.html b/about/index.html index 4bdc664..70bb9c0 100644 --- a/about/index.html +++ b/about/index.html @@ -34,6 +34,6 @@ -
HomeAbout

About

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

Content Wind

- +
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.1696007102236.json b/api/_content/cache.1696007102236.json deleted file mode 100644 index 9bc3cfa..0000000 --- a/api/_content/cache.1696007102236.json +++ /dev/null @@ -1 +0,0 @@ -{"generatedAt":1696007125663,"generateTime":1608,"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.nuxtjs.org","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":"Configurable "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space","rel":["nofollow"]},"children":[{"type":"text","value":"prose components"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Generated navigation from pages"}]},{"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","external":true,"href":"https://stackblitz.com/edit/nuxt-content-wind?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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" my-website"}]}]}]}]},{"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-light github-dark","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":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom title'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom meta description'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"image"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom image injected as `og:image`'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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/theme/components/Navbar.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.nuxtjs.org/api/components/content-navigation","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component 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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"navigation.title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Home'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"With a beautiful description"}]}]}]}]},{"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-light github-dark","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: 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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"}"}]}]}]}]},{"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-light github-dark","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" socials: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux/content-wind'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#B31D28;--shiki-dark:#FDAEB7;font-style:italic;--shiki-dark-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" />"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}"}]}]}]}]},{"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/Atinux/nuxt-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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'Hello Content Wind'"}]}]}]}]},{"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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'nuxt'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" content: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" highlight: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/api/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/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.nuxtjs.org/api/components/markdown","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.nuxtjs.org/guide/writing/mdc","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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" generate"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" build"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" .output/server/index.mjs"}]}]}]}]},{"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) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"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","_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","_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.1696007460600.json b/api/_content/cache.1696007460600.json new file mode 100644 index 0000000..b18bee4 --- /dev/null +++ b/api/_content/cache.1696007460600.json @@ -0,0 +1 @@ +{"generatedAt":1696007478730,"generateTime":974,"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":"Configurable "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space","rel":["nofollow"]},"children":[{"type":"text","value":"prose components"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Generated navigation from pages"}]},{"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","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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" my-website"}]}]}]}]},{"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-light github-dark","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":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom title'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom meta description'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"image"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom image injected as `og:image`'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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/theme/components/Navbar.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.nuxtjs.org/api/components/content-navigation","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component 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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"navigation.title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Home'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"With a beautiful description"}]}]}]}]},{"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-light github-dark","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: 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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"}"}]}]}]}]},{"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-light github-dark","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" socials: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux/content-wind'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#B31D28;--shiki-dark:#FDAEB7;font-style:italic;--shiki-dark-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" />"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}"}]}]}]}]},{"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/Atinux/nuxt-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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'Hello Content Wind'"}]}]}]}]},{"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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'nuxt'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" content: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" highlight: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/api/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/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.nuxtjs.org/api/components/markdown","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.nuxtjs.org/guide/writing/mdc","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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" generate"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" build"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" .output/server/index.mjs"}]}]}]}]},{"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) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"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","_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","_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/u7BbTyuhiE.1696007102236.json b/api/_content/navigation/u7BbTyuhiE.1696007460600.json similarity index 100% rename from api/_content/navigation/u7BbTyuhiE.1696007102236.json rename to api/_content/navigation/u7BbTyuhiE.1696007460600.json diff --git a/api/_content/query/4iQohvzBYE.1696007102236.json b/api/_content/query/4iQohvzBYE.1696007460600.json similarity index 100% rename from api/_content/query/4iQohvzBYE.1696007102236.json rename to api/_content/query/4iQohvzBYE.1696007460600.json diff --git a/api/_content/query/NNoqIgVDSo.1696007102236.json b/api/_content/query/NNoqIgVDSo.1696007460600.json similarity index 100% rename from api/_content/query/NNoqIgVDSo.1696007102236.json rename to api/_content/query/NNoqIgVDSo.1696007460600.json diff --git a/api/_content/query/brX4CwCJoQ.1696007102236.json b/api/_content/query/brX4CwCJoQ.1696007102236.json deleted file mode 100644 index d4545b4..0000000 --- a/api/_content/query/brX4CwCJoQ.1696007102236.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.nuxtjs.org","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":"Configurable "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space","rel":["nofollow"]},"children":[{"type":"text","value":"prose components"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Generated navigation from pages"}]},{"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","external":true,"href":"https://stackblitz.com/edit/nuxt-content-wind?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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" my-website"}]}]}]}]},{"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-light github-dark","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":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom title'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom meta description'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"image"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom image injected as `og:image`'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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/theme/components/Navbar.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.nuxtjs.org/api/components/content-navigation","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component 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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"navigation.title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Home'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"With a beautiful description"}]}]}]}]},{"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-light github-dark","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: 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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"}"}]}]}]}]},{"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-light github-dark","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" socials: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux/content-wind'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#B31D28;--shiki-dark:#FDAEB7;font-style:italic;--shiki-dark-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" />"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}"}]}]}]}]},{"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/Atinux/nuxt-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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'Hello Content Wind'"}]}]}]}]},{"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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'nuxt'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" content: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" highlight: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/api/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/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.nuxtjs.org/api/components/markdown","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.nuxtjs.org/guide/writing/mdc","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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" generate"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" build"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" .output/server/index.mjs"}]}]}]}]},{"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) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"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","_extension":"md"} \ No newline at end of file diff --git a/api/_content/query/brX4CwCJoQ.1696007460600.json b/api/_content/query/brX4CwCJoQ.1696007460600.json new file mode 100644 index 0000000..7c49746 --- /dev/null +++ b/api/_content/query/brX4CwCJoQ.1696007460600.json @@ -0,0 +1 @@ +{"_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":"Configurable "},{"type":"element","tag":"a","props":{"href":"https://typography.nuxt.space","rel":["nofollow"]},"children":[{"type":"text","value":"prose components"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Generated navigation from pages"}]},{"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","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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npx"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" nuxi"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" init"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" -t"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" themes/content-wind"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" my-website"}]}]}]}]},{"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-light github-dark","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":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom title'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"description"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom meta description'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"image"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Custom image injected as `og:image`'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# My title"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"This first paragraph will be treated as the page meta description."}]}]}]}]},{"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/theme/components/Navbar.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.nuxtjs.org/api/components/content-navigation","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component 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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#22863A;--shiki-dark:#85E89D"},"children":[{"type":"text","value":"navigation.title"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":": "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Home'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"---"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF;font-weight:bold;--shiki-dark-font-weight:bold"},"children":[{"type":"text","value":"# Welcome to my site"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"With a beautiful description"}]}]}]}]},{"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-light github-dark","code":"interface AppConfigInput {\n cover?: string, // default: '/cover.jpg'\n socials?: {\n twitter?: string\n github?: 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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"interface"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" AppConfigInput"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" cover"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":", "}]},{"type":"element","tag":"span","props":{"style":"color:#6A737D;--shiki-dark:#6A737D"},"children":[{"type":"text","value":"// default: '/cover.jpg'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" socials"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" twitter"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#E36209;--shiki-dark:#FFAB70"},"children":[{"type":"text","value":" github"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"?:"}]},{"type":"element","tag":"span","props":{"style":"color:#005CC5;--shiki-dark:#79B8FF"},"children":[{"type":"text","value":" string"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"}"}]}]}]}]},{"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-light github-dark","code":"export default defineAppConfig({\n socials: {\n twitter: 'Atinux',\n github: 'Atinux/content-wind'\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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineAppConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" socials: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" twitter: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" github: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'Atinux/content-wind'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"<"}]},{"type":"element","tag":"span","props":{"style":"color:#B31D28;--shiki-dark:#FDAEB7;font-style:italic;--shiki-dark-font-style:italic"},"children":[{"type":"text","value":"Icon"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" name"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"="}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"\"ph:music-notes-fill\""}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" />"}]}]}]}]},{"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-light github-dark","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":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":":icon{name=\"ph:music-notes-fill\"}"}]}]}]}]},{"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/Atinux/nuxt-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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" () "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"=>"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'Hello Content Wind'"}]}]}]}]},{"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-light github-dark","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":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"import"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" { defineNuxtConfig } "}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"from"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" 'nuxt'"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":2},"children":[]},{"type":"element","tag":"span","props":{"class":"line","line":3},"children":[{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":"export"}]},{"type":"element","tag":"span","props":{"style":"color:#D73A49;--shiki-dark:#F97583"},"children":[{"type":"text","value":" default"}]},{"type":"element","tag":"span","props":{"style":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":" defineNuxtConfig"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"({"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":4},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" content: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":5},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" highlight: {"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":6},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" theme: "}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":"'one-dark-pro'"}]},{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":","}]}]},{"type":"element","tag":"span","props":{"class":"line","line":7},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":8},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":" }"}]}]},{"type":"element","tag":"span","props":{"class":"line","line":9},"children":[{"type":"element","tag":"span","props":{"style":"color:#24292E;--shiki-dark:#E1E4E8"},"children":[{"type":"text","value":"})"}]}]}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Learn more in the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxtjs.org/api/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/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.nuxtjs.org/api/components/markdown","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.nuxtjs.org/guide/writing/mdc","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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" generate"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"npm"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" run"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" build"}]}]}]}]},{"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-light github-dark","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":"color:#6F42C1;--shiki-dark:#B392F0"},"children":[{"type":"text","value":"node"}]},{"type":"element","tag":"span","props":{"style":"color:#032F62;--shiki-dark:#9ECBFF"},"children":[{"type":"text","value":" .output/server/index.mjs"}]}]}]}]},{"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) !important;background: var(--shiki-dark-bg) !important;font-style: var(--shiki-dark-font-style) !important;font-weight: var(--shiki-dark-font-weight) !important;text-decoration: var(--shiki-dark-text-decoration) !important;}"}]}],"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","_extension":"md"} \ No newline at end of file diff --git a/api/_content/query/xWeY3NfYtX.1696007102236.json b/api/_content/query/xWeY3NfYtX.1696007460600.json similarity index 100% rename from api/_content/query/xWeY3NfYtX.1696007102236.json rename to api/_content/query/xWeY3NfYtX.1696007460600.json diff --git a/index.html b/index.html index a6800c5..9aba87c 100644 --- a/index.html +++ b/index.html @@ -50,8 +50,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
  • Configurable prose components
  • Generated navigation from pages
  • 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

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 titleThis first paragraph will be treated as the page meta description.

You can overwrite meta tags by using front-matter:

---title: 'Custom title'description: 'Custom meta description'image: 'Custom image injected as `og:image`'---# My titleThis first paragraph will be treated as the page meta description.

This is done thanks to Nuxt Content's document-driven mode of Nuxt Content.

The navigation is generated from your pages, you can take a look at the <Navbar> component to see how it works.

It uses the <ContentNavigation> component from Nuxt Content to fetch the navigation object.

To customize the title displayed in the navigation, you can set the navigation.title property in the front-matter of your pages:

---navigation.title: 'Home'---# Welcome to my siteWith a beautiful description

Theme configuration

You can configure Content Wind global configuration in the app.config.ts file:

interface AppConfigInput {  cover?: string, // default: '/cover.jpg'  socials?: {    twitter?: string    github?: string  }}

Example of settings Twitter and GitHub icons in the navbar:

export default defineAppConfig({  socials: {    twitter: 'Atinux',    github: 'Atinux/content-wind'  }})

Icons

Use any icon from icones.js.org with the <Icon> component:

<Icon name="ph:music-notes-fill" />

You can also use it in your Markdown:

:icon{name="ph:music-notes-fill"}

Will result in

Learn more on nuxt-icon documentation.

Code Highlight

It supports code highlighting with Shiki and as well as different VS Code themes.

```ts
+
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
  • Configurable prose components
  • Generated navigation from pages
  • 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
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 titleThis first paragraph will be treated as the page meta description.
You can overwrite meta tags by using front-matter:
---title: 'Custom title'description: 'Custom meta description'image: 'Custom image injected as `og:image`'---# My titleThis first paragraph will be treated as the page meta description.
This is done thanks to Nuxt Content's document-driven mode of Nuxt Content.
The navigation is generated from your pages, you can take a look at the <Navbar> component to see how it works.
It uses the <ContentNavigation> component from Nuxt Content to fetch the navigation object.
To customize the title displayed in the navigation, you can set the navigation.title property in the front-matter of your pages:
---navigation.title: 'Home'---# Welcome to my siteWith a beautiful description
Theme configuration
You can configure Content Wind global configuration in the app.config.ts file:
interface AppConfigInput {  cover?: string, // default: '/cover.jpg'  socials?: {    twitter?: string    github?: string  }}
Example of settings Twitter and GitHub icons in the navbar:
export default defineAppConfig({  socials: {    twitter: 'Atinux',    github: 'Atinux/content-wind'  }})
Icons
Use any icon from icones.js.org with the <Icon> component:
<Icon name="ph:music-notes-fill" />
You can also use it in your Markdown:
:icon{name="ph:music-notes-fill"}
Will result in 
Learn more on nuxt-icon documentation.
Code Highlight
It supports code highlighting with Shiki and as well as different VS Code themes.
```ts
 export default () => 'Hello Content Wind'
-```
Will result in:
export default () => 'Hello Content Wind'
Updating the theme is as simple as editing your nuxt.config:
import { defineNuxtConfig } from 'nuxt'export default defineNuxtConfig({  content: {    highlight: {      theme: 'one-dark-pro',    }  }})
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.

-
+```

Will result in:

export default () => 'Hello Content Wind'

Updating the theme is as simple as editing your nuxt.config:

import { defineNuxtConfig } from 'nuxt'export default defineNuxtConfig({  content: {    highlight: {      theme: 'one-dark-pro',    }  }})

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