Creating a static page is the same as creating a story. The only difference is before the story is published it is turned into a page by selecting the checkbox at the very bottom of the post settings.
Once you have created a static page for Contact and navigated to that page you will see a form. The form uses Formspree to send submitted messages straight to your inbox.
You do have to set the email address where you want to receive the form (you can even set the subject too). This file can be found in
_includes/formspree.html. After everything is set you will need to submit a message yourself to confirm the email address is correct.
Comments can be enabled on every blog post in three steps. The first step is to register your website with Disqus. Disqus will provide you with a shortname that you need for the next step. Once you have that the second step is to open
_includes/disqus.html, remove all the instructions, and paste in your shortcode where the placeholder one currently is. The third step is to visit a blog post and verify that your comments are there.
The source code is broken down to make finding what you need as easy as possible. Almost everything runs through
gulpfile.js, so you will need to run
npm install on your command line before doing any additional development. You can then run
npm start to compile everything.
. ├── _assets | ├── js | ├── components | ├── vendor | ├── _inits.js | └── app.js | └── scss | ├── base | ├── components | ├── fonts | ├── regions | ├── tools | ├── utils | ├── vendor | ├── amp.scss | └── app.scss ├── _includes | ├── contact.html | ├── disqus.html | ├── footer.html | ├── formspree.html | ├── head.html | ├── header.html | ├── navigation.html | ├── pagination.html | ├── post-card.html | ├── share.html | ├── social.html | └── subscribe-form.html ├── _layouts | ├── compress.html | ├── default.html | ├── page.html | ├── post.html | └── tag.hbs ├── _plugins | ├── tags_list.rb | └── tags_pagination.rb ├── _posts | └── 2017-10-03-barber-for-jekyll.md ├── _site ├── assets | ├── css | ├── images | └── js ├── src | ├── js | ├── components | ├── vendor | └── _init.js | └── scss | ├── base | ├── components | ├── fonts | ├── regions | ├── tools | ├── utils | ├── vendor | ├── amp.scss | └── app.scss ├── .eslintrc ├── .gitignore ├── .stylelintrc ├── 404.html ├── _config.yml ├── Gemfile ├── Gemfile.lock ├── gulpfile.js ├── index.html ├── package.json ├── README.md ├── style-guide.html └── subscribe.html
Email email@example.com if you need any additional support with Barber.