30-04-2021

Nuxt Js Markdown



How I created my new website with portfolio and blog in two languages. What technology I used and why.

  1. Nuxt Markdown is a simple but highly-configurable Nuxt.js module which allows you to use Markdown files for the content of your website. This makes it the perfect module to port your site over from Jekyll, or another static site generator.
  2. Nuxt.js for Blogging: A Question on Markdown Posts. Hello all, I've been meaning to set up my own website and blog for a bit now, and Nuxt seems to fit nicely for what I want. The one thing that alludes me though is getting Markdown posts rendered, and getting the tags with frontmatter. A lot of people who use Vue for the similar purpose seems.
  3. To use scoped styles with the nuxt-content class you need to use a deep selector: /deep/,::v-deep or Our markdown tags are converted into the correct tags which means we now have two tags. We should now remove the one from our markdown file. Adding an icon to our headings anchor.

Empower your NuxtJS application with @nuxt/content module: write in a content/ directory and fetch your Markdown, JSON, YAML, XML and CSV files through a MongoDB like API, acting as a Git-based Headless CMS.

Features

Vue components in Markdown
Support static site generation with `nuxt generate`
Syntax highlighting to code blocks in markdown files using PrismJS.
Handles Markdown, CSV, YAML, JSON(5), XML
Extend with hooks
Nuxt

Nuxt Js Markdown Free

Enjoy light and dark mode:

Videos

Demonstration of using $content and <nuxt-content> to display Markdown pages:

Nuxt Js Markdown Extension

Using $content() on a directory to list, filter and search content:

Tutorial

Testimonials

Really enjoy working with the @nuxt_js content module more and more. Especially from a developer perspective. The api is easy to learn and really powerful. Give it a try if you haven't already.

— Rasmus Langvad (@rlangvad) January 23, 2021

Adding an FAQ to @TurnAudio using @nuxt_js nuxt/content. Really great module for organizing a little bit of content within your static website https://t.co/o2uA9Lvmuu

— Lee Martin (@leemartin) August 3, 2020

Nuxt Js Markdown Download

Markdown

Wanted to try out @nuxt_js new content theme doc, was a blast!
Managed to hack its interals to extend its Tailwind config with mine hihihi... pic.twitter.com/fuXXOBKXYE

Markdown— lihbr (@li_hbr) August 1, 2020Nuxt Js Markdown

On an upper @nuxt_js is the most exciting thing in web for me right now, everything they put out is golden. The content module is phenomenal.

— Liam Hall - Three Bears (@wearethreebears) July 31, 2020

I've been working on a new portfolio/blog today with @tailwindcss and @nuxt_js. I'm blown away by Nuxt Content.

— Cameron Baney (@cameronbaney) August 1, 2020

Docs powered by the new @nuxt_js content plugin and stored in @Netlify what a time to be a developer

Nuxt Modules

— Alfonso Bribiesca (@alfonsobries) July 30, 2020

The new vee-validate v4 documentation is using @nuxt_js content module and so far it is too damn good 🔥
I like being able to create my own layouts and 'on this page' and 'menu' components, in other words, to be in full control 🎮

— Abdelrahman Awad (@logaretm) July 26, 2020

Decided to build a blog with @nuxt_js content module. I mean, it's rapid and lightning quick to setup. Super nice experience thus far 👌

Nuxt Content

Nuxt Js Markdown

Nuxt Js Markdown Download

— 𝖊𝖗𝖉 (@erd_xyz) July 23, 2020