kjaer.io

KO | EN

gitlite — search

#javascript #python #react #go #machine-learning #rust #deep-learning #linux #macos #nodejs #cli #security #pytorch #openai

(★ 12)

Code and text for my blog

kjaer.io Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# [kjaer.io](https://kjaer.io)

[![Build Status](https://travis-ci.com/MaximeKjaer/kjaer.io.svg?branch=master)](https://travis-ci.com/MaximeKjaer/kjaer.io)

My personal blog. Built with Jekyll.

[![Screenshot of my website](https://i.imgur.com/QVTzndb.jpg "Screenshot of my website")](https://i.imgur.com/QVTzndb.jpg)

## Installation

The site builds with Jekyll, but also has a few NPM dependencies. To install all dependencies, you'll need Node and npm, as well as Ruby and bundler. You can then run:

```
bundle install
npm install
```

## Writing a post
See the [Jekyll Documentation](https://jekyllrb.com/docs/posts/) for how to create a Jekyll post.

### Excerpt separator
On the front page of the site, excerpts of every post are shown. On this site, a post "breaks" on the first HTML comment by default, so the end of the front page's excerpt can be marked as such in a post:

```markdown
---
title: How to define excerpts within the post
---

Here's an intro. See you after the break!

Here's the rest of the post.
```

### Sample post
```markdown
---
title: A sample post
image: /images/hero/example.jpg
fallback-color: "#0f45b7"
description: A sample post showing how YAML Frontmatter works on this site.
comments: false
edited: true
hn: https://news.ycombinator.com/item?id=12114523
---

This post is an example.

This is the end of the article!
```

## Building the site

### Installing dependencies

```console
$ rbenv install
$ rbenv reshash
$ bundle install
$ npm install
$ sudo apt install graphviz
```

### Development

To serve the site locally with incremental builds and autorefresh, run:

```console
$ npm run serve
```

### Production

To build the site for production, run:

```console
$ npm run build:prod
```

To prepare the site for production, a few additional steps are taken.

- Autoprefixer ensures that all the CSS is compatible with the 2 last versions if every browser
- Hero images are resized to the breakpoints defined in `_config.yml`
- Assets are Zopfli-compressed

kjaer.io

kjaer.io Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

kjaer.io

kjaer.io Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README