From bed7fe2360d1704f3e2ea49b2e28355dcdbe3b1c Mon Sep 17 00:00:00 2001 From: Atinux Date: Mon, 9 Oct 2023 15:42:48 +0000 Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20Atinux/c?= =?UTF-8?q?ontent-wind@f2ece8a6bf396f51ea0f522237cc96e6af877c88=20?= =?UTF-8?q?=F0=9F=9A=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- 200.html | 2 +- 404.html | 2 +- _payload.json | 2 +- about/_payload.json | 2 +- about/index.html | 4 ++-- api/_content/cache.1696865849517.json | 1 - api/_content/cache.1696866142504.json | 1 + ...hiE.1696865849517.json => u7BbTyuhiE.1696866142504.json} | 0 ...BYE.1696865849517.json => 4iQohvzBYE.1696866142504.json} | 0 ...DSo.1696865849517.json => NNoqIgVDSo.1696866142504.json} | 0 api/_content/query/brX4CwCJoQ.1696865849517.json | 1 - api/_content/query/brX4CwCJoQ.1696866142504.json | 1 + ...YtX.1696865849517.json => xWeY3NfYtX.1696866142504.json} | 0 index.html | 6 +++--- 14 files changed, 11 insertions(+), 11 deletions(-) delete mode 100644 api/_content/cache.1696865849517.json create mode 100644 api/_content/cache.1696866142504.json rename api/_content/navigation/{u7BbTyuhiE.1696865849517.json => u7BbTyuhiE.1696866142504.json} (100%) rename api/_content/query/{4iQohvzBYE.1696865849517.json => 4iQohvzBYE.1696866142504.json} (100%) rename api/_content/query/{NNoqIgVDSo.1696865849517.json => NNoqIgVDSo.1696866142504.json} (100%) delete mode 100644 api/_content/query/brX4CwCJoQ.1696865849517.json create mode 100644 api/_content/query/brX4CwCJoQ.1696866142504.json rename api/_content/query/{xWeY3NfYtX.1696865849517.json => xWeY3NfYtX.1696866142504.json} (100%) diff --git a/200.html b/200.html index f8ba140..fc40ca0 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 f8ba140..fc40ca0 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 67639ef..f3af4c1 100644 --- a/_payload.json +++ b/_payload.json @@ -1 +1 @@ -[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696865869059] \ No newline at end of file +[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696866165999] \ No newline at end of file diff --git a/about/_payload.json b/about/_payload.json index 6d0267d..d9587d5 100644 --- a/about/_payload.json +++ b/about/_payload.json @@ -1 +1 @@ -[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696865870485] \ No newline at end of file +[{"data":1,"prerenderedAt":3},["Reactive",2],{},1696866167297] \ No newline at end of file diff --git a/about/index.html b/about/index.html index 810425f..98ec0b0 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.1696865849517.json b/api/_content/cache.1696865849517.json deleted file mode 100644 index b9e51f3..0000000 --- a/api/_content/cache.1696865849517.json +++ /dev/null @@ -1 +0,0 @@ -{"generatedAt":1696865868946,"generateTime":1245,"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/cache.1696866142504.json b/api/_content/cache.1696866142504.json new file mode 100644 index 0000000..f087107 --- /dev/null +++ b/api/_content/cache.1696866142504.json @@ -0,0 +1 @@ +{"generatedAt":1696866165860,"generateTime":1155,"contents":[{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Content Wind","description":"A lightweight Nuxt theme to build a Markdown driven website, based on Nuxt Content, TailwindCSS and Iconify ✨","navigation":{"title":"Home"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"content-wind"},"children":[{"type":"text","value":"Content Wind"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"A lightweight Nuxt theme to build a Markdown driven website, based on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", "},{"type":"element","tag":"a","props":{"href":"https://tailwindcss.com","rel":["nofollow"]},"children":[{"type":"text","value":"TailwindCSS"}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://iconify.design","rel":["nofollow"]},"children":[{"type":"text","value":"Iconify"}]},{"type":"text","value":" ✨"}]},{"type":"element","tag":"h2","props":{"id":"features"},"children":[{"type":"text","value":"Features"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/guide/directory-structure/layouts","rel":["nofollow"]},"children":[{"type":"text","value":"layouts"}]},{"type":"text","value":" in Markdown pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Enjoy meta tag generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Generated navigation from pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverage TailwindCSS Typography"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Switch between light & dark mode"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Access 100,000 icons from 100+ icon sets"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Highlight code blocks with "},{"type":"element","tag":"a","props":{"href":"https://shiki.matsu.io","rel":["nofollow"]},"children":[{"type":"text","value":"Shiki"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Create Vue components and use them in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Live edit on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]}]}]},{"type":"element","tag":"h2","props":{"id":"setup"},"children":[{"type":"text","value":"Setup"}]},{"type":"element","tag":"button-link","props":{":external":"true","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/components/AppNavbar.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component to see how it works."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It uses the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/navigation","rel":["nofollow"]},"children":[{"type":"text","value":"Navigation"}]},{"type":"text","value":" from Nuxt Content to fetch the navigation object."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To customize the title displayed in the navigation, you can set the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation.title"}]},{"type":"text","value":" property in the front-matter of your pages:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-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/nuxt-modules/icon","rel":["nofollow"]},"children":[{"type":"text","value":"nuxt-icon"}]},{"type":"text","value":" documentation."}]},{"type":"element","tag":"h3","props":{"id":"code-highlight"},"children":[{"type":"text","value":"Code Highlight"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It supports code highlighting with Shiki and as well as different "},{"type":"element","tag":"a","props":{"href":"https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes","rel":["nofollow"]},"children":[{"type":"text","value":"VS Code themes"}]},{"type":"text","value":"."}]},{"type":"element","tag":"markdown-block","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"```ts\nexport default () => 'Hello Content Wind'\n```"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-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.nuxt.com/get-started/configuration#highlight","rel":["nofollow"]},"children":[{"type":"text","value":"Content Code Highlight section"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"vue-components"},"children":[{"type":"text","value":"Vue Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Add Vue components into the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"components/content/"}]},{"type":"text","value":" directory and start using them in Markdown."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"See the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]},{"type":"text","value":" component in "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/.demo/components/content/MarkdownBlock.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"components/content/MarkdownBlock.vue"}]}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By leveraging the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/components/content-slot","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component from Nuxt Content, you can use both slots and props in Markdown thanks to the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/markdown","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"deployment"},"children":[{"type":"text","value":"Deployment"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy with Vercel","src":"https://vercel.com/button"},"children":[]}]},{"type":"text","value":" "},{"type":"element","tag":"a","props":{"href":"https://app.netlify.com/start/deploy?repository=https://github.com/Atinux/content-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy to Netlify","src":"https://www.netlify.com/img/deploy/button.svg"},"children":[]}]}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static Hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pre-render the website to be deployed on any static hosting:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-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.1696865849517.json b/api/_content/navigation/u7BbTyuhiE.1696866142504.json similarity index 100% rename from api/_content/navigation/u7BbTyuhiE.1696865849517.json rename to api/_content/navigation/u7BbTyuhiE.1696866142504.json diff --git a/api/_content/query/4iQohvzBYE.1696865849517.json b/api/_content/query/4iQohvzBYE.1696866142504.json similarity index 100% rename from api/_content/query/4iQohvzBYE.1696865849517.json rename to api/_content/query/4iQohvzBYE.1696866142504.json diff --git a/api/_content/query/NNoqIgVDSo.1696865849517.json b/api/_content/query/NNoqIgVDSo.1696866142504.json similarity index 100% rename from api/_content/query/NNoqIgVDSo.1696865849517.json rename to api/_content/query/NNoqIgVDSo.1696866142504.json diff --git a/api/_content/query/brX4CwCJoQ.1696865849517.json b/api/_content/query/brX4CwCJoQ.1696865849517.json deleted file mode 100644 index 7c49746..0000000 --- a/api/_content/query/brX4CwCJoQ.1696865849517.json +++ /dev/null @@ -1 +0,0 @@ -{"_path":"/","_dir":"","_draft":false,"_partial":false,"_locale":"","title":"Content Wind","description":"A lightweight Nuxt theme to build a Markdown driven website, based on Nuxt Content, TailwindCSS and Iconify ✨","navigation":{"title":"Home"},"body":{"type":"root","children":[{"type":"element","tag":"h1","props":{"id":"content-wind"},"children":[{"type":"text","value":"Content Wind"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"A lightweight Nuxt theme to build a Markdown driven website, based on "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Content"}]},{"type":"text","value":", "},{"type":"element","tag":"a","props":{"href":"https://tailwindcss.com","rel":["nofollow"]},"children":[{"type":"text","value":"TailwindCSS"}]},{"type":"text","value":" and "},{"type":"element","tag":"a","props":{"href":"https://iconify.design","rel":["nofollow"]},"children":[{"type":"text","value":"Iconify"}]},{"type":"text","value":" ✨"}]},{"type":"element","tag":"h2","props":{"id":"features"},"children":[{"type":"text","value":"Features"}]},{"type":"element","tag":"ul","props":{},"children":[{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Write pages in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Use "},{"type":"element","tag":"a","props":{"href":"https://nuxt.com/docs/guide/directory-structure/layouts","rel":["nofollow"]},"children":[{"type":"text","value":"layouts"}]},{"type":"text","value":" in Markdown pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Enjoy meta tag generation"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"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/brX4CwCJoQ.1696866142504.json b/api/_content/query/brX4CwCJoQ.1696866142504.json new file mode 100644 index 0000000..d3904d5 --- /dev/null +++ b/api/_content/query/brX4CwCJoQ.1696866142504.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":"Generated navigation from pages"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Leverage TailwindCSS Typography"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Switch between light & dark mode"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Access 100,000 icons from 100+ icon sets"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Highlight code blocks with "},{"type":"element","tag":"a","props":{"href":"https://shiki.matsu.io","rel":["nofollow"]},"children":[{"type":"text","value":"Shiki"}]}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Create Vue components and use them in Markdown"}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc."}]},{"type":"element","tag":"li","props":{},"children":[{"type":"text","value":"Live edit on "},{"type":"element","tag":"a","props":{"href":"https://nuxt.studio","rel":["nofollow"]},"children":[{"type":"text","value":"Nuxt Studio"}]}]}]},{"type":"element","tag":"h2","props":{"id":"setup"},"children":[{"type":"text","value":"Setup"}]},{"type":"element","tag":"button-link","props":{":external":"true","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/components/AppNavbar.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component to see how it works."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It uses the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/navigation","rel":["nofollow"]},"children":[{"type":"text","value":"Navigation"}]},{"type":"text","value":" from Nuxt Content to fetch the navigation object."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"To customize the title displayed in the navigation, you can set the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"navigation.title"}]},{"type":"text","value":" property in the front-matter of your pages:"}]},{"type":"element","tag":"pre","props":{"className":"language-md shiki shiki-themes github-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/nuxt-modules/icon","rel":["nofollow"]},"children":[{"type":"text","value":"nuxt-icon"}]},{"type":"text","value":" documentation."}]},{"type":"element","tag":"h3","props":{"id":"code-highlight"},"children":[{"type":"text","value":"Code Highlight"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"It supports code highlighting with Shiki and as well as different "},{"type":"element","tag":"a","props":{"href":"https://github.com/shikijs/shiki/blob/main/docs/themes.md#all-themes","rel":["nofollow"]},"children":[{"type":"text","value":"VS Code themes"}]},{"type":"text","value":"."}]},{"type":"element","tag":"markdown-block","props":{},"children":[{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"```ts\nexport default () => 'Hello Content Wind'\n```"}]}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Will result in:"}]},{"type":"element","tag":"pre","props":{"className":"language-ts shiki shiki-themes github-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.nuxt.com/get-started/configuration#highlight","rel":["nofollow"]},"children":[{"type":"text","value":"Content Code Highlight section"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h3","props":{"id":"vue-components"},"children":[{"type":"text","value":"Vue Components"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Add Vue components into the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"components/content/"}]},{"type":"text","value":" directory and start using them in Markdown."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"See the "},{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]},{"type":"text","value":" component in "},{"type":"element","tag":"a","props":{"href":"https://github.com/Atinux/content-wind/blob/main/.demo/components/content/MarkdownBlock.vue","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":"components/content/MarkdownBlock.vue"}]}]},{"type":"text","value":"."}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"By leveraging the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/components/content-slot","rel":["nofollow"]},"children":[{"type":"element","tag":"code","props":{"className":""},"children":[{"type":"text","value":""}]}]},{"type":"text","value":" component from Nuxt Content, you can use both slots and props in Markdown thanks to the "},{"type":"element","tag":"a","props":{"href":"https://content.nuxt.com/usage/markdown","rel":["nofollow"]},"children":[{"type":"text","value":"MDC syntax"}]},{"type":"text","value":"."}]},{"type":"element","tag":"h2","props":{"id":"deployment"},"children":[{"type":"text","value":"Deployment"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"element","tag":"a","props":{"href":"https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FAtinux%2Fcontent-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy with Vercel","src":"https://vercel.com/button"},"children":[]}]},{"type":"text","value":" "},{"type":"element","tag":"a","props":{"href":"https://app.netlify.com/start/deploy?repository=https://github.com/Atinux/content-wind-template","rel":["nofollow"]},"children":[{"type":"element","tag":"img","props":{"alt":"Deploy to Netlify","src":"https://www.netlify.com/img/deploy/button.svg"},"children":[]}]}]},{"type":"element","tag":"h3","props":{"id":"static-hosting"},"children":[{"type":"text","value":"Static Hosting"}]},{"type":"element","tag":"p","props":{},"children":[{"type":"text","value":"Pre-render the website to be deployed on any static hosting:"}]},{"type":"element","tag":"pre","props":{"className":"language-bash shiki shiki-themes github-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.1696865849517.json b/api/_content/query/xWeY3NfYtX.1696866142504.json similarity index 100% rename from api/_content/query/xWeY3NfYtX.1696865849517.json rename to api/_content/query/xWeY3NfYtX.1696866142504.json diff --git a/index.html b/index.html index 604dba8..8c1c835 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
  • Generated navigation from pages
  • Leverage TailwindCSS Typography
  • Switch between light & dark mode
  • Access 100,000 icons from 100+ icon sets
  • Highlight code blocks with Shiki
  • Create Vue components and use them in Markdown
  • Deploy on any Node or Static hosting: GH Pages, Vercel, Netlify, Heroku, etc.
  • Live edit on Nuxt Studio
Setup
Play online on Stackblitz
Open a terminal and run the following command:
npx nuxi init -t themes/content-wind my-website
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 <AppNavbar> component to see how it works.
It uses the Navigation  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