-
Notifications
You must be signed in to change notification settings - Fork 1
Refactor the site to use Docusaurus #9
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Changes from 3 commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,6 +1,20 @@ | ||
| /public | ||
| resources/ | ||
| node_modules/ | ||
| package-lock.json | ||
| .hugo_build.lock | ||
| # Dependencies | ||
| /node_modules | ||
|
|
||
| # Production | ||
| /build | ||
|
|
||
| # Generated files | ||
| .docusaurus | ||
| .cache-loader | ||
|
|
||
| # Misc | ||
| .DS_Store | ||
| .env.local | ||
| .env.development.local | ||
| .env.test.local | ||
| .env.production.local | ||
|
|
||
| npm-debug.log* | ||
| yarn-debug.log* | ||
| yarn-error.log* |
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,138 +1,41 @@ | ||
| # Docsy Example | ||
| # Website | ||
|
|
||
| [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. | ||
| This website is built using [Docusaurus](https://docusaurus.io/), a modern static website generator. | ||
|
|
||
| In this project, the Docsy theme component is pulled in as a Hugo module, together with other module dependencies: | ||
| ### Installation | ||
|
|
||
| ```bash | ||
| $ hugo mod graph | ||
| hugo: collected modules in 566 ms | ||
| hugo: collected modules in 578 ms | ||
| github.com/google/docsy-example github.com/google/[email protected] | ||
| github.com/google/docsy-example github.com/google/docsy/[email protected] | ||
| github.com/google/docsy/[email protected] github.com/twbs/[email protected]+incompatible | ||
| github.com/google/docsy/[email protected] github.com/FortAwesome/[email protected] | ||
| ``` | ||
|
|
||
| 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 | ||
| $ yarn | ||
| ``` | ||
|
|
||
| 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` | ||
| ### Local Development | ||
|
|
||
| ```bash | ||
| npm install | ||
| ``` | ||
| $ yarn start | ||
| ``` | ||
|
|
||
| ## 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. | ||
| This command starts a local development server and opens up a browser window. Most changes are reflected live without having to restart the server. | ||
|
|
||
| Once you've made your working copy of the site repo, from the repo root folder, run: | ||
| ### Build | ||
|
|
||
| ``` | ||
| hugo server | ||
| $ yarn build | ||
| ``` | ||
|
|
||
| ## 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 | ||
| ``` | ||
| This command generates static content into the `build` directory and can be served using any static contents hosting service. | ||
|
|
||
| 1. Run the built image | ||
| ### Deployment | ||
|
|
||
| ```bash | ||
| docker-compose up | ||
| ``` | ||
| Using SSH: | ||
glarizza marked this conversation as resolved.
Outdated
Show resolved
Hide resolved
|
||
|
|
||
| > 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 | ||
| $ USE_SSH=true yarn deploy | ||
| ``` | ||
|
|
||
| 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: | ||
| Not using SSH: | ||
|
|
||
| ``` | ||
| ➜ hugo server | ||
| Error: failed to download modules: binary with name "go" not found | ||
| $ GIT_USER=<Your GitHub username> yarn deploy | ||
| ``` | ||
|
|
||
| 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 | ||
| If you are using GitHub pages for hosting, this command is a convenient way to build the website and push to the `gh-pages` branch. | ||
This file was deleted.
This file was deleted.
This file was deleted.
This file was deleted.
Uh oh!
There was an error while loading. Please reload this page.