Sphinx 基础教程

完整版参见 https://iridescent.ink/HowToMakeDocs/index.html

What is Sphinx

Sphinx 是种令人可以轻松撰写出优美文档的工具, 由 Georg Brandl 在BSD 许可证下创造, 它允许开发人员以纯文本格式编写文档, 以便采用满足不同需求的格式轻松生成输出. 这在使用 Version Control System 追踪变更时非常有用. 纯文本文档对不同系统之间的协作者也非常有用. 纯文本是当前可以采用的最便捷的格式之一. 虽然 Sphinx 是用 Python 编写的, 并且最初是为 Python 语言文档而创建, 但它并不一定是以语言为中心, 在某些情况下, 甚至不是以程序员为中心. Sphinx 有许多用处, 比如可以用它来发布你的项目文档, 或编写整本书!

Sphinx官网:http://www.sphinx-doc.org/en/stable/, 就是采用reStructuredText标记语言撰写, Sphinx发布的.

Why Sphinx

Sphinx具有以下亮点:

  • 丰富的输出格式:HTML(包括Windows HTML Help), LaTex(用于可打印PDF), epub, Texinfo, manual pages, plain text
  • 完备的交叉引用:语义化的标签, 并自动链接函式、类、引文、术语以及类似片段信息
  • 明晰的层级结构:轻松定义文档树, 并自动化链接同级/父级/下级文章
  • 美观的自动索引:自动生成索引以及特定语言模块的索引
  • 精确的语法高亮: 基于 Pygments 自动语法高亮
  • 开方的扩展: 支持代码片段的自动测试, 从Python模块的文档字符串包含(API文档), 参考 more
  • 用户贡献的扩展: 用户提供的 大约50个扩展,大多可以通过PyPI安装
  • 强大简洁的书写语言: 使用 新结构化文本(reStructuredText) 作为标记语言.

安装Sphinx

Sphinx的安装很简单, 只需通过 pipeasy_install 安装,
且支持Windows, Linux, Mac等系统. 下面详细介绍Windows,
Linux系统下Sphinx的安装.

依赖

Sphinx需要以下依赖工具:

  • Python 2.4及以上版本
  • docutils 0.5及以上版本库
  • jinjia2库
  • Pygments库

不用担心, 这些依赖库会自动安装的, 如果没有请自行安装.

Linux系统

由于Linux系统中都会自带有Python, 故可以直接在终端 ( Ctrl + Alt + T快捷键打开终端) 通过 pip 命令安装

    $ pip install Sphinx

attention

安装过程需要连接网络, 请确保网络畅通!

Windows系统

Windows系统中一般不会自带Python, 需要用户自行安装, 首先安装Python和pip,然后通过pip安装Sphinx即可.

  1. 安装Python和pip

目前Python最新版本为 Python 3.5.1 , 可到Python官网 下载安装即可, 该版本已经包含pip,无需再安装pip.

  1. 安装Sphinx

打开命令提示符 ( 运行 --> cmd所有程序 --> 附件 --> 命令提示符 ),输入如下命令 :

pip install Sphinx

attention

安装过程需要连接网络, 请确保网络畅通!

使用Sphinx

手册文档

hint
这些文档大部分都是用Sphinx发布的, 可以下载HTML, PDF, epub查看.

你可以查看Sphinx初尝来学习, 也可以跟着我一起动起来!

一起动起来吧

由于Sphinx是跨平台的, 其在Windows上和Linux上的用法相同,故以Linux系统下Sphinx为例.

本节旨在让大家了解如何快速使用Sphinx, 故较为精简,详细的问题请自行查阅手册.

配置文档资源

在你的磁盘里新建一个工作目录, 比如我在用户主目录下的 ws文件夹中建立了个 sphinx 目录, 又在其中建立了一个 trysphinx目录用于本次演示, 即 ws/sphinx/trysphinx , 然后切换到此目录并启动sphinx 以创建并配置工程, 整个过程命令表示如下 (注意:仅输入终端命令提示符 $ 后面的代码) :

    $ mkdir ws/sphinx/trysphinx
    $ cd ws/sphinx/trysphinx
    $ sphinx-quickstart

之后进入文档资源配置对话框, 比如询问的第一项是 文档的根目录,由于现在处于根目录, 所以使用*默认的当前目录 [.], 即直接回车即可;询问的第二项是你想把构建的最终文档目录放在哪*,是放在"source"里创建成"_build", 即 trysphinx/source/_build ,还是放在根目录里创建成"build", 即 trysphinx/build , 我选择后者,所以输入 y. 如下图所示:

询问的第四项为工程名字, 比如就叫: “Try Sphinx”, 那么就输入它,接下来输入作者名字, 我就填 iridescent 了哈; 紧接着是工程版本,以及发布版本; 然后是选择文档语言, 打开提供的链接(http://sphinx-doc.org/config.html#confval-language)查看找到"zh_CN – Simplified Chinese", 所以输入 zh_CN.接着还会有很多配置询问, 你可以采用默认, 但建议仔细读一下,有些是可以通过修改"conf.py"文件再修改, 有些就不可以.

note
如果你想修改 conf.py 文件, 参考官方文档吧: http://www.sphinx-doc.org/en/stable/config.html

我采用了下面的配置 :

    $ sphinx-quickstart
    Welcome to the Sphinx 1.5a0 quickstart utility.

    Please enter values for the following settings (just press Enter to
    accept a default value, if one is given in brackets).

    Enter the root path for documentation.
    > Root path for the documentation [.]:

    You have two options for placing the build directory for Sphinx output.
    Either, you use a directory "_build" within the root path, or you separate
    "source" and "build" directories within the root path.
    > Separate source and build directories (y/n) [n]: y

    Inside the root directory, two more directories will be created; "_templates"
    for custom HTML templates and "_static" for custom stylesheets and other static
    files. You can enter another prefix (such as ".") to replace the underscore.
    > Name prefix for templates and static dir [_]:

    The project name will occur in several places in the built documentation.
    > Project name: Try Sphinx
    > Author name(s): iridescent

    Sphinx has the notion of a "version" and a "release" for the
    software. Each version can have multiple releases. For example, for
    Python the version is something like 2.5 or 3.0, while the release is
    something like 2.5.1 or 3.0a1.  If you don't need this dual structure,
    just set both to the same value.
    > Project version: 0.1
    > Project release [0.1]:

    If the documents are to be written in a language other than English,
    you can select a language here by its language code. Sphinx will then
    translate text that it generates into that language.

    For a list of supported codes, see
    http://sphinx-doc.org/config.html#confval-language.
    > Project language [en]: zh_CN

    The file name suffix for source files. Commonly, this is either ".txt"
    or ".rst".  Only files with this suffix are considered documents.
    > Source file suffix [.rst]:

    One document is special in that it is considered the top node of the
    "contents tree", that is, it is the root of the hierarchical structure
    of the documents. Normally, this is "index", but if your "index"
    document is a custom template, you can also set this to another filename.
    > Name of your master document (without suffix) [index]:

    Sphinx can also add configuration for epub output:
    > Do you want to use the epub builder (y/n) [n]: y

    Please indicate if you want to use one of the following Sphinx extensions:
    > autodoc: automatically insert docstrings from modules (y/n) [n]: y
    > doctest: automatically test code snippets in doctest blocks (y/n) [n]: y
    > intersphinx: link between Sphinx documentation of different projects (y/n) [n]: y
    > todo: write "todo" entries that can be shown or hidden on build (y/n) [n]: y
    > coverage: checks for documentation coverage (y/n) [n]: y
    > imgmath: include math, rendered as PNG or SVG images (y/n) [n]: n
    > mathjax: include math, rendered in the browser by MathJax (y/n) [n]: y
    > ifconfig: conditional inclusion of content based on config values (y/n) [n]: y
    > viewcode: include links to the source code of documented Python objects (y/n) [n]: y
    > githubpages: create .nojekyll file to publish the document on GitHub pages (y/n) [n]: y

    A Makefile and a Windows command file can be generated for you so that you
    only have to run e.g. `make html' instead of invoking sphinx-build
    directly.
    > Create Makefile? (y/n) [y]: y
    > Create Windows command file? (y/n) [y]: y

    Creating file ./source/conf.py.
    Creating file ./source/index.rst.
    Creating file ./Makefile.
    Creating file ./make.bat.

    Finished: An initial directory structure has been created.

    You should now populate your master file ./source/index.rst and create other documentation
    source files. Use the Makefile to build the docs, like so:
       make builder
    where "builder" is one of the supported builders, e.g. html, latex or linkcheck.

note
其中, 最后两项询问是否创建"Makefile"文件和"Windows command file", 选择是( y ), 因为这样, 只需在终端简单执行 make target 来编译生成目标格式文档, 如 make html 生成静态网页文件, 你现在就可以这样做了! 不过还是等等吧, 先看看 sphinx-quickstart都干了啥吧!

打开你的根目录, 你会看到:

我知道你想看看 build 目录, 可现在里面确实啥都没有, 看看 source目录吧:

是不是想看看 index.rst 里藏着写什么, 那么你看吧, 下面就是:

好配置已经结束了, 我想你一定迫不及待地想看看生成的文档效果吧,那就一起来构建文档吧!

构建文档

啊!!! 不是吧, 就这么点东西能干啥, 太小了吧, 是啊, 难道不好吗,我知道你现在一定想知道这能不能生成静态网站, 是的, 那就在终端 1 输入make html , 你看到了这些:

我想, 你知道去哪找了, 是的, build 目录, 快去打开看看吧 (build/html/index.html ) !

我知道现在你在想: 我都能make出来什么呢? 是的, 我也好奇, 终端输入
make 看看吧 :

    Please use `make <target>' where <target> is one of

    html       to make standalone HTML files
    dirhtml    to make HTML files named index.html in directories
    singlehtml to make a single large HTML file
    pickle     to make pickle files
    json       to make JSON files
    htmlhelp   to make HTML files and a HTML help project
    qthelp     to make HTML files and a qthelp project
    applehelp  to make an Apple Help Book
    devhelp    to make HTML files and a Devhelp project
    epub       to make an epub
    epub3      to make an epub3
    latex      to make LaTeX files, you can set PAPER=a4 or PAPER=letter
    latexpdf   to make LaTeX files and run them through pdflatex
    latexpdfja to make LaTeX files and run them through platex/dvipdfmx
    text       to make text files
    man        to make manual pages
    texinfo    to make Texinfo files
    info       to make Texinfo files and run them through makeinfo
    gettext    to make PO message catalogs
    changes    to make an overview of all changed/added/deprecated items
    xml        to make Docutils-native XML files
    pseudoxml  to make pseudoxml-XML files for display purposes
    linkcheck  to check all external links for integrity
    doctest    to run all doctests embedded in the documentation (if enabled)
    coverage   to run coverage check of the documentation (if enabled)

是不是突然发现了好多, 多到你都不知道选哪个了, 没事, 常用的就
HTML, PDF, epub 等等那几个, 不过你也可以把这些都给大家提供,
没人会阻拦你, 而且你可能还会遇到点小麻烦, 不过我相信你也不太想这样做!

自动构建并预览文件

如果你觉得如果能自动打开编译好的文件预览就更好了, 这个是可以的,
真的吗?是的, 真的!

编译预览HTML文件为例 , 假设我们用Google Chrome预览.

  • 对于Windows系统:

    1. 首先找到你的浏览器可执行主文件目录, 把它添加到系统环境变量
      PATH 中去

    计算机 --> 系统 --> 高级系统设置 --> 高级 --> 环境变量 --> 系统变量
    里找到 path 双击打开, 在最前面添加:
    C:\Program Files (x86)\Google\Chrome\Application;
    (注意你的浏览器路径)

    1. 打开 make.bat 文件, 在末尾 :end 后追加代码( Ctrl + End
      快捷键可以跳到文件末尾), 即:
        :end

        REM ----------------------------------------------
        REM Added by Zhi Liu - Auto open build file
        REM ----------------------------------------------

        if "%1" == "html" (
        chrome build/html/index.html
        )
  • 对于Linux系统:

    打开 Makefile 文件, 按如下代码所示, 添加对应代码,
    注意自己的浏览器名称:

        .PHONY: html
        html:
          $(SPHINXBUILD) -b html $(ALLSPHINXOPTS) $(BUILDDIR)/html
          @echo
          @echo "Build finished. The HTML pages are in $(BUILDDIR)/html."
          # --------------------------------------------------------------
          # Added by Zhi Liu - auto open html
          google-chrome buil/html/index.html
          # --------------------------------------------------------------

撰写文档

我知道, 你发现你的文档没啥内容啊! 你突然感觉要写点什么了,要不然空空的给谁看谁会看呢? 那就开始学习 reStructuredText 吧, 请移步reStructuredTextSimpleTutorial .

使用主题

如果你觉得生成的HTML不符合你的审美观, 请参考手册 HTML theme support部分, 里面会详细介绍, 这里只简单介绍主题的更换.

Sphinx自带主题

可供选的内置主题有: basic, alabaster, sphinx_rtd_theme, classic,sphinxdoc, scrolls, agogo, traditional, nature, haiku, pyramid,bizstyle, epub. 更多参见: HTML theming support
.

更改内置主题

修改 conf.py 文件, 将 html_theme 修改成你想用的主题名字 :

html_theme = 'alabaster'

然后重新编译 make html 即可.

使用readthedocs主题

Read the Docs 提供项目文档托管服务,
不过这里只是使用其提供的主题.

  1. 终端输入 pip install sphinx_rtd_theme 安装readthedocs主题
  2. 然后修改 conf.py 文件:

首先在文件开头导入主题包 :

# for using Read the Docs theme
import sphinx_rtd_theme

然后修改 html_themehtml_theme_path 的值 :

# html_theme = 'sphinxdoc'
html_theme = 'sphinx_rtd_theme'

#html_theme_path = []
html_theme_path = [sphinx_rtd_theme.get_html_theme_path()]
  1. 最后终端执行 make html 即可, 效果图如下:

生成不同格式的文档

生成html静态网站文件

进入Sphinx工程根目录, 直接终端运行: make html 即可在 build/html目录中看到生成的静态网站文件, 双击首页html文件即可打开浏览.

生成epub文档

进入Sphinx工程根目录, 直接终端运行: make epub 即可在 build/epub目录中看到生成的epub文件.

生成LaTex文档

要生成LaTex文档, 需要安装LaTex编译环境, 这里建议使用TeXLive , 安装包约2GB,虽然安装后约占4GB空间, 但最为完整且支持Windows、Linux、Mac系统.

安装完成后, 进入Sphinx工程根目录, 在终端输入: make latex即可生成对应的LaTex文件, 在目录 build/latex 里.

这里还可以自定义 Latex 输出样式, 具体参见 LaTeX customization .主要修改 conf.py 文件, 本人采用的配置如下:


# -- Options for LaTeX output ---------------------------------------------
latex_engine = 'xelatex'
latex_elements = {
'passoptionstopackages': r'''\PassOptionsToPackage{svgnames}{xcolor}''',
# The paper size ('letterpaper' or 'a4paper').
#'papersize': 'letterpaper',
'papersize': 'a4paper',

# The font size ('10pt', '11pt' or '12pt').
#'pointsize': '10pt',

# Additional stuff for the LaTeX preamble.
#'preamble': '',


# Latex figure (float) alignment
'figure_align': 'htbp',


'sphinxsetup': r'''
verbatimwithframe = true,
VerbatimColor = {named}{Gainsboro}, % background colour for code-blocks
VerbatimBorderColor = {rgb}{0.5,0.3,0.9}, % The frame color
VerbatimHighlightColor = {rgb}{0.878,1,1}, % The color for highlighted lines.
InnerLinkColor = {rgb}{0.208,0.374,0.486}, % Inner Link Color
OuterLinkColor = {named}{LightSkyBlue}, % Inner Link Color
TitleColor = {named}{Black},
hintBorderColor = {named}{Green},
dangerBorderColor = {named}{Red},
dangerBgColor = {named}{Tomato},
errorBorderColor = {named}{Crimson},
warningBorderColor = {named}{Chocolate},
attentionborder = 2pt,
attentionBorderColor = {named}{Salmon},
attentionBgColor = {named}{LightSalmon},
noteborder = 2pt,
noteBorderColor = {named}{Goldenrod},
importantborder = 2pt,
importantBorderColor = {named}{OrangeRed},
cautionborder = 2pt,
cautionBorderColor = {named}{Pink},
cautionBgColor = {named}{LightPink}''',

# Using Package for ZH
'preamble':r'''\usepackage{ctex}
\usepackage{bm}
''',
}

hint
上述代码中包含的颜色信息, 可以从 svgnames Colors 找到.

生成PDF文档

由于Sphinx通过Latex间接生成PDF文档, 所以需要安装LaTex编译环境.安装完成后, 进入Sphinx工程根目录, 直接终端运行: make latexpdf 即可在build/latex 目录中看到生成的PDF文件.

其实,我们还可以先通过 make latex 生成 tex 文件,然后就可以像处理普通 tex 文件那样自由编辑编译 生成PDF文件。

自定义生成的PDF文件部分环境预览如下

自定义生成的PDF文件部分环境预览结果

Sphinx重要扩展介绍

Sphinx扩展

可以通过以下链接找到 Sphinx的扩展:

  • sphinx extensions doc : 官方文档介绍, 含 Built-in extensionsThird-party extensions
  • Awesome Sphinx : A curated list of awesome tools for Sphinx Python Documentation Generator.
  • sphinx-contrib : a collection of Sphinx extensions maintained by their respective authors. It is not an official part of Sphinx.
  • Survey of Sphinx extensions : This is list of Sphinx extensions at October, 2014.

内置扩展简介

目录树 (toctree)

由于 reST 没有处理多个文档, 或将文档分割成多个输出文件的机制,
Sphinx使用一个自定义指令来添加组成整篇文档的单个文件间的关系, 以及目录.
这个指令的核心就是 toctree .

tip
简单包含某个文件, 可以使用 include 指令.

代码与语法着色

更多功能, 参考 Showing codeexamples

    .. code-block:: python
        :lineno-start: 10
        :emphasize-lines: 9
        :linenos: 
        :caption: demo_python.m
        :name: bind-id

        import pytool
        import numpy as np
        import matplotlib.pyplot as plt

        # =====================generate Ellipse=====================
        a = 6  # major axis
        b = 2  # minor axis
        x0 = 10  # center x0
        y0 = 10  # center y0
        N = 1000  # number of points

        # angle for rotating ellipse data
        theta = np.pi * 30 / 180

        x, y = pytool.ellipse_surface(a, b, x0, y0, N, 'rand')

        x = x - np.mean(x)
        y = y - np.mean(y)

将被渲染成


import pytool
import numpy as np
import matplotlib.pyplot as plt

# =====================generate Ellipse=====================
a = 6  # major axis
b = 2  # minor axis
x0 = 10  # center x0
y0 = 10  # center y0
N = 1000  # number of points

# angle for rotating ellipse data

theta = np.pi * 30 / 180

x, y = pytool.ellipse_surface(a, b, x0, y0, N, 'rand')

x = x - np.mean(x)
y = y - np.mean(y)

第三方扩展

如下扩展可以通过类似 pip install extensions_name 的命令安装, 在
conf.py 文件中的 extensions 中加入该扩展, 以下不在赘述.

sphinxcontrib-proof

sphinxcontrib-proof提供定理, 定义, 证明等支持. 在 conf.py 文件中的 extensions中加入该扩展 ( sphinxcontrib.proof ) .然后在 _static 目录下新建 proof.css 和 proof.js 两个文件, 加入如下内容,你可以自己定义其它的样式.

proof.css :

.proof {
  margin-top: 1em;
  margin-bottom: 1em;
}

/* Titles */
.proof .proof-title {
  background-color: #0000EE;
  border: 1px solid #86989b;
  color: white;
  font-size: 120%;
  }

/* Content */
.proof-content {
  border: 1px solid #9fb1b4;
  background-color: #F0F8FF;
  padding: 0.5em 1em;
}


/* Toggle proof */
.proof-type-proof > .proof-title {
    display: block;
    clear: both;
}

.proof-type-proof > .proof-title:after {
    content: " ▼";
}

.proof-type-proof > .proof-title.open:after {
    content: " ▲";
}

proof.js :

$(document).ready(function() {
    $(".proof-type-proof > *").hide();
    $(".proof-type-proof .proof-title").show();
    $(".proof-type-proof .proof-title").click(function() {
        $(this).parent().children().not(".proof-title").toggle(400);
        $(this).parent().children(".proof-title").toggleClass("open");
    })
});

使用举例:

    .. _righttriangle:

    .. proof:definition:: Right triangle

       A *right triangle* is a triangle in which one angle is a right angle.

    .. _pythagorean:

    .. proof:theorem:: Pythagorean theorem

       In a :ref:`righttriangle`, the square of the hypotenuse is equal to the sum of the squares of the other two sides.

    .. _proof:

    .. proof:proof::

       The proof is left to the reader.

    You can label and reference definition and theorems (e.g. :numref:`theorem {number} <pythagorean>`). You can also reference proofs (see the :ref:`proof of the Pythagorean theorem <proof>`).

代码将被渲染为

You can label and reference definition and theorems (e.g.theorem {number} <pythagorean>). You can also reference proofs (see the proof of the Pythagorean theorem <proof>).

图表编号

借用 jterrace 的论文模版 sphinxtr中的 numfig 可以实现. 从 这里下载源码, 将其中的 sphinxtr 放到你的文档源码根目录下, 然后 conf.py 添加

sys.path.insert(0, os.path.join(os.path.abspath(os.path.dirname(__file__)), 'extensions'))

extensions = [
  'sphinx.ext.autodoc',
  'sphinx.ext.doctest',
  'sphinx.ext.intersphinx',
  'sphinx.ext.todo',
  'sphinx.ext.coverage',
  # 'sphinx.ext.imgmath',
  # 'sphinx.ext.mathjax',
  'sphinxcontrib.katex',
  'sphinxcontrib.proof',  # https://framagit.org/spalax/sphinxcontrib-proof/
  'sphinxcontrib.bibtex',  # https://sphinxcontrib-bibtex.readthedocs.io/en/latest/
  'sphinxcontrib.seqdiag',  # http://blockdiag.com/en/
  'sphinx.ext.ifconfig',
  # 'sphinx.ext.viewcode',
  # 'sphinx.ext.githubpages',
  # 'rst2pdf.pdfbuilder',
  # 'sphinx.ext.napoleon',
  'numequ',  # https://github.com/jterrace/sphinxtr/tree/master/extensions
  'numfig',  # https://github.com/jterrace/sphinxtr/tree/master/extensions
  'subfig',  # https://github.com/jterrace/sphinxtr/tree/master/extensions
]

math_numfig = True
number_figures = True
figure_caption_prefix = 'Figure'

比如, 这里通过如下代码插入图片:

    .. _fig-testFigureNumber:

    .. figure:: ../_static/figs/logo.*
        :alt: Test Figure Number
        :width: 30%
        :align: center

        Test Figure Number

代码将被渲染为

在其它地方可以通过 :num:`fig-testFigureNumber` 引用, fig-testFigureNumber .

sphinxcontrib-bibtex

在 Sphinx中可以使用 BibTex , 通过pip install sphinxcontrib-bibtex 安装扩展, 并在 conf.py 中添加该扩展sphinxcontrib.bibtex , 官方文档在这里
.

然后, 新建 reference.rst , 加入如下代码:

   .. bibliography:: ./refs.bib
       :list: enumerated
       :start: 1

假如 refs.bib 文件中的内容如下:

    @Proceedings{1993:PatiOMP, 
    author={Y. C. {Pati} and R. {Rezaiifar} and P. S. {Krishnaprasad}}, 
    booktitle={Proceedings of 27th Asilomar Conference on Signals, Systems and Computers}, 
    title={Orthogonal matching pursuit: recursive function approximation with applications to wavelet decomposition}, 
    year={1993}, 
    volume={}, 
    number={}, 
    pages={40-44 vol.1}, 
    doi={10.1109/ACSSC.1993.342465}, 
    ISSN={1058-6393}, 
    month={Nov},
  }


  @article{2003JChPh.118.6720W,
     author = {{Wu}, Y. and {Batista}, V.~S.},
      title = "{Matching-pursuit for simulations of quantum processes}",
    journal = {\jcp},
   keywords = {Tunneling traversal time quantum Zeno dynamics, Foundations of quantum mechanics, measurement theory, Fourier analysis, Integral transforms},
       year = 2003,
      month = apr,
     volume = 118,
      pages = {6720-6724},
        doi = {10.1063/1.1560636},
     adsurl = {http://adsabs.harvard.edu/abs/2003JChPh.118.6720W},
    adsnote = {Provided by the SAO/NASA Astrophysics Data System}
  }

可以通过 :cite:`1993:PatiOMP` , :cite:`2003JChPh.118.6720W`来引用 . 如果一次性引用多个文献,可以用逗号分开, 但不要有空格, 比如这样:cite:`1993:PatiOMP,2003JChPh.118.6720W`

hint
如果你想自定义参考文献引用格式, 可以通过 pip install pybtex 安装 pybtex , 然后参考 这里 或者下面的讲述配置使用.

note

pybtex 提示: 安装好 pybtex 后, 若想在你的文档工程中使用, 需要在 conf.py 文件中添加该扩展, 即 extensions = ['pybtex'] ,
然后你就可以使用了, 在 .. bibliography:: ./refs.bib 里添加:style: unsrt 即可以更改文献引用格式.

.. bibliography:: ./refs.bib
    :style: unsrt

注意, 如果添加 liststart 等域, 不能正常渲染, 不能跳转!

sphinxcontrib-xxxdiag

xxxdiag 包含以下几种类型:

通过 pip install sphinxcontrib-xxxdiag 安装扩展, 并在 conf.py
中添加该扩展 sphinxcontrib.xxxdiag , 官方文档在这里 .

举例: 如

原始代码

.. blockdiag::

 blockdiag {
   blockdiag -> generates -> "block-diagrams";
   blockdiag -> is -> "very easy!";

   blockdiag [color = "greenyellow"];
   "block-diagrams" [color = "pink"];
   "very easy!" [color = "orange"];
 }

渲染结果

原始代码

.. seqdiag::

 seqdiag {
   seqdiag -> "sequence-diagrams" [label = "generates"];
   seqdiag --> "is very easy!";
 }

渲染结果

原始代码

.. actdiag::

   actdiag {
     write -> convert -> image

     lane user {
        label = "User"
        write [label = "Writing reST"];
        image [label = "Get diagram IMAGE"];
     }
     lane actdiag {
        convert [label = "Convert reST to Image"];
     }
   }

渲染结果

原始代码

.. nwdiag::

   nwdiag {
     network dmz {
         address = "210.x.x.x/24"

         web01 [address = "210.x.x.1"];
         web02 [address = "210.x.x.2"];
     }
     network internal {
         address = "172.x.x.x/24";

         web01 [address = "172.x.x.1"];
         db01;
         app01;
     }
   }

渲染结果

问题集锦

源编码

在reST使用Unicode字符可以容易的包含特殊字符如破折号, 版权标志. Sphinx默认源文件使用UTF-8 编码; 你可以通过修改 conf.py 文件的source_encoding 的配置值改变编码.

中文文档问题

在使用Sphinx发布*中文文档*生成LaTex或PDF文件时,
会发现报出如下类似错误 :

! Package inputenc Error: Unicode char u8:引 not set up for use with LaTeX.

这是因为, Sphinx默认使用 pdflatex 编译文档, 而要让 latex 支持中文,需要包含一些中文包. 最好的解决方案是使用 xelatex 编译引擎并包含 CTEX包, 只需要修改两个文件:

  1. 修改 conf.py 文件(约220行)

添加如下代码, 使得程序自动在latex文件的导言区加入包引用 :

# -- Options for LaTeX output ---------------------------------------------

latex_elements = {
# The paper size ('letterpaper' or 'a4paper').
#'papersize': 'letterpaper',

# The font size ('10pt', '11pt' or '12pt').
#'pointsize': '10pt',

# Additional stuff for the LaTeX preamble.
#'preamble': '',

# Latex figure (float) alignment
#'figure_align': 'htbp',

# Using Package for ZH
'preamble' : r'''
\usepackage{ctex}
''',
}

添加的代码为 # Using Package for ZH 下面的三行, 然后保存.

  1. 修改 Makefile 文件(约142行)

添加如下代码中的第5行代码, 即可更改编译引擎为xelatex :

.PHONY: latexpdf
latexpdf:
    $(SPHINXBUILD) -b latex $(ALLSPHINXOPTS) $(BUILDDIR)/latex
    @echo "Running LaTeX files through pdflatex..."
    sed -i s/pdflatex/xelatex/ $(BUILDDIR)/latex/Makefile
    $(MAKE) -C $(BUILDDIR)/latex all-pdf
    @echo "pdflatex finished; the PDF files are in $(BUILDDIR)/latex."

修改后保存, 然后终端运行 make latexpdf 即可看到PDF成功生成的提示, 在build/latex 文件夹中可以找到.

中文分词问题

Sphinx原生只支持英文搜索, 参考让sphinx支持简体中文搜索的插件, 来实现中文搜索的支持, 下载插件并安装, 具体过程如下:

  1. 安装结巴分词, Linux: sudo pip install jieba , Windows:
    pip install jieba

  2. 复制文件 zh_CN.py 到sphinx的search目录下, Linux: /usr/lib/python2.7/dist-packages/sphinx/search, Windows: C:\Python27\Lib\site-packages\sphinx\search

  3. 打开 search 目录下的 __init__.py 文件, 找到代码, 添加对中文的支持: :

    from sphinx.search import en, ja
    languages = {
        'en': en.SearchEnglish,
        'ja': ja.SearchJapanese,
    }
    
    修改成:
    
    from sphinx.search import en, ja, zh_CN
    languages = {
        'en': en.SearchEnglish,
        'ja': ja.SearchJapanese,
        'zh_CN': zh_CN.SearchChinese
    }
    
  4. 修改 conf.py 文件, 将语言设置成 language = 'zh_CN' , 保存然后重新编译 make html 即可.

关于CJK支持请参考:CJK支持
.

中文乱码问题

问题描述: 如果你使用Sphinx生成含有中文字符的静态网页时,当你你视图点击 View page source 时可能发现中文乱码的问题, 如下图:

这时要确保编码的匹配一致性: 源码文件编码, 源码编码设置值,浏览器编码 要一致, Sphinx采用 UTF-8 来支持不同特殊的字符. 所以,请检查以上三项: 第二项是要确保 conf.py 文件中的编码为 UTF-8, 即#source_encoding = 'utf-8-sig', 这也是默认值; 第三项,
可参见下图更改浏览器编码:

Sphinx数学支持

有关Sphinx中对数学公式的支持, 参考手册 Math support in Sphinx部分, 下面简单介绍使用.

还记得在创建工程时, 询问如何处理数学公式的吗: :

> imgmath: include math, rendered as PNG or SVG images (y/n) [n]: n
> mathjax: include math, rendered in the browser by MathJax (y/n) [n]: y

当时选择的是使用 MathJax (两者只能选一个, 不信你试试) , 是的,所以"conf.py" 里的 extensions 项里只有 'sphinx.ext.mathjax', 如下: :

extensions = [
  'sphinx.ext.autodoc',
  'sphinx.ext.doctest',
  'sphinx.ext.intersphinx',
  'sphinx.ext.todo',
  'sphinx.ext.coverage',
  'sphinx.ext.mathjax',
  'sphinx.ext.ifconfig',
  'sphinx.ext.viewcode',
  'sphinx.ext.githubpages',
]

如果你想更改, 可以, 注释掉 'sphinx.ext.mathjax', , 并添加'sphinx.ext.imgmath', 即可.

note
Sphinx提供了两种数学公式的渲染方式 ( 二选一 ):

  • 'sphinx.ext.imgmath' : 通过 LaTex 渲染成图片( pngsvg ).
  • 'sphinx.ext.mathjax' : 通过 MathJax 渲染.

使用LaTex渲染公式

如上所述, 在 extensions 列表变量里添加项 'sphinx.ext.imgmath', 即可.
数学公式通过LaTex引擎渲染成图片, 然后在HTML中显示.
但要求PC机安装有LaTex.

如果你不使用默认配置, 请参考 Math support in Sphinx.

使用KaTex渲染公式

KaTex 具有比 MathJax更快的解析速度. 使用 pip install sphinxcontrib.katex 安装 KaTex 扩展. 如上所述, 在 extensions 列表变量里添加项 'sphinxcontrib.katex', 即可. 数学公式通过KaTex引擎渲染公式在HTML中显示.

使用MathJax渲染公式

如上所述, 使用MathJax (准确说是Render math via JavaScript) 渲染公式,需要在 extensions 列表变量里添加项 'sphinx.ext.mathjax', .

此外, 你还需要配置MathJax的路径 mathjax_path , Sphinx默认使用 MathJaxCDN 提供的 JS 文件.Sphinx默认使用的MathJax的路径值为
https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML但你可能发现不管用, 可能是 https 安全协议的问题, 改成 http 即可,即设置配置文件 conf.py 中的mathjax_path = 'https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML'.

当然你也可以使用本地的MathJax, 参考 Installing Your Own Copy ofMathJax, 到 这里下载MathJax包 (约34.1MB) 并解压放到 “_static” 目录, 然后设置路径, 即在conf.py 文件中添加代码: mathjax_path = MathJax/MathJax.js . 重新make html 即可.

更多细节问题请参考 Math support inSphinx.

发布静态网站

如果你想让别人看到你的项目文档, 你有两个选择:

这里介绍第二种方案.

使用Apache建立自己的网站服务器

Apache <http://httpd.apache.org/> 是世界使用排名第一的Web服务器软件.它可以运行在几乎所有广泛使用的计算机平台上,由于其跨平台和安全性被广泛使用, 是最流行的Web服务器端软件之一.它快速、可靠并且可通过简单的API扩充, 将Perl/Python等解释器编译到服务器中. 同时Apache音译为阿帕奇, 是北美印第安人的一个部落, 叫阿帕奇族, 在美国的西南部. 也是一个基金会的名称、一种武装直升机等等.

Ubuntu 系统为例:

安装apache2

使用命令 sudo apt-get install apache2 , 安装完成后浏览器输入
http://127.0.0.1 测试显示 It works! 表明安装成功.

配置apache2

修改主配置文件 /etc/apache2/apache2.conf 和 端口监听设置文件
/etc/apache2/port.conf 文件:

使用 sudo gedit /etc/apache2/apache2.conf 打开文件, 在文件末尾添加: :

ServerName localhost
DirectoryIndex index.html index.htm index.php

使用 sudo gedit /etc/apache2/port.conf 打开文件, 在文件末尾添加: :

  • 重启apache2: sudo /etc/init.d/apache2 restart .

现在

使用Git版本控制系统

请参考 ChaVersCtrlGit .

Footnotes


  1. 由于创建工程时, 选择了生成 make.bat 文件, 所以Windows,
    Linux系统上命令操作一样: make html . ↩︎

发布了84 篇原创文章 · 获赞 131 · 访问量 41万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览