Skip to content

MkDocs CMS

MkDocs is a static site generator, and MkDocs material is a great plugin for MkDocs.

MkDocs CMS(https://mkdocs.gundamz.net) is a tool to help easy write for MkDocs.

Try MkDocs CMS.

Releases

https://github.com/zhaojunlucky/mkdocs-cms/releases.

Prerequisites - Setup MkDocks Material and Vercel

  1. Create a GitHub repository and set up with MkDocs Material See MkDocs Material.
  2. Use Vercel to auto build and deploy MkDocs Site See Vercel.

Features

Define Collection with Yaml for MkDocs CMS in the Repository

Create file veda/config.yml file in the repository.

YAML
collections:
  - name: "post" # define the collection name
    label: "Posts" # the collection label
    path: "docs/blog/Posts" # the collection path
    format: "md" 
    fields: # for MkDocs material blog fields condfiguration
      - type: "date"
        name: "date"
        label: "Date"
        required: true
        format: "YYYY-MM-DD"
      - type: "string"
        label: "Tags"
        name: "tags"
        list: true
      - type: "boolean"
        label: "Draft"
        name: "draft"
        default: false
      - type: "string"
        label: "Body"
        name: "body"
        default: "# Title\n<!-- more -->\n"
      # by default, we'll have body
  - name: "exia" # for a generic collection configuration
    label: "Exia" # the collection label
    path: "docs" # the collection path
    format: "md"

Login with GitHub

MkDocs CMS uses GitHub as the authentication server.

mkdocs4login.png

Import Repositories from GitHub

After installed the MkDocs CMS GitHub App, and go to App installation to grant repository access for it. Then you can import respository to MkDocs CMS.

mkdocs3import.png

View Imported Repositories

mkdocs1home.png

View Collection of Repository

mkdocs2collections.png

Create Post

mkdocs6create.png

Edit Post

MkDocs CMS uses Vditor as the markdown editor.

mkdocs5edit.png

It supports image uploading.

Deploy your Own MkDocs CMS