Sphinx环境配置以及VScode编写Rst文档转html

2023-11-05 14:40

本文主要是介绍Sphinx环境配置以及VScode编写Rst文档转html,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

Sphinx环境配置

  • 安装python3
  • 通过python3安装sphinx

sphinx官方网站:Installing Sphinx — Sphinx documentation​​​​​​

python官方网站:Welcome to Python.org

sphinx主要用于编写 reStructuredTextMarkdown 格式技术文档,

编写此类技术文档时Sphinx工具可将其转为htmlpdfePub等格式;更有者托管到GitHub中并导入readthedocs网站。 

 python安装步骤

  • 进入python官网
  • 下载安装包
  • 打开exe文件 ,勾选配置到系统环境变量并选择自定义安装
  • 保持默认Next
  • 这里初学者默认安装路径,方便后面用命令安装sphinx
  • 安装完成界面
  • win+R打开命令窗输入python,确定是否安装成功和安装版本是否为python3

Sphinx安装步骤

  •  Windows命令窗输入以下命令,安装Sphinx软件包

          国内最好用华清源安装,使用-i指定安装源

py -3 -m pip install -i https://pypi.tuna.tsinghua.edu.cn/simple sphinx

安装中可能会出现pip版本过低安装不了Sphinx,需运行命令更新pip再安装Spinx Sphinx安装中

  • 安装完成,在Windows命令框顺序输入每一行命令创建\demo\test文件夹试运行
mekdir demo //创建demo文件夹
cd demo     //打开demo文件夹
mekdir test //创建test子文件夹
cd test     //打开test子文件夹
  • Windows命令框输入以下命令打开Sphinx工具配置基本参数
sphinx-quickstart

 这些配置参数都可以在之后的conf.py文件中打开重新更改

  • 配置完成后在Windows目录下可以看到生成的基本项目框架文档

build:存放最终生成的文档如html、pdf、ePub 

source:存放Rst格式等文件以及图片数据

Makefile:批处理指令,使用make命令时用来构建文档输出

 配置完后在source文件中会出现 index.rstconf.py 两个文件;用户可根据需求编写这两个文档达到自己的效果

conf.py : 一个pythom文件,用于存放Sphinx的配置参数

index.rst :文档项目的root目录。多个文件时可用于连接其余文件。 

  • 编写 conf.py 和 index.rst 文件

Introduction
============
This is the introduction of documentationAPI
===
:doc:'Run API</demo_test>'

:doc:命令属于寻找目标文件运行 

import os
import sys
sys.path.insert(0,os.path.abspath('../..'))
  •  运行命令 sphinx-build -b html source buildmake html 生成 .html文件

  •  最终在build文件夹中生成.html文件,并可通过网页查看

 上图是相当于是通过 Rst 转换 html 的默认框图,内容排版都可自定义

VScode编写Rst格式文件 

VScode环境配置

  • 下载插件 reStructuredtext 和 RST Preview(可以实时显示效果变化)

 

  •  source文件夹中创建 .rst 格式文件使用VScode打开

​​​​​​​

安装完插件后用户可以打开图上这个窗口,进行实时显示当前Rst格式的排版  

 Rst语法格式

其中空格要谨慎使用,其中空格运用得当能产生不一样的效果反之则不符合语法标准报错

  •  标题格式

 ​​​​​​​

 对应显示效果分别是一级标题、二级标题、三级标题、四级标题、五级标题

​​​​​​​ 

  • 超链接格式 

​​​​​​​

 超链接目前使用的有以下两种方式:Sphinx官网是先声明后引用、Python官网是直接引用

  •  图片格式

​​​​​​​

  图片目前使用有以下两种方式:bd_logo1.png是引用网址、logo.png是引用当前文件的相对路径

  •  表格格式
//表格类型一==== ====== ========== ==== == ===
编号 名称   NAND FLASH eMMC SD USB
==== ====== ========== ==== == ===
1    MODE0  0          0    0  1
2    MODE1  1          1    1  0
3    CFG1-4 1          0    0  X
4    CFG1-5 0          1    0  X
5    CFG1-6 0          1    1  X
6    CFG1-7 1          0    0  X
7    CFG2-3 0          1    0  X
8    CFG2-5 0          0    1  X
==== ====== ========== ==== == ===//表格类型二+------------+------------+-----------+ 
| Header 1   | Header 2   | Header 3  | 
+============+============+===========+ 
| body row 1 | column 2   | column 3  | 
+------------+------------+-----------+ 
| body row 2 | Cells may span columns.| 
+------------+------------+-----------+ 
| body row 3 | Cells may  | - Cells   | 
+------------+ span rows. | - contain | 
| body row 4 |            | - blocks. | 
+------------+------------+-----------+//表格类型三.. csv-table:: Frozen Delights!:header: "Treat", "Quantity", "Description":widths: 15, 10, 30"Albatross", 2.99, "On a stick!""Crunchy Frog", 1.49, "If we took the bones out, it wouldn't becrunchy, now would it?""Gannet Ripple", 1.99, "On a stick!"

  表格目前使用有以下三种方式:

  •  标注以及特殊提示符

​​​​​​​

 以下是显示效果

  • 代码格式

需要代码每行进行缩进一个空格

 显示效果

RST格式文件编写完成后需要重新进入Windows命令窗\demo\test文件下

输入 sphinx-build -b html source buildmake html 命令生成新的 .html 文件

 

 以下是网页中显示效果

 总结

由此本文分享结束

Rst格式还有很多地方需要探究,Spinx工具亦是如此

这篇关于Sphinx环境配置以及VScode编写Rst文档转html的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/350531

相关文章

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

使用DeepSeek API 结合VSCode提升开发效率

《使用DeepSeekAPI结合VSCode提升开发效率》:本文主要介绍DeepSeekAPI与VisualStudioCode(VSCode)结合使用,以提升软件开发效率,具有一定的参考价值... 目录引言准备工作安装必要的 VSCode 扩展配置 DeepSeek API1. 创建 API 请求文件2.

VScode连接远程Linux服务器环境配置图文教程

《VScode连接远程Linux服务器环境配置图文教程》:本文主要介绍如何安装和配置VSCode,包括安装步骤、环境配置(如汉化包、远程SSH连接)、语言包安装(如C/C++插件)等,文中给出了详... 目录一、安装vscode二、环境配置1.中文汉化包2.安装remote-ssh,用于远程连接2.1安装2

vscode保存代码时自动eslint格式化图文教程

《vscode保存代码时自动eslint格式化图文教程》:本文主要介绍vscode保存代码时自动eslint格式化的相关资料,包括打开设置文件并复制特定内容,文中通过代码介绍的非常详细,需要的朋友... 目录1、点击设置2、选择远程--->点击右上角打开设置3、会弹出settings.json文件,将以下内

Redis多种内存淘汰策略及配置技巧分享

《Redis多种内存淘汰策略及配置技巧分享》本文介绍了Redis内存满时的淘汰机制,包括内存淘汰机制的概念,Redis提供的8种淘汰策略(如noeviction、volatile-lru等)及其适用场... 目录前言一、什么是 Redis 的内存淘汰机制?二、Redis 内存淘汰策略1. pythonnoe

Vue项目中Element UI组件未注册的问题原因及解决方法

《Vue项目中ElementUI组件未注册的问题原因及解决方法》在Vue项目中使用ElementUI组件库时,开发者可能会遇到一些常见问题,例如组件未正确注册导致的警告或错误,本文将详细探讨这些问题... 目录引言一、问题背景1.1 错误信息分析1.2 问题原因二、解决方法2.1 全局引入 Element

详解如何在React中执行条件渲染

《详解如何在React中执行条件渲染》在现代Web开发中,React作为一种流行的JavaScript库,为开发者提供了一种高效构建用户界面的方式,条件渲染是React中的一个关键概念,本文将深入探讨... 目录引言什么是条件渲染?基础示例使用逻辑与运算符(&&)使用条件语句列表中的条件渲染总结引言在现代

详解Vue如何使用xlsx库导出Excel文件

《详解Vue如何使用xlsx库导出Excel文件》第三方库xlsx提供了强大的功能来处理Excel文件,它可以简化导出Excel文件这个过程,本文将为大家详细介绍一下它的具体使用,需要的小伙伴可以了解... 目录1. 安装依赖2. 创建vue组件3. 解释代码在Vue.js项目中导出Excel文件,使用第三

Java实现Excel与HTML互转

《Java实现Excel与HTML互转》Excel是一种电子表格格式,而HTM则是一种用于创建网页的标记语言,虽然两者在用途上存在差异,但有时我们需要将数据从一种格式转换为另一种格式,下面我们就来看看... Excel是一种电子表格格式,广泛用于数据处理和分析,而HTM则是一种用于创建网页的标记语言。虽然两

windos server2022的配置故障转移服务的图文教程

《windosserver2022的配置故障转移服务的图文教程》本文主要介绍了windosserver2022的配置故障转移服务的图文教程,以确保服务和应用程序的连续性和可用性,文中通过图文介绍的非... 目录准备环境:步骤故障转移群集是 Windows Server 2022 中提供的一种功能,用于在多个