Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/swiip/kaldi-hugo-cms-template
https://github.com/swiip/kaldi-hugo-cms-template
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/swiip/kaldi-hugo-cms-template
- Owner: Swiip
- License: mit
- Created: 2017-08-23T07:29:45.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-08-23T07:34:23.000Z (over 7 years ago)
- Last Synced: 2024-10-30T16:26:24.652Z (about 2 months ago)
- Language: CSS
- Size: 13.6 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Netlify CMS small-business template
This is a small business template built with [Victor Hugo](https://github.com/netlify/victor-hugo) and [Netlify CMS](https://github.com/netlify/netlify-cms), designed and developed by [Darin Dimitroff](http://www.darindimitroff.com/), [spacefarm.digital](https://www.spacefarm.digital).
## Getting started
Use our deploy button to get your own copy of the repository:
[![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/netlify-templates/kaldi-hugo-cms-template)
Once that is done, you need to setup the GitHub integration for Netlify CMS.
Go to https://github.com/settings/developers and register a new application.
Then go to the "Access" tab in your new Netlify site and add a GitHub authentication provider.
Once that's done, you'll be able to enter the CMS by going to the URL of your new site and appending `/admin`
## Local Development
Clone this repository, and run `yarn` or `npm install` from the new folder to install all required dependencies.
Then start the development server with `yarn start` or `npm start`.
## Layouts
The template is based on small, content-agnostic partials that can be mixed and matched. The pre-built pages showcase just a few of the possible combinations. Refer to the `site/layouts/partials` folder for all available partials.
Use Hugo’s `dict` functionality to feed content into partials and avoid repeating yourself and creating discrepancies.
## CSS
The template uses a custom fork of Tachyons and PostCSS with cssnext and cssnano. To customize the template for your brand, refer to `src/css/imports/_variables.css` where most of the important global variables like colors and spacing are stored.
## SVG
All SVG icons stored in `site/static/img/icons` are automatically optimized with SVGO (gulp-svgmin) and concatenated into a single SVG sprite stored as a a partial called `svg.html`. Make sure you use consistent icons in terms of viewport and art direction for optimal results. Refer to an SVG via the `` tag like so:
```
```