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

相关文章

SpringBoot3.4配置校验新特性的用法详解

《SpringBoot3.4配置校验新特性的用法详解》SpringBoot3.4对配置校验支持进行了全面升级,这篇文章为大家详细介绍了一下它们的具体使用,文中的示例代码讲解详细,感兴趣的小伙伴可以参考... 目录基本用法示例定义配置类配置 application.yml注入使用嵌套对象与集合元素深度校验开发

IntelliJ IDEA 中配置 Spring MVC 环境的详细步骤及问题解决

《IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决》:本文主要介绍IntelliJIDEA中配置SpringMVC环境的详细步骤及问题解决,本文分步骤结合实例给大... 目录步骤 1:创建 Maven Web 项目步骤 2:添加 Spring MVC 依赖1、保存后执行2、将新的依赖

SpringBoot基于配置实现短信服务策略的动态切换

《SpringBoot基于配置实现短信服务策略的动态切换》这篇文章主要为大家详细介绍了SpringBoot在接入多个短信服务商(如阿里云、腾讯云、华为云)后,如何根据配置或环境切换使用不同的服务商,需... 目录目标功能示例配置(application.yml)配置类绑定短信发送策略接口示例:阿里云 & 腾

如何为Yarn配置国内源的详细教程

《如何为Yarn配置国内源的详细教程》在使用Yarn进行项目开发时,由于网络原因,直接使用官方源可能会导致下载速度慢或连接失败,配置国内源可以显著提高包的下载速度和稳定性,本文将详细介绍如何为Yarn... 目录一、查询当前使用的镜像源二、设置国内源1. 设置为淘宝镜像源2. 设置为其他国内源三、还原为官方

使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)

《使用Python从PPT文档中提取图片和图片信息(如坐标、宽度和高度等)》PPT是一种高效的信息展示工具,广泛应用于教育、商务和设计等多个领域,PPT文档中常常包含丰富的图片内容,这些图片不仅提升了... 目录一、引言二、环境与工具三、python 提取PPT背景图片3.1 提取幻灯片背景图片3.2 提取

Android实现在线预览office文档的示例详解

《Android实现在线预览office文档的示例详解》在移动端展示在线Office文档(如Word、Excel、PPT)是一项常见需求,这篇文章为大家重点介绍了两种方案的实现方法,希望对大家有一定的... 目录一、项目概述二、相关技术知识三、实现思路3.1 方案一:WebView + Office Onl

CentOS7更改默认SSH端口与配置指南

《CentOS7更改默认SSH端口与配置指南》SSH是Linux服务器远程管理的核心工具,其默认监听端口为22,由于端口22众所周知,这也使得服务器容易受到自动化扫描和暴力破解攻击,本文将系统性地介绍... 目录引言为什么要更改 SSH 默认端口?步骤详解:如何更改 Centos 7 的 SSH 默认端口1

Maven的使用和配置国内源的保姆级教程

《Maven的使用和配置国内源的保姆级教程》Maven是⼀个项目管理工具,基于POM(ProjectObjectModel,项目对象模型)的概念,Maven可以通过一小段描述信息来管理项目的构建,报告... 目录1. 什么是Maven?2.创建⼀个Maven项目3.Maven 核心功能4.使用Maven H

SpringBoot多数据源配置完整指南

《SpringBoot多数据源配置完整指南》在复杂的企业应用中,经常需要连接多个数据库,SpringBoot提供了灵活的多数据源配置方式,以下是详细的实现方案,需要的朋友可以参考下... 目录一、基础多数据源配置1. 添加依赖2. 配置多个数据源3. 配置数据源Bean二、JPA多数据源配置1. 配置主数据

HTML5中的Microdata与历史记录管理详解

《HTML5中的Microdata与历史记录管理详解》Microdata作为HTML5新增的一个特性,它允许开发者在HTML文档中添加更多的语义信息,以便于搜索引擎和浏览器更好地理解页面内容,本文将探... 目录html5中的Mijscrodata与历史记录管理背景简介html5中的Microdata使用M