Using The Custom Markdown Components in Nuxt Content Blog Starter

This is an example of the custom markdown components included in the nuxt content blog starter. I will routinely add new components and update this article, so keep your eyes peeled!

Updated 13 Jan 2024Version 0.1

CTA

For inline CTA's you can use the article-cta component. This component is great for adding an eye catching call to action that helps you reach your conversion goals.

Code:

yaml

::article-cta
---
title: Want to join Incubrain?
body: We're always looking for talented, hard working people to join us in Pune, India.
cta: 
  title: Contribute To Get Noticed
  link: https://github.com/incubrain
---
::

Output:

Want to join Incubrain?

We're always looking for talented, hard working people to join us in Pune, India.

Contribute To Get Noticed

FAQs

FAQ's are great for SEO, make sure to include them and address common questions about your topic.

Code:

yaml

::faq
---
headings: 
  - Question
  - Answer
rows:
  - question: What makes company culture so important in today's business environment?
    answer: Company culture is vital as it drives employee engagement, innovation, and resilience, directly impacting business success.
  - question: How do core values influence a company's operations?
    answer: Core values serve as guiding principles, shaping decision-making, employee behavior, and overall organizational ethos.
    ... more rows
---
::

Output:

Question	Answer
What makes company culture so important in today's business environment?	Company culture is vital as it drives employee engagement, innovation, and resilience, directly impacting business success.
How do core values influence a company's operations?	Core values serve as guiding principles, shaping decision-making, employee behavior, and overall organizational ethos.
Can company culture impact customer satisfaction?	Absolutely, a positive and ethical company culture often translates into better customer service and client relations.

Sources

Including sources in your article is easy, again you can use the table-dynamic component to do this. You can also use the addLink property to add a link to the title of the source.

Code:

yaml

::table-dynamic
---
addLink: title
headings: 
  - Title
  - About
rows:
  - title: Organizational Culture and Performance
    about: Explores Gallup's findings on how employees' understanding of company purpose and culture is directly linked to business health.
    link: https://www.gallup.com/workplace/236366/right-culture-not-employee-satisfaction.aspx
    ...more rows
---
::

Output:

Title	About
Organizational Culture and Performance	Explores Gallup's findings on how employees' understanding of company purpose and culture is directly linked to business health.
Culture's Correlation with Performance	Discusses McKinsey & Company's research showing a strong correlation between culture and organizational performance.
Flexible Work and Company Culture	Reports on Built In's study about the impact of flexible work on company culture, emphasizing work-life balance and productivity.

Using The Custom Markdown Components in Nuxt Content Blog Starter

Table of Contents

CTA

Code:

Output:

FAQs

Code:

Output:

Sources

Code:

Output:

Want to join Incubrain?

Thomas Mays