How To Compile this Site
This document contains instructions about how to build templates using Sphinx. It is like my mental notes.
Tutorials:
Creating your own documentation site with Sphinx and Slate. A well explained tutorial on how to set up Sphinx for the first time.
Sphinx Themes Sample. This site provides information about Sphinx Themes options.
Read the Docs Sphinx Theme. Live demo with supported elements.
Using Sphinx with Markdown instead of reST. StackOverflow site with informations regarding to Sphinx.
Examples and configurations:
Sphinx Themes - Alabaster Sample. A good sample to start with.
Create great product documentation with Sphinx and Markdown. Examples with configurations.
captum It is a good examples, this site generates documentation using Sphinx.
Installing in Linux (TODO)
python3 -m venv ./juancarlosmiranda.github.io_venv
source ./juancarlosmiranda.github.io_venv/bin/activate
pip install --upgrade pip
Update environment requirements.
pip install sphinx sphinx-autobuild
pip install sphinx_rtd_theme
pip install myst-parser
Set the following in your existing Sphinx documentation’s conf.py
file:
html_theme = 'sphinx_rtd_theme'
Generate the structure of the site.
sphinx-quickstart
sphinx-build -b html source/ docs/
make html
Content management
Modify the files you want in ./source/
folder.
Compile the source code into HTML by applying the following:
sphinx-build -b html source/ docs/
make clean
make html
git init
git remote add origin git@github.com:juancarlosmiranda/juancarlosmiranda.github.io.git
git branch -M master
git add .
How to solve problem with “_static” directory
Add an empty file called .nojekyll
in the root directory.
How to change theme output directory from _static to static.
https://stackoverflow.com/questions/70739677/sphinx-html-static-path-entry-does-not-exist
The link above avoids manually changing static references within .html files. _static
by mystatic
.
<!-- sphinx script_files -->
<script data-url_root="./" id="documentation_options" src="codes/documentation_options.js"></script>
<script src="codes/jquery.js"></script>
<script src="codes/underscore.js"></script>
<script src="codes/_sphinx_javascript_frameworks_compat.js"></script>
<script src="codes/doctools.js"></script>
<script src="codes/sphinx_highlight.js"></script>
Tabs Sphinx Tabs