<commit_before># Myriel

Myriel is a very minimum yet flexible blog boilerplate for [Hugo](http://hugo.spf13.com/).

## Prerequisite

- [Hugo](http://hugo.spf13.com/)
- Node.js and several modules which you can install with `npm install` at this
  root dir (Since I'm new to Go).

## Quickstart

[Install Hugo!](http://hugo.spf13.com/overview/quickstart) 

You need to clone this repo on your local machine.  

```
git clone <EMAIL>:studiomohawk/myriel.git
```

`cd` into your cloned repo.

Then, install node dependencies by 

`npm install`

### Run Hugo

```
hugo server -s . -w
```

or 

```
npm run start
```

Point your browser to <http://localhost:1313/>

And your running Hugo with Myriel theme!
<commit_msg>Add instruction<commit_after># Myriel

Myriel is a very minimum yet flexible blog boilerplate for [Hugo](http://hugo.spf13.com/).

## Prerequisite

- [Hugo](http://hugo.spf13.com/)
- Node.js and several modules which you can install with `npm install` at this
  root dir (Since I'm new to Go).

## Quickstart

[Install Hugo!](http://hugo.spf13.com/overview/quickstart) 

You need to clone this repo on your local machine.  

```
git clone <EMAIL>:studiomohawk/myriel.git
```

`cd` into your cloned repo.

Then, install node dependencies by 

`npm install`

### Run Hugo

```
hugo server -s . -w
```

or 

```
npm run start
```

Point your browser to <http://localhost:1313/>

And your running Hugo with Myriel theme!

### Customize Myriel

As you can see, Myriel is very minimum theme, so you do want to customize it to fit your needs.

#### Where is CSS?

CSS files are located within `_devel/style` dirs.  
Dirs are structured to follow Hugo’s dirs convention. 

##### But, how to modify them?

Since I don’t like any of CSS preprocessors,  I’ve decided to not use them at all!  
But as everyone knows that using `@import` is bad for performance, I am using node [borschik](https://github.com/bem/borschik) from Yandex to concatenate CSS.

```
npm run watch-css
```

This command will start watching css dirs change and when any change detected, borschik will concatenate css and move it to `static/static/style/bundle.css`.  
borschik looks for `_devel/style/main.css`, so if you add new file, make sure you add `@import`rule to that file.

#### Where is JavaScript?

At this time, I don’t have any JavaScript!  
**but** I’m planning to use [browserify](https://github.com/substack/node-browserify) by substack for modularize JavaScript.  
I already setup necessary  commands at `package.json` so if you need to add JavaScript, please check them out.


{'fraction_non_alphanumeric': 0.11167315175097277, 'fraction_numerical': 0.007782101167315175, 'mean_word_length': 3.8693181818181817, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, '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': '1386019', 'n_tokens_mistral': 882, 'n_tokens_neox': 816, 'n_words': 336}