谈一谈|MkDocs介绍及应用

简介: 谈一谈|MkDocs介绍及应用

1 什么是MkDocs

MkDocs---markdown项目文档工具,是一个用来创建项目文档的快速、简单、完美的静态站点生成器,文档源码使用Markdown来撰写,用一个yml文件作为配置文档。它具有如下几个优点:

1.1 任意托管

构建完全的静态 HTML 站点 , 可以将它托管到 GitHub pages, Amazon S3 等任意地方

1.2 大量主题

默认包含大量美观的主题。可以从 bootstrap, readthedocs 12 bootswatch 主题中选择。

1.3 即时预览

内建的开发服务器使你在撰写文档的时候就即时预览. 它甚至能在保存更改时自动载入, 只需刷新浏览器就可以查看更改。

1.4 易于配置

可以配置文档主题。

1.5 交叉索引

使用MkDocs链接语法创建交叉索引。

 

2 什么是Materialfor MkDocs

个MkDocs的MaterialDesign主题。(A Material Design theme for MkDocs )Material 是MkDocs的主题,是针对项目文档的优秀静态网点生成器。它是基于GoogleMaterial Design 指南搭建的。

 

3 安装

因为mkdocs是基于pythonmarkdown的文档生成器,安装mkdocs之前得先安装python

3.1Mkdocs安装

pip install mkdocs

3.2Material for MkDocs安装

pip install mkdocs-material

3.3环境配置

要在cmd上运行mkdocs还需要配置系统环境,控制面板-集团和安全-系统-高级系统设置-系统变量,找到path,添加mkdocs.exe的路径。其路径根据安装方法不同位置不同,pip安装的是在python安装目录下的scripts下。最后以管理员身份打开cmd,输入mkdocs没报错就是安装成功了。


4 mkdocs创建静态网页

4.1项目创建

管理员模式打开cmd,输入

mkdocs new my-project

cd my-project

mkdocs serve

生成一个my-project项目文件夹,里面有docs文件夹和mkdocs.yml配置文件,会给你一个预览网址默认是http://127.0.0.1:8000/,用默认浏览器打开它就可以看见网页。

4.2网页内容配置

因为mkdocs的即时预览,你修改的配置会直接载入网页。

用管理员模式下的cmd打开mkdocs.yml进行修改

site_name: MkDocs介绍及应用           /(网页名称)

nav:                                  /(添加次级目录)

 -  Home: index.md                      /(主页)

 -  Blog: mkdocs介绍.md                 /(其他页面)

theme:                                /(网页主题)

 name: 'material'                       /(这就是我们安装的mkdocs-material)

在次级目录下还可以创建目录。

nav:

-Blog:

-Blog1:   xxx.md

网页内容就是放在docs文件下的.md文件。

配置完后在my-project文件夹下用cmd输入

mkdocs build

完成后会生成一个site文件夹,这个文件夹里的内容就是生成的静态网站。


5 结语

生成的静态网站可以部署到readthedocgithub上。团队可以用这个来管理博客和文档。因为不支持中文搜索,管理博客还是有一些问题的,主要还是用来管理文档的。




目录
相关文章
|
5月前
|
缓存 中间件 调度
经验大分享:Sinatra源码学习
经验大分享:Sinatra源码学习
30 0
|
5月前
|
关系型数据库 应用服务中间件 PHP
程序员必知:学习Walle(一)
程序员必知:学习Walle(一)
120 0
|
6月前
|
缓存 JavaScript 前端开发
【热门话题】深入浅出:npm常用命令详解与实践
**npm命令详解:**了解基本概念和安装后,通过`npm init`生成`package.json`。安装包用`install [package]`,加`--save`或`--save-dev`管理依赖。移除包用`uninstall`,更新用`update`,全局安装加`-g`。搜索包用`search`,查看依赖用`list`,检查过时包用`outdated`,审计安全用`audit`。版本控制用`version`,发布包用`publish`。掌握这些命令能提升开发效率。探索更多npm特性,加强项目管理和协作。
76 6
|
JSON JavaScript 前端开发
CocosCreator3.8研究笔记(四)CocosCreator 脚本说明及使用(上)
CocosCreator3.8研究笔记(四)CocosCreator 脚本说明及使用(上)
482 0
CocosCreator3.8研究笔记(四)CocosCreator 脚本说明及使用(上)
|
JavaScript 前端开发 API
CocosCreator3.8研究笔记(五)CocosCreator 脚本说明及使用(下)
CocosCreator3.8研究笔记(五)CocosCreator 脚本说明及使用(下)
153 0
|
开发工具 git
如何使用TortoiseGit指北,一篇讲清(下)
如何使用TortoiseGit指北,一篇讲清(下)
如何使用TortoiseGit指北,一篇讲清(下)
|
数据可视化 开发工具 git
|
文字识别 数据安全/隐私保护 计算机视觉
【番外篇】客户端开发(Electron)无源码如何做汉化
【番外篇】客户端开发(Electron)无源码如何做汉化
706 0
【番外篇】客户端开发(Electron)无源码如何做汉化
|
存储 开发工具 git
没用过.gitignore还敢自称高级开发?
Git是跟踪项目中所有文件的好工具, 但是,您会希望在项目的整个生命周期中不要跟踪某些文件及其变更。
没用过.gitignore还敢自称高级开发?
|
Java Linux 数据安全/隐私保护
入坑 docsify,一款神奇的文档生成利器!(1)
入坑 docsify,一款神奇的文档生成利器!
364 0
入坑 docsify,一款神奇的文档生成利器!(1)