139 lines
5.1 KiB
Markdown
139 lines
5.1 KiB
Markdown
# Docsy Example
|
||
|
||
[Docsy][] is a [Hugo theme module][] for technical documentation sites, providing easy
|
||
site navigation, structure, and more. This **Docsy Example Project** uses the Docsy
|
||
theme component as a hugo module and provides a skeleton documentation structure for you to use.
|
||
You can clone/copy this project and edit it with your own content, or use it as an example.
|
||
|
||
In this project, the Docsy theme component is pulled in as a Hugo module, together with other module dependencies:
|
||
|
||
```bash
|
||
$ hugo mod graph
|
||
hugo: collected modules in 566 ms
|
||
hugo: collected modules in 578 ms
|
||
github.com/google/docsy-example github.com/google/docsy@v0.5.1-0.20221017155306-99eacb09ffb0
|
||
github.com/google/docsy-example github.com/google/docsy/dependencies@v0.5.1-0.20221014161617-be5da07ecff1
|
||
github.com/google/docsy/dependencies@v0.5.1-0.20221014161617-be5da07ecff1 github.com/twbs/bootstrap@v4.6.2+incompatible
|
||
github.com/google/docsy/dependencies@v0.5.1-0.20221014161617-be5da07ecff1 github.com/FortAwesome/Font-Awesome@v0.0.0-20220831210243-d3a7818c253f
|
||
```
|
||
|
||
You can find detailed theme instructions in the [Docsy user guide][].
|
||
|
||
This Docsy Example Project is hosted on [Netlify][] at [example.docsy.dev][].
|
||
You can view deploy logs from the [deploy section of the project's Netlify
|
||
dashboard][deploys], or this [alternate dashboard][].
|
||
|
||
This is not an officially supported Google product. This project is currently maintained.
|
||
|
||
## Using the Docsy Example Project as a template
|
||
|
||
A simple way to get started is to use this project as a template, which gives you a site project that is set up and ready to use. To do this:
|
||
|
||
1. Click **Use this template**.
|
||
|
||
2. Select a name for your new project and click **Create repository from template**.
|
||
|
||
3. Make your own local working copy of your new repo using git clone, replacing https://github.com/me/example.git with your repo’s web URL:
|
||
|
||
```bash
|
||
git clone --depth 1 https://github.com/me/example.git
|
||
```
|
||
|
||
You can now edit your own versions of the site’s source files.
|
||
|
||
If you want to do SCSS edits and want to publish these, you need to install `PostCSS`
|
||
|
||
```bash
|
||
npm install
|
||
```
|
||
|
||
## Running the website locally
|
||
|
||
Building and running the site locally requires a recent `extended` version of [Hugo](https://gohugo.io).
|
||
You can find out more about how to install Hugo for your environment in our
|
||
[Getting started](https://www.docsy.dev/docs/getting-started/#prerequisites-and-installation) guide.
|
||
|
||
Once you've made your working copy of the site repo, from the repo root folder, run:
|
||
|
||
```
|
||
hugo server
|
||
```
|
||
|
||
## Running a container locally
|
||
|
||
You can run docsy-example inside a [Docker](https://docs.docker.com/)
|
||
container, the container runs with a volume bound to the `docsy-example`
|
||
folder. This approach doesn't require you to install any dependencies other
|
||
than [Docker Desktop](https://www.docker.com/products/docker-desktop) on
|
||
Windows and Mac, and [Docker Compose](https://docs.docker.com/compose/install/)
|
||
on Linux.
|
||
|
||
1. Build the docker image
|
||
|
||
```bash
|
||
docker-compose build
|
||
```
|
||
|
||
1. Run the built image
|
||
|
||
```bash
|
||
docker-compose up
|
||
```
|
||
|
||
> NOTE: You can run both commands at once with `docker-compose up --build`.
|
||
|
||
1. Verify that the service is working.
|
||
|
||
Open your web browser and type `http://localhost:1313` in your navigation bar,
|
||
This opens a local instance of the docsy-example homepage. You can now make
|
||
changes to the docsy example and those changes will immediately show up in your
|
||
browser after you save.
|
||
|
||
### Cleanup
|
||
|
||
To stop Docker Compose, on your terminal window, press **Ctrl + C**.
|
||
|
||
To remove the produced images run:
|
||
|
||
```console
|
||
docker-compose rm
|
||
```
|
||
For more information see the [Docker Compose
|
||
documentation](https://docs.docker.com/compose/gettingstarted/).
|
||
|
||
## Troubleshooting
|
||
|
||
As you run the website locally, you may run into the following error:
|
||
|
||
```
|
||
➜ hugo server
|
||
|
||
INFO 2021/01/21 21:07:55 Using config file:
|
||
Building sites … INFO 2021/01/21 21:07:55 syncing static files to /
|
||
Built in 288 ms
|
||
Error: Error building site: TOCSS: failed to transform "scss/main.scss" (text/x-scss): resource "scss/scss/main.scss_9fadf33d895a46083cdd64396b57ef68" not found in file cache
|
||
```
|
||
|
||
This error occurs if you have not installed the extended version of Hugo.
|
||
See this [section](https://www.docsy.dev/docs/get-started/docsy-as-module/installation-prerequisites/#install-hugo) of the user guide for instructions on how to install Hugo.
|
||
|
||
Or you may encounter the following error:
|
||
|
||
```
|
||
➜ hugo server
|
||
|
||
Error: failed to download modules: binary with name "go" not found
|
||
```
|
||
|
||
This error occurs if you have not installed the `go` programming language on your system.
|
||
See this [section](https://www.docsy.dev/docs/get-started/docsy-as-module/installation-prerequisites/#install-go-language) of the user guide for instructions on how to install `go`.
|
||
|
||
|
||
[alternate dashboard]: https://app.netlify.com/sites/goldydocs/deploys
|
||
[deploys]: https://app.netlify.com/sites/docsy-example/deploys
|
||
[Docsy user guide]: https://docsy.dev/docs
|
||
[Docsy]: https://github.com/google/docsy
|
||
[example.docsy.dev]: https://example.docsy.dev
|
||
[Hugo theme module]: https://gohugo.io/hugo-modules/use-modules/#use-a-module-for-a-theme
|
||
[Netlify]: https://netlify.com
|