-
Notifications
You must be signed in to change notification settings - Fork 1.7k
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Refactor docs: split up & slim down read me
Fixes #557 #523 * Remove old conf file setup * Split changelog to its ownfile * Remove changelog from readme * Update introduction sentence * Fix wording of intro * Remove readme table of contents * Move links to there sections * Remove config * Create configuring.rst * Remove todo * Remove installing docs from readme * Create installing.rst * Remove contributing section from readme * Create contributing.rst * Include basic info in readme The rest gets pointed to our actual docs * Add new files to toctree * Fix configuring options title * Set logo_only to True Also, remove documentation of theme options. We have actual docs for this. * Include readme on index page
- Loading branch information
Showing
7 changed files
with
320 additions
and
296 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,322 +1,54 @@ | ||
.. _readthedocs.org: http://www.readthedocs.org | ||
.. _bower: http://www.bower.io | ||
.. _sphinx: http://www.sphinx-doc.org | ||
.. _sass: http://www.sass-lang.com | ||
.. _wyrm: http://www.github.com/snide/wyrm/ | ||
.. _grunt: http://www.gruntjs.com | ||
.. _node: http://www.nodejs.com | ||
.. _demo: https://sphinx-rtd-theme.readthedocs.io/en/latest/ | ||
.. _hidden: http://sphinx-doc.org/markup/toctree.html | ||
|
||
************************** | ||
Read the Docs Sphinx Theme | ||
************************** | ||
|
||
.. image:: https://img.shields.io/pypi/v/sphinx_rtd_theme.svg | ||
:target: https://pypi.python.org/pypi/sphinx_rtd_theme | ||
:alt: Pypi Version | ||
.. image:: https://travis-ci.org/rtfd/sphinx_rtd_theme.svg?branch=master | ||
:target: https://travis-ci.org/rtfd/sphinx_rtd_theme | ||
:alt: Build Status | ||
.. image:: https://img.shields.io/pypi/l/sphinx_rtd_theme.svg | ||
:target: https://pypi.python.org/pypi/sphinx_rtd_theme/ | ||
:alt: license | ||
:alt: License | ||
.. image:: https://readthedocs.org/projects/sphinx-rtd-theme/badge/?version=latest | ||
:target: http://sphinx-rtd-theme.readthedocs.io/en/latest/?badge=latest | ||
:alt: Documentation Status | ||
|
||
.. contents:: | ||
:backlinks: none | ||
|
||
View a working demo_ over on readthedocs.org_. | ||
|
||
This is a mobile-friendly sphinx_ theme I made for readthedocs.org_. | ||
|
||
If you'd like to update the theme, | ||
please make your edits to the SASS files here, | ||
rather than the .css files on checked into the repo. | ||
|
||
Installation | ||
============ | ||
|
||
Via package | ||
----------- | ||
|
||
Install the package (or add it to your ``requirements.txt`` file): | ||
|
||
.. code:: bash | ||
The ``sphinx_rtd_theme`` is a sphinx_ theme designed to look modern and be mobile-friendly. | ||
This theme is primary focused to be used on readthedocs.org_ but can work with your | ||
own sphinx projects. To read more and see a working demo_ head over to readthedocs.org_. | ||
|
||
pip install sphinx_rtd_theme | ||
In your ``conf.py`` file: | ||
|
||
.. code:: python | ||
import sphinx_rtd_theme | ||
html_theme = "sphinx_rtd_theme" | ||
html_theme_path = [sphinx_rtd_theme.get_html_theme_path()] | ||
.. _sphinx: http://www.sphinx-doc.org | ||
.. _readthedocs.org: http://www.readthedocs.org | ||
.. _demo: https://sphinx-rtd-theme.readthedocs.io/en/latest/ | ||
|
||
or (since v0.2.5): | ||
|
||
.. code:: python | ||
Installing | ||
========== | ||
|
||
html_theme = "sphinx_rtd_theme" | ||
The theme is disributed on PyPI_ and can be installed with pip:: | ||
|
||
Via git or download | ||
------------------- | ||
pip install sphinx_rtd_theme | ||
|
||
Symlink or subtree the ``sphinx_rtd_theme/sphinx_rtd_theme`` repository into your documentation at | ||
``docs/_themes/sphinx_rtd_theme`` then add the following two settings to your Sphinx | ||
``conf.py`` file: | ||
For more information read the full installing docs | ||
`here <https://sphinx-rtd-theme.readthedocs.io/en/latest/installing.html>`__. | ||
|
||
.. code:: python | ||
.. _PyPI: https://pypi.python.org/pypi/sphinx_rtd_theme | ||
|
||
html_theme = "sphinx_rtd_theme" | ||
html_theme_path = ["_themes", ] | ||
|
||
Configuration | ||
============= | ||
|
||
You can configure different parts of the theme. | ||
|
||
Project-wide configuration | ||
-------------------------- | ||
|
||
The theme's project-wide options are defined in the ``sphinx_rtd_theme/theme.conf`` | ||
file of this repository, and can be defined in your project's ``conf.py`` via | ||
``html_theme_options``. For example: | ||
|
||
.. code:: python | ||
html_theme_options = { | ||
'typekit_id': '', | ||
'canonical_url': '', | ||
'analytics_id': '', | ||
'logo_only': False, | ||
'display_version': True, | ||
'prev_next_buttons_location': bottom, | ||
'style_external_links': False, | ||
# Toc options | ||
'collapse_navigation': False, | ||
'sticky_navigation': True, | ||
'navigation_depth': 4, | ||
'includehidden': True, | ||
'titles_only': False | ||
} | ||
The following options are available: | ||
|
||
Base options | ||
~~~~~~~~~~~~ | ||
|
||
* ``typekit_id`` String. This will let users specify a typekit id to use for displaying nicer fonts. | ||
* ``canonical_url`` String. This will specify a `canonical url <https://en.wikipedia.org/wiki/Canonical_link_element>`__ | ||
to let search engines know they should give higher ranking to latest version of the docs. | ||
The url points to the root of the documentation and requires a trailing slash. | ||
* ``analytics_id`` String. Change the Google Analytics ID that is included on pages. | ||
* ``display_version`` Bool. With this disabled, the version number isn't shown at the top of the sidebar. | ||
* ``prev_next_buttons_location`` String. can take the value ``bottom``, ``top``, ``both`` , or ``None`` | ||
and will display the "Next" and "Previous" buttons accordingly. | ||
* ``style_external_links`` Bool. Add an icon next to external links. Defaults to ``False``. | ||
|
||
TOC Options | ||
~~~~~~~~~~~ | ||
|
||
These effect how we display the Table of Contents in the side bar. You can read more about them here: http://www.sphinx-doc.org/en/stable/templating.html#toctree | ||
|
||
* ``collapse_navigation`` Bool. With this enabled, you will lose the ``[+]`` drop downs next to each section in the sidebar. | ||
This is useful for *very large* documents. | ||
* ``sticky_navigation`` Bool. This causes the sidebar to scroll with the main page content as you scroll the page. | ||
* ``navigation_depth`` Int. Indicate the max depth of the tree; by default, all levels are included. | ||
* ``includehidden`` Bool. Specifies if the sidebar includes toctrees marked with the ``:hidden:`` option | ||
* ``titles_only`` Bool. If True, removes headers within a page from the sidebar. | ||
|
||
Page-level configuration | ||
------------------------ | ||
|
||
Pages support metadata that changes how the theme renders. | ||
You can currently add the following: | ||
|
||
* ``:github_url:`` This will force the "Edit on GitHub" to the configured URL | ||
* ``:bitbucket_url:`` This will force the "Edit on Bitbucket" to the configured URL | ||
* ``:gitlab_url:`` This will force the "Edit on GitLab" to the configured URL | ||
|
||
Changelog | ||
========= | ||
|
||
master | ||
------ | ||
|
||
* Include fontawesome-webfont.woff2 in pip package | ||
* Updated wyrm_ and Font Awesome | ||
* Split multiple data types on different lines | ||
* Italicize ``.versionmodified`` | ||
* Fix line number spacing to align with the code lines | ||
* Hide Edit links on auto created pages | ||
* Align ``.. centered::`` text to the center | ||
* Increase contrast for footnotes | ||
* Add language to the JS output variable | ||
* Include the lato italics font with the theme | ||
* Fix padding on field lists | ||
* Add setuptools entry point allowing to use ``sphinx_rtd_theme`` as | ||
Sphinx ``html_theme`` directly. | ||
|
||
v0.2.4 | ||
------ | ||
|
||
* Yet another patch to deal with extra builders outside Spinx, such as the | ||
singlehtml builders from the Read the Docs Sphinx extension | ||
|
||
v0.2.3 | ||
------ | ||
|
||
* Temporarily patch Sphinx issue with ``singlehtml`` builder by inspecting the | ||
builder in template. | ||
|
||
v0.2.2 | ||
------ | ||
|
||
* Roll back toctree fix in 0.2.1 (#367). This didn't fix the issue and | ||
introduced another bug with toctrees display. | ||
|
||
v0.2.1 | ||
------ | ||
|
||
* Add the ``rel`` HTML attribute to the footer links which point to | ||
the previous and next pages. | ||
* Fix toctree issue caused by Sphinx singlehtml builder (#367) | ||
|
||
v0.2.0 | ||
------ | ||
|
||
* Adds the ``comments`` block after the ``body`` block in the template | ||
* Added "Edit on GitLab" support | ||
* Many bug fixes | ||
|
||
v0.1.10-alpha | ||
------------- | ||
|
||
.. note:: This is a pre-release version | ||
|
||
* Removes Sphinx dependency | ||
* Fixes hamburger on mobile display | ||
* Adds a ``body_begin`` block to the template | ||
* Added ``prev_next_buttons_location`` | ||
|
||
v0.1.9 | ||
------ | ||
|
||
* Intermittent scrollbar visibility bug fixed. This change introduces a | ||
backwards incompatible change to the theme's layout HTML. This should only be | ||
a problem for derivative themes that have overridden styling of nav elements | ||
using direct decendant selectors. See `#215`_ for more information. | ||
* Safari overscroll bug fixed | ||
* Version added to the nav header | ||
* Revision id was added to the documentation footer if you are using RTD | ||
* An extra block, ``extrafooter`` was added to allow extra content in the | ||
document footer block | ||
* Fixed modernizr URL | ||
* Small display style changes on code blocks, figure captions, and nav elements | ||
|
||
.. _#215: https://github.com/rtfd/sphinx_rtd_theme/pull/215 | ||
|
||
v0.1.8 | ||
------ | ||
|
||
* Start keeping changelog :) | ||
* Support for third and fourth level headers in the sidebar | ||
* Add support for Sphinx 1.3 | ||
* Add sidebar headers for :caption: in Sphinx toctree | ||
* Clean up sidebar scrolling behavior so it never scrolls out of view | ||
|
||
How the Table of Contents builds | ||
================================ | ||
|
||
Currently the left menu will build based upon any ``toctree(s)`` defined in your ``index.rst`` file. | ||
It outputs 2 levels of depth, which should give your visitors a high level of access to your | ||
docs. If no toctrees are set the theme reverts to sphinx's usual local toctree. | ||
|
||
It's important to note that if you don't follow the same styling for your rST headers across | ||
your documents, the toctree will misbuild, and the resulting menu might not show the correct | ||
depth when it renders. | ||
|
||
Also note that by default the table of contents is set with ``includehidden=True``. This allows you | ||
to set a hidden toc in your index file with the `:hidden: <hidden_>`_ property that will allow you | ||
to build a toc without it rendering in your index. | ||
|
||
By default, the navigation will "stick" to the screen as you scroll. However if your toc | ||
is vertically too large, it will revert to static positioning. To disable the sticky nav | ||
altogether change the setting in ``conf.py``. | ||
|
||
|
||
Contributing or modifying the theme | ||
=================================== | ||
|
||
The sphinx_rtd_theme is primarily a sass_ project that requires a few other sass libraries. I'm | ||
using bower_ to manage these dependencies and sass_ to build the css. The good news is | ||
I have a very nice set of grunt_ operations that will not only load these dependencies, but watch | ||
for changes, rebuild the sphinx demo docs and build a distributable version of the theme. | ||
The bad news is this means you'll need to set up your environment similar to that | ||
of a front-end developer (vs. that of a python developer). That means installing node and ruby. | ||
|
||
Set up your environment | ||
----------------------- | ||
|
||
#. Install sphinx_ into a virtual environment. | ||
|
||
.. code:: bash | ||
pip install sphinx sphinxcontrib-httpdomain | ||
#. Install sass. | ||
|
||
.. code:: bash | ||
gem install sass | ||
#. Install node, bower, grunt, and theme dependencies. | ||
|
||
.. code:: bash | ||
# Install node | ||
brew install node | ||
# Install bower and grunt | ||
npm install -g bower grunt-cli | ||
# Now that everything is installed, let's install the theme dependencies. | ||
npm install | ||
Now that our environment is set up, make sure you're in your virtual environment, go to | ||
this repository in your terminal and run grunt: | ||
|
||
.. code:: | ||
grunt | ||
This default task will do the following **very cool things that make it worth the trouble**: | ||
|
||
#. Install and update any bower dependencies. | ||
#. Run sphinx and build new docs. | ||
#. Watch for changes to the sass files and build css from the changes. | ||
#. Rebuild the sphinx docs anytime it notices a change to ``.rst``, ``.html``, ``.js`` | ||
or ``.css`` files. | ||
|
||
|
||
Releasing the Theme | ||
=================== | ||
|
||
When you release a new version, | ||
you should do the following: | ||
The ``sphinx_rtd_theme`` is highly customizable on both the page level and on a global level. | ||
To see all the possible configuration options read the configuring docs | ||
`here <https://sphinx-rtd-theme.readthedocs.io/en/latest/configuring.html>`__. | ||
|
||
#. Bump the version in ``sphinx_rtd_theme/__init__.py`` – we try to follow `semver <http://semver.org/>`_, so be careful with breaking changes. | ||
#. Run a ``grunt build`` to rebuild all the theme assets. | ||
#. Commit that change. | ||
#. Tag the release in git: ``git tag $NEW_VERSION``. | ||
#. Push the tag to GitHub: ``git push --tags origin``. | ||
#. Upload the package to PyPI: ``python setup.py sdist bdist_wheel upload``. | ||
#. In the ``readthedocs.org`` repo, edit the ``bower.json`` file to point at the correct version (``sphinx-rtd-theme": "https://github.com/rtfd/sphinx-rtd-theme.git#$NEW_VERSION"``). | ||
#. In the ``readthedocs.org`` repo, run ``gulp build`` to update the distributed theme files. | ||
|
||
TODO | ||
==== | ||
Contibuting | ||
=========== | ||
|
||
* Separate some sass variables at the theme level so you can overwrite some basic colors. | ||
If you would like to help improve the theme or have more control | ||
over the theme in case of a fork please read our contributing guide | ||
`here <https://sphinx-rtd-theme.readthedocs.io/en/latest/contributing.html>`__. |
Oops, something went wrong.