Code Monkey home page Code Monkey logo

ocram85.com's Introduction

About

This is repository contains the source files of my personal jekyll based blog. The theme is based on beautiful-jekyll by Dean Attali.

If you like my customization, start with cloning the origin repository by Dean and follow his readme article!

I contribute to his repository and try to create PRs for all the changes I did. Chances are good that these PRs are already merged...

⚠️ Note: github-pages compatibility ⚠️

I recently had moved away from github-pages for hosting my blog. To fulfill GDPR I'm now hosting the blog on my on. Additionally I removed al external resources and integrated them. I you need more details about the changes see Page And Privacy Updates.

This site is still github-pages compatible!

🔧 Custom Build Process 🔧

If you are interested about my custom build process you can take a look at the autobuild.sh script. This script is called by a cronjob and starts building the blog if there were new commits on the master branch.

Page / Post Template

My personal template for all available Front Matter YAML vars

---
layout: # page | post (blog) | minimal
title:	# Page or blog post title
subtitle: # Short description of page or blog post that goes under the title
image: # /path/to/img
show-avatar:  #(false) | true
bigimg:	# /path/to/img - or multiple entries <- "Path": "Description">
category: # Powershell
tags: # [tag1, tag2, tag3]

# ---- Jekyll optional vars ---- #
# date: # overrides tha tage from the file name YYYY-MM-DD HH:MM:SS
# permalink: # (default /year/month/day/title.html)
# published: # (true) | false

# ---- Theme based optional vars ---- #
# comments: # (false) | true
# show-avatar: # (true) | false
# social-share: # If you don't want to show buttons to share a blog post on social media, use social-share: false (this feature is turned on by default).
# use-site-title: # (false) | true
---

Snippets

Table of Content

**Content**

* TOC Placeholder
{:toc}

Content Summary

{% include about.html caption="Heading" content="some content"  footer=true readingtime=true %}

Vars

  • Caption: Adds a header line.
    • If not given the page title is used.
    • If the title has more than 35 chars the default heading About_ThisPage is used
  • Content: Defines the content of the about box
    • You can provide a Value with this var or use the page.excerpt var.
  • footer: enables the footer section in general
  • readingtime: Displays an average reading time in the footer section
  • page.edit: is used to define your last edit date
  • site.author.name: is used to display the author.

Notification boxes

Use the following syntax to add the classes to you box section: {: .box-note}, {: .box-warning} or {: .box-error}

You can use font-awesome icons within and set a custom color like this:

{: .box-note} NOTE: This is Notification class with a colored font-awesome icon. Select your color by adding these classes: icon-blue, icon-yellow or icon-red.

ocram85.com's People

Contributors

daattali avatar ocram85 avatar epwalsh avatar eugenius1 avatar jennydaman avatar hristoyankov avatar lrdodge avatar jamesonzimmer avatar xnerv avatar tony-ho avatar kendaleiv avatar josemyduarte avatar adrianharabula avatar yonicd avatar therealbenforce avatar stephentuso avatar npes87184 avatar shrektan avatar vietanhdev avatar sjackman avatar supersam654 avatar rtlee9 avatar rvernica avatar kootenpv avatar sharepointoscar avatar mattlaver avatar mangar avatar liubinsheng avatar arcestia avatar kenman345 avatar

Watchers

Francisco Rodrigues avatar James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.