Files
mkdocs-quickstart/tutorial/usage/index.html

210 lines
7.1 KiB
HTML

<!DOCTYPE html>
<!--[if IE 8]><html class="no-js lt-ie9" lang="en" > <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="https://michaelcurrin.github.io/mkdocs-quickstart/tutorial/usage/">
<link rel="shortcut icon" href="../../img/favicon.ico">
<title>Usage - MkDocs Quickstart</title>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Slab:400,700|Inconsolata:400,700" />
<link rel="stylesheet" href="../../css/theme.css" />
<link rel="stylesheet" href="../../css/theme_extra.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/styles/github.min.css" />
<script>
// Current page data
var mkdocs_page_name = "Usage";
var mkdocs_page_input_path = "tutorial/usage.md";
var mkdocs_page_url = "/mkdocs-quickstart/tutorial/usage/";
</script>
<script src="../../js/jquery-2.1.1.min.js" defer></script>
<script src="../../js/modernizr-2.8.3.min.js" defer></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/10.5.0/highlight.min.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
</head>
<body class="wy-body-for-nav" role="document">
<div class="wy-grid-for-nav">
<nav data-toggle="wy-nav-shift" class="wy-nav-side stickynav">
<div class="wy-side-scroll">
<div class="wy-side-nav-search">
<a href="../.." class="icon icon-home"> MkDocs Quickstart</a>
<div role="search">
<form id ="rtd-search-form" class="wy-form" action="../../search.html" method="get">
<input type="text" name="q" placeholder="Search docs" title="Type search term here" />
</form>
</div>
</div>
<div class="wy-menu wy-menu-vertical" data-spy="affix" role="navigation" aria-label="main navigation">
<ul>
<li class="toctree-l1"><a class="reference internal" href="../..">Home</a>
</li>
</ul>
<ul>
<li class="toctree-l1"><a class="reference internal" href="../../about-mkdocs/">About MkDocs</a>
</li>
</ul>
<p class="caption"><span class="caption-text">Tutorial</span></p>
<ul class="current">
<li class="toctree-l1"><a class="reference internal" href="../tldr/">TL;DR</a>
</li>
<li class="toctree-l1"><a class="reference internal" href="../installation/">Installation</a>
</li>
<li class="toctree-l1"><a class="reference internal" href="../setup-project/">Set up project</a>
</li>
<li class="toctree-l1"><a class="reference internal" href="../advanced/">Advanced</a>
</li>
<li class="toctree-l1 current"><a class="reference internal current" href="./">Usage</a>
<ul class="current">
<li class="toctree-l2"><a class="reference internal" href="#cli-help">CLI help</a>
</li>
<li class="toctree-l2"><a class="reference internal" href="#serve-docs">Serve docs</a>
</li>
<li class="toctree-l2"><a class="reference internal" href="#build-docs">Build docs</a>
</li>
</ul>
</li>
<li class="toctree-l1"><a class="reference internal" href="../deploy/">Deploy</a>
</li>
</ul>
</div>
</div>
</nav>
<section data-toggle="wy-nav-shift" class="wy-nav-content-wrap">
<nav class="wy-nav-top" role="navigation" aria-label="top navigation">
<i data-toggle="wy-nav-top" class="fa fa-bars"></i>
<a href="../..">MkDocs Quickstart</a>
</nav>
<div class="wy-nav-content">
<div class="rst-content">
<div role="navigation" aria-label="breadcrumbs navigation">
<ul class="wy-breadcrumbs">
<li><a href="../..">Docs</a> &raquo;</li>
<li>Tutorial &raquo;</li>
<li>Usage</li>
<li class="wy-breadcrumbs-aside">
<a href="https://github.com/MichaelCurrin/mkdocs-quickstart/edit/master/docs/docs/tutorial/usage.md"
class="icon icon-github"> Edit on GitHub</a>
</li>
</ul>
<hr/>
</div>
<div role="main">
<div class="section">
<h1 id="usage">Usage</h1>
<blockquote>
<p>Build and preview a site locally</p>
</blockquote>
<p>Make sure to run all commands from the <code>docs</code> directory, as that is where <code>Makefile</code> is.</p>
<pre><code class="language-sh">$ cd docs
</code></pre>
<h2 id="cli-help">CLI help</h2>
<pre><code class="language-sh">$ make help
</code></pre>
<pre><code>default: install
all: install build
h help:
install:
upgrade:
s serve:
b build:
d deploy:
</code></pre>
<h2 id="serve-docs">Serve docs</h2>
<p>This will build the docs in memory (not to disk) and serve an auto-reloading server.</p>
<pre><code class="language-sh">$ make serve
</code></pre>
<p>Then open in your browser:</p>
<ul>
<li><a href="http://localhost:8000">localhost:8000</a></li>
</ul>
<h2 id="build-docs">Build docs</h2>
<p>Build docs site to <code>site</code> directory. This is useful for a CI flow.</p>
<pre><code class="language-sh">$ make build
</code></pre>
</div>
</div>
<footer>
<div class="rst-footer-buttons" role="navigation" aria-label="footer navigation">
<a href="../deploy/" class="btn btn-neutral float-right" title="Deploy">Next <span class="icon icon-circle-arrow-right"></span></a>
<a href="../advanced/" class="btn btn-neutral" title="Advanced"><span class="icon icon-circle-arrow-left"></span> Previous</a>
</div>
<hr/>
<div role="contentinfo">
<!-- Copyright etc -->
</div>
Built with <a href="https://www.mkdocs.org/">MkDocs</a> using a <a href="https://github.com/snide/sphinx_rtd_theme">theme</a> provided by <a href="https://readthedocs.org">Read the Docs</a>.
</footer>
</div>
</div>
</section>
</div>
<div class="rst-versions" role="note" aria-label="versions">
<span class="rst-current-version" data-toggle="rst-current-version">
<span>
<a href="https://github.com/MichaelCurrin/mkdocs-quickstart/" class="fa fa-github" style="color: #fcfcfc"> GitHub</a>
</span>
<span><a href="../advanced/" style="color: #fcfcfc">&laquo; Previous</a></span>
<span><a href="../deploy/" style="color: #fcfcfc">Next &raquo;</a></span>
</span>
</div>
<script>var base_url = '../..';</script>
<script src="../../js/theme_extra.js" defer></script>
<script src="../../js/theme.js" defer></script>
<script src="../../search/main.js" defer></script>
<script defer>
window.onload = function () {
SphinxRtdTheme.Navigation.enable(true);
};
</script>
</body>
</html>