Jekyll: Quick Start

 
This post describes how to start Jekyll on docker.
 

What is Jekyll?

Jekyll is a blog generator. "GitHub Pages are powered by Jekyll, so you can easily deploy your site using GitHub for free" https://jekyllrb.com/
 

init

First, let's set the alias as:

$ alias jk='docker run --rm --volume="$PWD:/srv/jekyll" -it -p 4000:4000 jekyll/jekyll jekyll'

Create the project and change the directory.

$ jk new myblog
$ cd myblog

You will see the files like below:

.
├── 404.html
├── Gemfile
├── _config.yml
├── _posts
│   └── 2021-04-08-welcome-to-jekyll.markdown
├── about.markdown
└── index.markdown

run

Run the following two commands to run the Jekyll server locally:

$ jk build
$ jk serve

then access http://localhost:4000
 


hello world

Files in _post directory is served. Let's copy the welcome page to make a hello-world example. 

$ cp _posts/2021-04-08-welcome-to-jekyll.markdown _posts/2021-04-09-hello.markdown
$ vim _posts/2021-04-09-hello.markdown
---
layout: post
title:  "Hello"
date:   2021-04-08 06:09:25 -0500
categories: intro
---
World! 

Reload http://localhost:4000 to see the newly created page.



Comments

Post a Comment

Popular posts from this blog

Selenide: Quick Start

Selenide is a Selenium wrapper in Java for testing.   This post describes how you can start using Selenide (using Gradle). 1. Setup Java Application # keep pressing enters to choose default values gradle init --type java-application # confirm that test succeeds gradle test 2. Add Selenide Dependency open build.gradle and edit as: dependencies {   ...   testImplementation 'com.codeborne:selenide:5.13.0' } 3. Write Test (replace the existing test with selenide code) src/test/java/selenide/AppTest.java package selenide; import static com.codeborne.selenide.Condition.text; import static com.codeborne.selenide.Selenide.$; import static com.codeborne.selenide.Selenide.open; import org.junit.Test;   public class AppTest { @Test public void test() { open("https://www.google.ca/"); $("input[type=text]").val("test").pressEnter(); $("body").shouldHave(text("test")); } } 4. Run Selenide gradle test This will open a browser t...
Read more

Minikube Installation for M1 Mac

Image
In this post, I am going to try Minikube on Mac with M1 Chip. what is minikube Minikube is k8s tool running on a local machine. See also kind  for multi cluster implementation for local k8s. install % curl -LO https://storage.googleapis.com/minikube/releases/latest/minikube-darwin-arm64 % install minikube-darwin-arm64 /usr/local/bin/minikube % minikube version  minikube version: v1.20.0  Note: Installing with brew fails due to a different binary as of 2021-05-24. % brew install minikube % minikube version ❌  Exiting due to MK_WRONG_BINARY_M1: You are trying to run amd64 binary on M1 system. Please use darwin/arm64 binary instead (Download at https://github.com/kubernetes/minikube/releases/download/v1.20.0/minikube-darwin-amd64.) % brew uninstall minikube start The default driver 'virtualbox' is not supported on M1, but you can use 'docker' driver:  https://minikube.sigs.k8s.io/docs/drivers/docker/  . Make sure docker is running, and then specify the driver ...
Read more

Three.js Quick Start - Run Spinning-Cube Example

Image
In this post, I am going to run the spinning-cube example for three.js. https://threejs.org/docs/#manual/en/introduction/Creating-a-scene What is three.js? three.js is a JavaScript library to render 3D graphics on a browser. Example % mkdir threejs && cd threejs % mkdir js % curl -o ./js/three.js https://threejs.org/build/three.js % tree . ├── index.html └── js     └── three.js % vim index.html % open index.html index.html (the code is from  example ) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>My first three.js app</title> <style> body { margin: 0; } </style> </head> <body> <script src="js/three.js"></script> <script> const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 ); const renderer = new THREE.WebGLRenderer(); renderer.setSize( window.innerWidth, windo...
Read more