【Python】Web:基于mkdocs搭建个人wiki博客

2024-07-24 15:17:39 浏览数 (3)

1. Mkdocs介绍

MkDocs是一个快速、简单的静态网站生成器,适用于构建项目文档。源文件以 Markdown 格式编写,并使用单个 YAML 配置文件进行配置。

2. 环境搭建

环境包括python、pip,在此基础上安装mkdocs。

Windows

python下载地址:https://mirrors.huaweicloud.com/python/3.6.8/

pip下载地址:https://pypi.org/project/pip/#downloads

pip解压后安装:

代码语言:javascript复制
python setup.py install
pip -V	检查版本号

python国内源地址:

代码语言:javascript复制
[global]
index-url = http://pypi.douban.com/simple/
[install]
trusted-host = pypi.douban.com

mkdocs安装:

代码语言:javascript复制
pip install mkdocs
mkdocs --version
Linux

安装:

代码语言:javascript复制
sudo apt install mkdocs
mkdocs --version
pip install mkdocs-awesome-pages-plugin pymdown-extensions pygments python-markdown-math

3. mkdocs创建博客示例

新建博客:

代码语言:javascript复制
mkdocs new blog
cd blog
mkdocs serve	启动服务
http://127.0.0.1:8000	本地生成

修改配置:

代码语言:javascript复制
gedit mkdocs.yml,修改theme为readthedocs
nav导航文件

站点生成:

代码语言:javascript复制
mkdocs build	博客编译后,生成site文件夹
ls site
echo site/ >> .gitignore 如果你使用 git 等版本控制系统, 你可能不希望提交构建之后的文档到版本库. 在 .gitignore 中添加 site/ 即可忽略该目录.
mkdocs build --clean  一段时间后, 可能有文件被从源码中移除了, 但是相关的文档仍残留在 site 目录中. 在构建命令中添加 --clean 参数即可移除这些文档.

站点部署:

代码语言:javascript复制
mkdocs gh-deploy  (这个分支放生成的站点)
master  (这个分支放md)

效果如下:

在这里插入图片描述在这里插入图片描述

4. 博客发布到gitee/github

注册gitee或github账号,创建仓库如wiki。

点击服务,开启Gitee Pages。

5. 主题与其他

配置教程:http://t.csdn.cn/DZ4Cy

中文教程:https://markdown-docs-zh.readthedocs.io/zh_CN/latest/

第三方主题:https://github.com/mkdocs/mkdocs/wiki/MkDocs-Themes

在这里插入图片描述在这里插入图片描述

如配置materials主题:

代码语言:javascript复制
pip install mkdocs-material
在配置文件中修改:
theme:
  name: material

以上。

0 人点赞