Git Product home page Git Product logo

blog's Introduction

This is a clone of the qraftlabs blog at http://blog.qraftlabs.com.

This blog uses Jekyll.

Create a new blog post

rake new_post["title of the new blog post"]

Manage posts in the "Top Reads" section

To add a post to the "Top Reads" section you must add the tag featured to it. Use the pr: yaml front matter to sort its position. (e.g. pr: 1 is the top post in the section).

Add reply links to your posts

Reply links

Use yaml front-matter to add reply links to your post on Hacker News or Twitter.

Example:

---
reply:
 hn: https://news.ycombinator.com/item?id=9447536
 twitter: https://twitter.com/auth0/status/592765437634555904
---

Dealing with outdated content

To mark a post as outdated, add the outdated front matter. Aditionally, you can direct the link in the disclaimer to a specific page using the tag doc_reference, otherwise the link will go to the docs homepage.

Example:

---
outdated: true
doc_reference: https://auth0.com/docs/apiv2#!/clients/get_clients_by_id
---

Customize your post's design

Post design

Use the yaml front matter in your post to customize its design. The design variable supports the following parameters. All of these parameters are optional.

---
design:
  bg_color: Set the background color for your post's header. (You can use rgb or hex colors inside double quotes) 
  bg_merge: Set to true to merge your image with your header's background color (default is false)
  image: A url path to your posts image, it will be downsized if too big to fit inside a circle.
  image_bg_color: Set a color for the circle in wich the image is placed. Use `none` for a transparent circle. (Default is `#eaeef3`).
  image_size: Set the maximum size your image will have relative to the circle. (Default is "120%")
  image_top: Set the the top offset relative to the center of the image. (Default is "50%")
  image_left: Set the the left offset relative to the center of the image. (Default is "50%")
---

Run

  1. Make sure you have RVM or other ruby version manager installed.
  2. Enter the blog directory and make sure with ruby --version that you are running the right ruby version (.ruby-version file).
  3. Install dependencies with bundle install
  4. bundle exec jekyll serve --watch
  5. Open http://localhost:4000/blog/. Make sure you don't leave out the trailing slash (/), otherwise you will get: error

License

All the infrastracture to run this blog is open sourced under the MIT license.

The exact content of the articles (the _posts folder) is Qraftlabs Copyright.

blog's People

Contributors

bronxari avatar cristiandouce avatar dentarg avatar dschenkelman avatar eugeniop avatar jfromaniello avatar mgonto avatar ntotten avatar pose avatar rickyrauch avatar rolodato avatar tehsis avatar vctrfrnndz avatar woloski avatar

Watchers

 avatar  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.