# ReadMe

> Docsy repository README

---

LLMS index: [llms.txt](/llms.txt)

---

<style>
  .td-content h1#docsy { display: none; }
</style>



  




	






  






  <h1 id="docsy">Docsy<a class="td-heading-self-link" href="#docsy" aria-label="Heading self-link"></a></h1>
<!-- markdownlint-disable no-docsy-dev-external-urls -->
<p>Docsy is a <a href="https://gohugo.io">Hugo</a> theme for technical documentation sets,
providing simple navigation, site structure, and more.</p>
<p>This is not an officially supported Google product. This project is actively
being maintained.</p>
<div class="td-alert td-alert--md alert alert-important" role="alert"><div class="td-alert-heading alert-heading" role="heading">🚧 IMPORTANT 🚧</div>
  <div class="td-alert-body">
    <p>The <code>main</code> branch is under development and not officially supported; use
official Docsy <a href="https://github.com/google/docsy/releases">releases</a>. For full support details, see <a href="https://www.docsy.dev/project/about/changelog/#official-support">Official support
limits</a>.</p>
    </div>
</div>
<h2 id="prerequisites">Prerequisites<a class="td-heading-self-link" href="#prerequisites" aria-label="Heading self-link"></a></h2>
<p>The following are basic prerequisites for using Docsy in your site:</p>
<ul>
<li>
<p>Install a recent release of the Hugo &ldquo;extended&rdquo; version. If you install from
the <a href="https://github.com/gohugoio/hugo/releases">Hugo release page</a>, make sure
you download the <code>extended</code> version, which supports SCSS.</p>
</li>
<li>
<p>Install <code>PostCSS</code> so that the site build can create the final CSS assets. You
can install it locally by running the following commands from the root
directory of your project:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm install --save-dev autoprefixer
</span></span><span class="line"><span class="cl">npm install --save-dev postcss-cli
</span></span></code></pre></div><p>Starting in
<a href="https://github.com/postcss/postcss-cli/blob/master/CHANGELOG.md">version 8 of <code>postcss-cli</code></a>,
you must also separately install <code>postcss</code>:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">npm install -D postcss
</span></span></code></pre></div></li>
</ul>
<p>Any additional prerequisites depend on the
<a href="https://www.docsy.dev/docs/get-started/#installation-options">installation option</a>
you choose. We recommend using Docsy as a Hugo module, which requires that you
have the Go language installed in addition to Hugo and PostCSS.</p>
<p>For complete prerequisites and instructions, see our
<a href="https://www.docsy.dev/docs/get-started/">Get started guides</a>.</p>
<h2 id="example-and-usage">Example and usage<a class="td-heading-self-link" href="#example-and-usage" aria-label="Heading self-link"></a></h2>
<p>You can find an example project that uses Docsy in the
<a href="https://github.com/google/docsy-example">Docsy Example Project repo</a>.The Docsy
Example Project is hosted at <a href="https://example.docsy.dev">example.docsy.dev</a>. For
real-life examples of sites that use Docsy (and their source repos), see our
<a href="https://www.docsy.dev/examples/">Examples and templates</a> page.</p>
<p>To use the Docsy theme for your own site:</p>
<ul>
<li>
<p>(Recommended) Use the
<a href="https://github.com/google/docsy-example">example project</a>, which includes the
Docsy theme as a Hugo module, as a template to create your project. You can
customize this pre-configured basic site into your own Docsy themed site.
<a href="https://github.com/google/docsy-example">Learn more&hellip;</a></p>
</li>
<li>
<p>Add Docsy to your existing Hugo site. You can add Docsy as a Hugo module, as a
Git submodule, or clone the Docsy theme into your project.</p>
</li>
</ul>
<p>See the <a href="https://www.docsy.dev/docs/get-started/">Get started guides</a> for
details about the various usage options.</p>
<h2 id="documentation">Documentation<a class="td-heading-self-link" href="#documentation" aria-label="Heading self-link"></a></h2>
<p>Docsy has its own user guide (using Docsy, of course!) with lots more
information about using the theme. It is hosted by <a href="https://netlify.com">Netlify</a> at
<a href="https://docsy.dev/">docsy.dev</a>.</p>
<p><strong>Maintainers</strong>: you can access deploy logs, the <a href="https://main--docsydocs.netlify.app/">deploy preview of
<code>main</code></a>, and more from the <a href="https://app.netlify.com/sites/docsydocs/deploys">Deploys</a> section of the site&rsquo;s Netlify
dashboard.</p>
<p>Alternatively you can use Hugo to generate and serve a local copy of the guide
(also useful for testing local theme changes), making sure you have installed
all the prerequisites listed above:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-sh" data-lang="sh"><span class="line"><span class="cl">git clone --depth <span class="m">1</span> https://github.com/google/docsy.git
</span></span><span class="line"><span class="cl"><span class="nb">cd</span> docsy
</span></span><span class="line"><span class="cl">npm install
</span></span><span class="line"><span class="cl">npm run serve
</span></span></code></pre></div><h2 id="contributing">Contributing<a class="td-heading-self-link" href="#contributing" aria-label="Heading self-link"></a></h2>
<p>For details on our <a href="https://github.com/google/.github/blob/master/CODE_OF_CONDUCT.md">code of conduct</a> and the process for submitting pull
requests, see <a href="https://github.com/google/docsy/blob/main/CONTRIBUTING.md">CONTRIBUTING.md</a>. Thank you to all past, present, and future
<a href="https://github.com/google/docsy/graphs/contributors">contributors</a>!</p>
<h2 id="license">License<a class="td-heading-self-link" href="#license" aria-label="Heading self-link"></a></h2>
<p>This project is licensed under the Apache License 2.0, see
<a href="https://github.com/google/docsy/blob/main/LICENSE">LICENSE</a> for details.</p>
<!-- cSpell:ignore docsy -->
