Update 9.about.md

Author: BareCoders

content/9.about.md

@@ -11,3 +11,87 @@ seo:
 This is the about page, with a custom description and image for SEO ✨
 
 
+Pages
+Create your Markdown pages in the content/ directory:
+
+# My title
+
+This 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 title
+
+This first paragraph will be treated as the page meta description.
+This is done thanks to Nuxt Content's document-driven mode of Nuxt Content.
+
+Navigation
+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 site
+
+With 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
+    mastodon?: string
+  }
+}
+Example of settings Twitter and GitHub icons in the navbar:
+
+export default defineAppConfig({
+  socials: {
+    twitter: 'Atinux',
+    github: 'Atinux/content-wind'
+    mastodon: '@atinux@webtoo.ls'
+  }
+})
+Icons
+Use any icon from icones.js.org with the <Icon> component:
+
+<Icon name="i-lucide-music" />
+You can also use it in your Markdown:
+
+:icon{name="i-lucide-music"}
+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',
+    }
+  }
+})