Update Docs “start-with-a-template” (#1735)

Automatically generated. Merged on Netlify CMS.
This commit is contained in:
Shawn Erquhart
2018-09-08 22:55:46 -04:00
committed by GitHub
parent 59aa2045d5
commit 2ed4faba97

View File

@ -1,22 +1,21 @@
--- ---
title: Start with a Template title: Start with a Template
weight: 10
group: start group: start
weight: 10
--- ---
You can add Netlify CMS [to an existing site](/docs/add-to-your-site/), but the quickest way to get started is with a template. Found below, our featured templates deploy to Netlify, giving you a fully working CMS-enabled site with just a few clicks. You can add Netlify CMS [to an existing site](/docs/add-to-your-site/), but the quickest way to get started is with a template. Found below, our featured templates deploy to Netlify, giving you a fully working CMS-enabled site with just a few clicks.
<div style="display: flex; justify-content: space-around; text-align: center; margin-bottom: 1.5em;"> <div style="display: flex; justify-content: space-around; text-align: center; margin-bottom: 1.5em;">
<div style="flex-basis: 33.3%"> <div style="flex-basis: 33.3%">
<div style="padding: 0 15%; height: 100px; display: flex; justify-content: center;"> <div style="padding: 0 15%; height: 100px; display: flex; justify-content: center;">
<a style="display: flex" href="https://gohugo.io"><img src="/img/hugo.svg"/></a> <img style="display: flex" src="/img/hugo.svg"/>
</div> </div>
<h4>Hugo Site Starter</h4> <h4>Hugo Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/one-click-hugo-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p> <p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/one-click-hugo-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
</div> </div>
<div style="flex-basis: 33.3%"> <div style="flex-basis: 33.3%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;"> <div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<a style="display: flex" href="https://next.gatsbyjs.org"><img src="/img/gatsby.svg"/></a> <img style="display: flex" src="/img/gatsby.svg"/>
</div> </div>
<h4>Gatsby Site Starter</h4> <h4>Gatsby Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/AustinGreen/gatsby-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p> <p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/AustinGreen/gatsby-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
@ -29,7 +28,7 @@ You can add Netlify CMS [to an existing site](/docs/add-to-your-site/), but the
</div> </div>
<div style="flex-basis: 33.3%"> <div style="flex-basis: 33.3%">
<div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;"> <div style="padding: 0 30%; height: 100px; display: flex; justify-content: center;">
<a style="display: flex" href="https://middlemanapp.com"><img src="/img/middleman.svg"/></a> <img style="display: flex" src="/img/middleman.svg"/>
</div> </div>
<h4>Middleman Site Starter</h4> <h4>Middleman Site Starter</h4>
<p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/tomrutgers/middleman-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p> <p><a href="https://app.netlify.com/start/deploy?repository=https://github.com/tomrutgers/middleman-starter-netlify-cms&amp;stack=cms"><img src="https://www.netlify.com/img/deploy/button.svg" alt="Deploy to Netlify" /></a></p>
@ -43,19 +42,15 @@ After clicking one of those buttons, authenticate with GitHub or GitLab and choo
## Access Netlify CMS on your new site ## Access Netlify CMS on your new site
1. The template deploy process sends you an invitation to your new site, sent from `no-reply@netlify.com`. 1. The template deploy process sends you an invitation to your new site, sent from `no-reply@netlify.com`.
![Sample email subject line: You've been invited to join radiologist-amanda-53841.netlify.com](https://www.netlifycms.org/img/email-subject.png?raw=true)
![Sample email subject line: You've been invited to join radiologist-amanda-53841.netlify.com](https://www.netlifycms.org/img/email-subject.png?raw=true)
2. Click the link to accept the invite, and your site opens, with a prompt to create a password. 2. Click the link to accept the invite, and your site opens, with a prompt to create a password.
!["Complete your signup" modal on the Kaldi coffee site](https://www.netlifycms.org/img/create-password.png?raw=true)
!["Complete your signup" modal on the Kaldi coffee site](https://www.netlifycms.org/img/create-password.png?raw=true)
3. Enter a password, sign in, and youll go to the CMS. (For future visits, you can go straight to `<yoursiteaddress.com>/admin/`.) 3. Enter a password, sign in, and youll go to the CMS. (For future visits, you can go straight to `<yoursiteaddress.com>/admin/`.)
Try adding and editing posts, or changing the content of the Products page. When you save, the changes are pushed immediately to your Git repository, triggering a build on Netlify, and updating the content on your site. Check out the configuration code by visiting your site repo. Try adding and editing posts, or changing the content of the Products page. When you save, the changes are pushed immediately to your Git repository, triggering a build on Netlify, and updating the content on your site. Check out the configuration code by visiting your site repo.
## More paths to explore ## More paths to explore
- To see how to integrate Netlify CMS into an existing project, go to [Add to your site](/docs/add-to-your-site/). * To see how to integrate Netlify CMS into an existing project, go to [Add to your site](/docs/add-to-your-site/).
- Check out other sites using Netlify CMS (or share your own!) on the [Examples](/docs/examples/) page. * Check out other sites using Netlify CMS (or share your own!) on the [Examples](/docs/examples/) page.
- If youd like to add more CMS editors or change how they log in to your site, read up on [Netlify Identity service](https://www.netlify.com/docs/identity). * If youd like to add more CMS editors or change how they log in to your site, read up on [Netlify Identity service](https://www.netlify.com/docs/identity).