GV

GeezerVison

The World Wide Web, restored to 800 pixels of glory.

Home|About|Gaming cabinet|Archives|How it works|Starter sites

On this site

  • Sign in
  • ActionsCI/CD and automation
  • CodespacesCloud development environments
  • All Features
  • Documentation
  • Training
  • Certifications
  • Build with Copilot
  • Customize Copilot
  • Integrations
  • Trending repos
  • GitHub Sponsors
  • Developer articles
  • Enterprises

This view

  • Original page
  • New address

GeezerVison is showing github.com — mkdocs/docs at main · encode/mkdocs

Expand file tree

/

docs

/
Copy path

Directory actions

More options

More options

Directory actions

More options

More options

Latest commit

 

History

History
History
/

docs

/
Copy path

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
css
css
 
 
img
img
 
 
js
js
 
 
templates
templates
 
 
CHANGELOG.md
CHANGELOG.md
 
 
INSTALLATION.md
INSTALLATION.md
 
 
LICENSE.md
LICENSE.md
 
 
README.md
README.md
 
 

README.md

Outline

MkDocs

MkDocs is a smart, simple, website design tool.

Installation

To install MkDocs, run the following command from the command line:

pip install mkdocs --pre

This will install the version 2.0 pre-release. For full installation steps, including using uv and troubleshooting common issues, see the Installation Guide.

Getting started

  1. Create a docs/README.md page.
  2. Run mkdocs serve to view your documentation in a browser.
  3. Run mkdocs build to build a static website ready to host.

Writing your docs

  1. Create additional markdown pages.
  2. Use relative interlinking between pages.
  3. Include images and use relative interlinking from pages.

MkDocs supports GitHub Flavored Markdown for page authoring.

Styling your docs

  1. Create a templates/base.html to customise the styling.
  2. Include css and javascript to serve static files.

MkDocs uses Jinja templating for HTML rendering.

A starting point can be as simple as...

<html>
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{{ page.toc.title }}</title>
        <link rel="stylesheet" href="{{ '/css/default.css' | url }}">
    </head>
    <body>
        <main>
            {{ page.html }}
        </main>
    </body>
</html>
You are visitor 01402503 — GeezerVison does not store the pages you look up.
Best viewed with Netscape Navigator 4.7 or Internet Explorer 6 at 800×600. No cookies required.