<commit_before>---
layout: post
title:  "Punch Static Sites: The Nitty Gritty Is Actually Pretty Great"
date: 2016-04-26
author: <NAME>
meta: "Punch Static Sites: The Nitty Gritty Is Actually Pretty Great"
permalink: /punch-static-sites/
categories: javascript code
type: code
featured_image: /assets/js.svg
redirect_from:
  - 
---

Building static sites with punch is actually very simple. After adding the [npm plugin](//www.npmjs.com/package/punch), setting up the initial static site takes a few minutes. The CLI commands are super straight forward & the site re-builds super fast.
{: .first-paragraph }

<figure class="figure figure--full">
	<a href="//laktek.github.io/punch/" title="This picture is copied from the Punch website - go there to read more about punch">
		{% include media/picture.html pictureClass="picture__secondary" imageSM="/assets/punch-static-sites/punch.png" imageTitle="This picture is copied from the Punch website - go there to read more about punch" %}
	</a>
	<figcaption class="figure__caption">
		<p><a href="//laktek.github.io/punch/">This picture is copied from the Punch website - go there to read more about punch</a></p>
	</figcaption>
</figure>

> Building static sites with punch is actually very simple.

## Setup

In terminal run:

1. `npm install -g punch` Install punch global

2. `punch setup [my awesome site name]` *site setup

3. `cd mysite` 

4. `punch s` starts your local server

5. Press `ctrl + c` to stop your local server

* If you have already have a directory setup, just run `punch setup` in _that_ directory


## Why Punch?

Here are 2 big benefits for choosing punch.

1. *Quick setup*: you really can be up & running in a few minutes

2. *Prototyping*: you can quickly do templating for platform cms sites where you can use dummy [json](//www.json.org/). This is great in a situation where multiple CMS's are on the table that use [mustache](//mustache.github.io/mustache.5).html)

## More information

- Here's a link to the [wiki](//github.com/laktek/punch/wiki), &

- Another link to the [homepage](//laktek.github.io/punch/)

I'll be writing more about punch in the near[er] future. ~Thanks



<commit_msg>Changes name of post & updates some content<commit_after>---
layout: post
title:  "Punch Static Sites: My experience getting setup"
date: 2016-04-26
author: <NAME>
meta: "Punch Static Sites: My experience getting setup"
permalink: /punch-setup/
categories: javascript code
type: code
featured_image: /assets/js.svg
redirect_from:
  - /punch-static-sites/
---

Getting started with [Punch](//laktek.github.io/punch/) is very easy. After adding the [npm plugin](//www.npmjs.com/package/punch), setting up the initial static site takes a few minutes. The CLI commands are super straight forward & the site re-builds super fast.
{: .first-paragraph }

<figure class="figure figure--full">
	<a href="//laktek.github.io/punch/" title="This picture is copied from the Punch website - go there to read more about punch">
		{% include media/picture.html pictureClass="picture__secondary" imageSM="/assets/punch-static-sites/punch.png" imageTitle="This picture is copied from the Punch website - go there to read more about punch" %}
	</a>
	<figcaption class="figure__caption">
		<p><a href="//laktek.github.io/punch/">This picture is copied from the Punch website - go there to read more about punch</a></p>
	</figcaption>
</figure>

## Setup

In terminal run:

1. `npm install -g punch` Install punch global

2. `punch setup [my awesome site name]` *site setup

3. `cd mysite` 

4. `punch s` starts your local server

5. Press `ctrl + c` to stop your local server

* If you have already have a directory setup, just run `punch setup` in _that_ directory


## An aside: Why Punch?

Here are 2 big benefits for choosing punch specifically over other static site generators.

1. *Quick setup*: you really can be up & running in a few minutes

2. *Prototyping*: you can quickly do templating for platform cms sites where you can use dummy [json](//www.json.org/). This is great in a situation where multiple CMS's are on the table that use [mustache](//mustache.github.io/mustache.5).html)

## More information

- Here's a link to the [wiki](//github.com/laktek/punch/wiki), &

- Another link to the [homepage](//laktek.github.io/punch/)

I'll be writing more about punch in the near[er] future. ~Thanks




{'fraction_non_alphanumeric': 0.10968628348980994, 'fraction_numerical': 0.007785665216395695, 'mean_word_length': 4.026467203682394, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 26, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '396943', 'n_tokens_mistral': 1381, 'n_tokens_neox': 1312, 'n_words': 558}