latest

content/about.md

@@ -0,0 +1,58 @@
+---
+id: "11"
+title: "About"
+description: "About this theme."
+date: "2024-02-11"
+listed: false
+nocomments: true
+categories:
+    - "documentation"
+tags:
+    - "theme"
+    - "mistral"
+    - "documentation"
+
+---
+
+# About this theme
+
+Mistral is a theme for the blogging platform [Bloggrify](https://bloggrify.com).
+
+## Supported features
+
+|| **Feature** | **Description**                                      |
+|---|-------------|------------------------------------------------------|
+| 📖 | tags        | Add tags to your posts                               |
+| 📝 | Markdown    | Use markdown to write your posts                     |
+| 📧 | Newsletter  | Add a newsletter subscription form with RssFeedPulse |
+| 💬 | Comments    | Add comments to your posts with Hyvor Talk           |
+| 📱 | Responsive  | Mobile-friendly design                               |
+
+
+## Installation
+
+To install this theme, you should clone this repository and install the dependencies.
+
+```bash
+git clone [email protected]:bloggrify/demo-mistral.git
+cd demo-mistral
+npm install
+```
+
+Then you can run the development server on http://localhost:3000 to see the theme in action.
+
+```bash
+npm run dev
+```
+
+Then, you can remove all contents from the `content` folder **except the index and archives pages** and start from scratch and create your own [content](https://bloggrify.com/introduction/writing-pages).
+
+
+## Configuration
+
+Look at the [standard configuration](https://bloggrify.com/introduction/configuration).
+
+## Deployment
+
+To deploy your blog, you should follow the [standard deployment guide](https://bloggrify.com/introduction/deployment).
+

content/custom-components.md

@@ -0,0 +1,152 @@
+---
+id: "30"
+title: "Custom components"
+description: "Enhance your markdown files with custom components."
+date: "2024-06-06"
+categories:
+  - markdown
+  - documentation
+tags:
+  - markdown
+  - sample
+  - thailand
+
+cover: "covers/iceland.jpg"
+---
+
+You can use [custom components](https://content.nuxt.com/usage/markdown#vue-components) within vue.js to extend markdown features. Some components are already available within Bloggrify such as:
+
+:toc
+
+## Code
+
+### Code group
+
+::mdd
+
+#preview    
+:::code-group
+
+```bash [npm]
+npm run dev
+```
+
+```bash [yarn]
+yarn dev
+```
+
+```bash [pnpm]
+pnpm run dev
+```
+
+:::
+
+#markup
+```markdown
+    ::code-group
+
+    ```bash [npm]
+    npm run dev
+    ```
+
+    ```bash [yarn]
+    yarn dev
+    ```
+
+    ```bash [pnpm]
+    pnpm run dev
+    ```
+
+    ::
+```
+::
+
+
+
+
+### Markdown code block
+
+::mdd
+
+#preview    
+    :::mdd
+
+    #preview    
+    _Showing a result_
+
+    #markup
+    ```markdown
+    _Showing the markup_
+    ```
+    :::
+
+#markup
+```markdown
+    ::mdd
+
+    #preview    
+    _Showing a result_
+
+    #markup
+    ```markdown
+    _Showing the markup_
+    ```
+    ::
+```
+::
+
+
+## Alerts
+
+::mdd
+
+#preview    
+::alert{type="TIP"}
+This is a tip
+::
+
+#markup
+```markdown
+::alert{type="TIP"}
+This is a tip
+::
+```
+::
+
+::mdd
+
+#preview    
+::alert{type="Warning"}
+This is a warning
+::
+
+#markup
+```markdown
+::alert{type="Warning"}
+This is a warning
+::
+```
+::
+
+
+
+## table of contents 
+
+::mdd
+
+#preview    
+:toc
+
+#markup
+```markdown
+:toc
+```
+::
+
+**Configuration :**
+
+| Parameter                                       | Description                                                                              |
+|-------------------------------------------------|------------------------------------------------------------------------------------------|
+| `type`                                          | The type of alert. Can be `warning`, or `tip`.                                           |
+| `showChildren`                                  | If set to `true`, the H3 will be displayed in the table of contents. Default is `false`. |
+