Manual Installation

So you want to start a blog, right? Let's go for it! This themes relies on NuxtJS, so you need:

package.json

This file can be created with npm init.

Install nuxt and @nuxt/content-theme-docs:

yarn add nuxt @64robots/nuxt-content-blog
npm install nuxt @64robots/nuxt-content-blog

Example

package.json
{
  "name": "blog",
  "version": "1.0.0",
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@64robots/nuxt-content-blog": "^0.1.12",
    "nuxt": "^2.14.0"
  }
}

nuxt.config.js

Import the theme function from @64robots/nuxt-content-blog:

nuxt.config.js
import theme from '@64robots/nuxt-content-blog'

export default theme()

The theme exports a function to setup the nuxt.config.js and allows you to add / override the default config.

Check out the documentation of defu.arrayFn to see how the config is merged.

tailwind.config.js

You can override the existing tailwind configuration, check out the Tailwindcss documentation for that.

Example

tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
      }
    }
  }
}

content/

This is where you put your markdown content files.

static/

This is where you put your static assets like the logo.

Example

content/
  categories/
    frontend.json
  authors/
    sample-author.json
  posts/
    my-awesome-blog.md
static/
  icon.png
nuxt.config.js
package.json