Git Product home page Git Product logo

Notes to Self

How to Create a Post

  1. Create new posts in _posts

  2. Name the post YYYY-MM-DD-<Name>.md

  3. At the top of the file, use the following format. Feel free to omit fields that are not needed.

         ---
         title: "Markup: Text Readability Test"
         excerpt: "A bunch of text to test readability."
         categories:
             - Post Formats
         tags:
             - sample post
             - readability
             - test
         ---
    
  4. Upload to repo.

How to Create Pages

  1. Place new pages in _pages directory.

  2. In the newly created .md file, use the following header.

         ---
         title: <page name>
         layout: collection
         permalink: /<page name>/
         collection: <desired_collection>
         entries_layout: grid
         classes: wide
         ---
    
  3. In _config.yml create a new entry under defaults for the newly created page.

         defaults:
             # _<page name>
             - scope:
                 path: ""
                 type: <page name>
                 values:
                 layout: single
                 author_profile: true
    
  4. Update repo.

How to create Collections

  1. Update the _config.yml by adding the following under collections. permalink_ will stay the same as shown here.

         collections:
             <collection name>:
                 output: true
                 permalink: /:collection/:path/
    
  2. In _config.yml create a new entry under defaults for the newly created page.

         defaults:
             # _<collection name>
             - scope:
                 path: ""
                 type: <collection name>
                 values:
                 layout: single
                 author_profile: false
                 share: true
    
  3. Make a <name>.md file in the _pages folder. Place this at the top of the file. Update the appropriate fields to match the name of the new collection.

         ---
         title: <collection name>
         layout: collection
         permalink: /<collection name>/
         collection: <collection name>
         entries_layout: grid
         classes: wide
         ---
    
  4. Create a new directory _<collection_name>.

  5. Add content to the newly created _<collection_name> directory.

Post vs Page vs Collection

Post

  • Organized reverse chronologically.
  • Live in _posts directory.

Page

  • Documents that don't have a relationship with one another (i.e. index.html, aboutme.html, etc).

Collection

  • Used to sort content that aren't dated (like posts), but have a set relationship with one another.

Armando Pinales's Projects

tensorflow icon tensorflow

An Open Source Machine Learning Framework for Everyone

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.