5.更多

发现一个项目与 MkDocs 类似的项目 PyMdown 拓展文档 ,等待探索。


1.排版模仿

以下网站使用 MkDocs 构建

  • Material for MkDocs 的美化 - Charles Le's Notebook (charleschile.com)

  • Documentation - Home Assistant (home-assistant.io)

  • Godot Docs – master branch — Godot Engine (latest) documentation in English

  • 未央学习 (weyoung-learn.github.io)

  • Python Packaging User Guide

  • Material for MkDocs - Material for MkDocs 中文文档 (llango.com)

  • Packaging Python Projects - Python Packaging User Guide

  • Introduction - OpenFaaS

  • Debezium Documentation

2.MarkDown 语法

image

学习 Markdown 语法

MarkDown 编辑器也很丰富:思源笔记、typore、obsidian、vs code 等。

3.项目结构

三部分组成

├── docs/
├── mkdocs.yml
└── site/
  • mkdocs.yml:是一个非常易用的配置文件。
  • docs:文档库,用户编写的 md 文档存放到此处。
  • site/ :静态网站资源,用户使用命令一键生成网站,保存到此处。

一键生成网页:文档库 md ---> 网站的 html

image

网站页面的层级关系 = docs 文件夹下 md 文档的层级关系。

4.发布静态网站

静态网站对服务器性能要求非常低:512M 内存 +1 个核心即可流畅运行网站。

这几天正好可以领取 serv00 的免费“虚拟主机”,领完后还会给你一个二级域名。

image

MkDocs build ​用这几篇笔记生成 site 文件,把 site 文件夹打包上传到虚拟主机,解压缩到二级域名的目录,重命名为 public_html ​文件夹。变成静态网站。

image

通过 serv00 送的二级域名访问网站

image

总结 MkDocs 的使用体验:

不适合思源笔记用户:

  • 首先我是思源笔记用户,思源笔记不是以 Markdown 格式存储笔记的,修改笔记之后要先导出为 Markdown,放到 MkDocs 项目的 docs 目录下,才能够预览网站的效果。
  • 经常改 Markdown 文档,因为我想看看不同的样式哪个合适,然后就特别累。
  • 不过思源笔记有一宽插件(基于 MkDocs)可以一键生成静态网站,代价是网页比较朴素。

image

后面会直接使用一键生成插件,不折腾了,比较惋惜原生 MkDocs 那么多好看的格式,在插件中用不了。希望作者持续开发,早日完善,加油啊!

给插件作者点个 start 吧,谢谢啦!byname1234/siyuan-plugin-note-to-website (github.com)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/741444.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

6.附录

安装插件 在 MkDocs 中,插件通常是通过 pip​ 工具安装的。你可以使用以下步骤来安装和配置 MkDocs 插件。 1.使用 pip​ 命令安装你需要的插件。例如 pip install pymdown-extensions‍ 2.更新 mkdocs.yml​ 文件。 ‍ 3.使用 mkdocs serve​ 命令本地预览你的文档网站。 ‍ …

2.快速上手MkDocs

快速上手 !!! info "注意" 每次使用 MkDocs 首先进入 python 虚拟环境。 创建项目 mkdocs new ~/mkdocs/预览网站 cd ~/mkdocs/ mkdocs serve 127.0.0.1:8000​ 预览效果 ​​ 构建网站 mkdocs build项目结构 项目结构 ├── docs/ │ └── index.md ├── …

谷歌语法

谷歌语法:帮助我们更好的检索有用信息 1、site:指定域名 例如:在博客园当中查找学习文章 site:cnblogs.com2、intitle:搜索网页标题中的关键字 例如:在博客园当中查找网页标题中包含mysql的学习文章 site:cnblogs.com intitle:MYSQL常用SQL语句3、intext:搜索网页正文中的…

证书-双证书请求文件

1.背景关于数字证书、数字信封、OID等基本知识,此文不做赘述。在传统的数字信封体系中,我们的流程大概这样的。这里有个值得注意的点是: 节点1用于加密对称密钥的公钥和节点3用于签名的私钥,它们是否可以是同一对。 基于这个思想,我们有了单证书体系和双证书体系。 其原因…

[数据结构] 二叉搜索树基本操作

这篇文章记录了二叉搜索树的基本操作定义 二叉搜索树是一种特殊的二叉树,其定义如下:空树是二叉搜索树。 若二叉搜索树的左子树不为空,则其左子树上所有点的附加权值均小于其根节点的值。 若二叉搜索树的右子树不为空,则其右子树上所有点的附加权值均大于其根节点的值。 二…

014 批处理系统

写在前面 本随笔是非常菜的菜鸡写的。如有问题请及时提出。 可以联系:1160712160@qq.com GitHhub:https://github.com/WindDevil (目前啥也没有 本章目的保障系统安全 多应用支持本章需要实现的新功能构造包含操作系统内核和多个应用程序的单一执行程序 通过批处理支持多个程…

DOM属性

常用 DOM 属性innerHTML:用于获取或设置元素的 HTML 内容。 可以直接插入 HTML 代码,适合处理复杂的 HTML 结构。element.innerHTML = <p>New content</p>; console.log(element.innerHTML);innerText:用于获取或设置元素的文本内容,只包括可见的文本。 会触发重…

【一天一点.NET小知识】运用向量VectorT加速求和计算

随着 .NET 版本的演进,从 .NET Standard 2.0 版本开始,支持 Vector<T> 类型。 Vector<T> 类型:表示指定数值类型(适用于并行算法的低级别优化)的单个向量。 假如我们有一个求和函数接受一个int数组入参,当它的长度大于等于8及其倍数以上时,那么我们就可以考…

实战篇——CSRF漏洞pikachu靶场实战

实战篇——CSRF漏洞pikachu靶场实战 CSRF的原理 攻击者利用用户在某个网站上的已登录状态,诱使用户点击恶意链接,恶意页面会向服务器自动发送预先准备好的恶意请求。由于请求中自动包含了用户的认证凭证,服务器会误以为是合法的用户操作,从而执行恶意请求。 CSRF的分类 (1)…

Bulldog_2 靶机提权

一、目标环境 攻击者(kali)、目标服务器(ubuntu) 二、信息收集 1、探测靶机 使用fscan进行探测 ./fscan -h ip 段发现目标地址,并且还发现对方开启了80端口 三、目标站点的访问以及检测然后发现两个接口,分别是登陆和注册的然后就是在登陆接口这边尝试一下弱口令发现并不…

PySimpleGUI笔记

本博客详细介绍了 PySimpleGUI 的基本用法和高级功能,并通过实际案例演示了如何使用 PySimpleGUI 开发图形用户界面 (GUI) 应用。主要内容包括:基本用法:介绍了 PySimpleGUI 的基本组件和窗口创建方法,通过简单示例展示了如何创建和管理窗口。 事件处理:讲解了如何处理用户…

忆 2015 硅谷之行

2015 硅谷之行 ,是我脑海里一段充满海蓝色的记忆。 有点像刘姥姥进大观园,也有点像进入另外一个我不曾幻想过的世界。 郊区很美 我们住在郊区,人很少,景色很美。每次去吃饭,还得驱车 15 分钟左右去附近最近的餐厅。Google 总部 Google 对于每个程序员来讲,都是一个梦幻的…