This template is set up with USWDS core CSS and JS files from CDNJS.
- Last updated: April 29, 2021
- Version: 2.11.1
- More information: How to use USWDS
- Press the
Use this template
button on theCode
tab. - Go to the
Settings
tab and scroll down to theGitHub Pages
section. - Set the
Source
tomain
and pressSave
.
You'll see a URL show up, but the site takes a few minutes before it's actually live. In the meantime, try creating a page.
- Go to the
Code
tab. - Press the
Add File
button and selectCreate new file
. - Give the page a title, for example,
first-page.md
. (Note the lack of spaces and the inclusion of the .md extension.) - Add some content using markdown syntax. For example, you could start with a heading and paragraph like this:
# First page
This is my first page.
- Scroll down to the bottom of the page and press
Commit new file
.
- On the Code tab, find and press the
Environments
link. (It may be in the right column.) - On the next page (Deployments), press the
View deployment
button. (You should see the default homepage load.) - In the address bar of the browser, add the name of your page using the HTML extension and press return. For example:
first-page.html
. (The full address will be something like this:https://pglevy.github.io/plain-vanilla-gh-pages/first-page.html
)
You should see the new page you created.
Now that you know how to create pages, here are some other things you can do:
- Create more pages.
- Update
index.md
(the homepage) with your own content. - Add links between pages so it works like a website.
- Copy component code snippets from the U.S. Web Design System to add more advanced functionality to your pages.
- Try starting over with a new repository and follow the instructions again.
- If it's still not working, create an issue in the original repo, and I'll try to help.
To run the site locally, you'll need to install Jekyll, which requires a few steps. See the official installation instructions.
This project was created primarly using the GitHub Pages gem for Jekyll and a slightly modified HTML5 Boilerplate. It is licensed under The Unlicense, which allows everything and promises nothing. 😎