Public | Automated Build

Last pushed: 2 years ago
Short Description
My blog with Jekyll
Full Description

mildronize.github.io

my blog

Serve Jekyll with Docker Compose

docker-compose up

Dockerize Jekyll for my blog.

  • How to build with Docker

      sudo docker build -t mildronize/mildronize.github.io .
    
  • Simple run jekyll with Docker

      docker run --rm --label=jekyll -v "$PWD:/src" -it -e DEBUG=true -p 4000:4000 mildronize/mildronize.github.io jekyll serve --host 0.0.0.0
    
  • Enable Debug mode on Docker -e DEBUG=true

  • Run on Windows

       docker run --rm -it -v "//c/Users/Mildronize/git-projects/mildronize.github.io:/src" -p $(docker-machine ip `docker-machine active`):4000:4000  mildronize/mildronize.github.io jekyll serve --force_polling --host 0.0.0.0
    

    add this -e TZ=Asia/Bangkok when change timzone

  • Problem: Run Jekyll with docker-machine can't use auto generation ( on Windows)

    • Solution: add --force_polling at the end of Jekyll command. Read more

Page

Notes is a collection of post which is "notes" category

Categories

  • articles
  • templates
  • notes
  • projects

Layouts

  • default: the parent of other layouts
  • page: page layout, it is located at root
  • post: regular post, quick post, everything to write

    • Enable table of contents: add toc parameter into header
      toc: true
      
  • showcase: extra layout for displaying template, project script or anything want to show

    • There are 3 buttons: Home, Demo, Source code
    • extra parameter in yaml header of each file
      • description: brief explanation
      • image: screenshot of showcase
      • home: link to home of showcase
      • demo: link to demo of showcase
      • source: link to source code of showcase
    • example the post uses showcase layout

      ```yaml


    layout: showcase

    category: templates

    ```

Structure

/_posts collects 3 categories:

  • articles: quick post
  • templates: use showcase layout

      ---
      layout: showcase
      category: templates
      ---
    
  • notes: flexible page, usually use permalink and description

      ---
      layout: post
      category: notes
      permalink: notes/__note_name__
      ---
    
    • Feature the note: add featured parameter into header
      featured: true
      

Public Directory

css

  • Theme
    • hyde.css
    • mildronize.css
    • poole.css
    • syntax.css
  • Font
    • boon-font.css
  • Pure css

    • forms-min.css
    • buttons-min.css
  • Icon

    • font-awesome-4.3.0.min.css
  • Extension
    • expanding-search-bar.css

js

  • Expanding Search Bar
    • uisearch.js
    • classie.js
  • Seach page
    • angular.min.js
Docker Pull Command
Owner
mildronize
Source Repository