Git Product home page Git Product logo

spinnaker.github.io's Introduction

Jekyll Installation

Swap out rbenv below for rvm if you prefer. RVM was giving me installation issues, so I found rbenv - Travis

  1. Create and run from a fresh VM instance:
    1. gcloud compute instances create jekyll --image-project=ubuntu-os-cloud --image-family=ubuntu-1404-lts --machine-type=n1-standard-1
    2. gcloud compute ssh jekyll --ssh-flag="-L 4000:localhost:4000"
  2. Install rbenv and ruby-build. Add these to $PATH:
    1. sudo apt-get install -y git bzip2 build-essential libssl-dev libreadline-dev zlib1g-dev
    2. git clone https://github.com/rbenv/rbenv.git ~/.rbenv
    3. git clone https://github.com/rbenv/ruby-build.git ~/.rbenv/plugins/ruby-build
    4. echo 'export PATH="$HOME/.rbenv/bin:$PATH"' >> ~/.bashrc
    5. echo 'eval "$(rbenv init -)"' >> ~/.bashrc
    6. . ~/.bashrc
  3. Install and use ruby 2.4.1
    1. rbenv install 2.4.1
    2. rbenv global 2.4.1
  4. Fork and clone your forked repo:
    1. GITHUB_USER=$USER # or something else here
    2. git clone https://github.com/$GITHUB_USER/spinnaker.github.io.git
  5. Install bundle gem
    1. cd spinnaker.github.io
    2. gem install bundle
    3. bundle install

Local Development

  1. Start Jekyll server
    1. bundle exec jekyll serve --watch
  2. (Optional): Add --incremental to speed up page generation when working on one page
    1. bundle exec jekyll serve --watch --incremental
  3. Navigate to http://localhost:4000 to see your locally generated page.

Page Generation

A page named foo.md will be transformed to foo/index.html and links to foo will result in an HTTP 301 to foo/. This has two implications:

  1. It is more efficient to include the trailing / in links.
  2. If you anticipate including resources like images or subpages, create foo/index.md instead of foo.md.

During local development, see what's actually generated by browsing the _site directory.

Mermaid

Sequence diagrams can be generated with the mermaid.js library by adding {% include mermaid %} near the bottom of the page. See some of the security docs for an example.

Breadcrumbs

Each page has a breadcrumb trail at the top that is based on the URL structure. You should ensure that there is at least an index.md file within each URL directory, otherwise the links will break.

Link Checker

Keep the "broken window theory" at bay by ensuring all links work with HTML Proofer

Run link checker before committing: rake test

(TODO: enforce this via CI build?)

spinnaker.github.io's People

Contributors

aglover avatar ajordens avatar anotherchrisberry avatar axgillies avatar benkebhb avatar brandonnelson3 avatar curx avatar danielpeach avatar dcaro avatar dmourati avatar dorbin avatar edwinavalos avatar ejizba avatar emjburns avatar jtk54 avatar konryd avatar lwander avatar mahito avatar medyagh avatar msloes avatar omawhite avatar rcarun avatar rguthriemsft avatar robzienert avatar skim1420 avatar spinnaker-release avatar tasseri avatar tomaslin avatar varikin avatar willgorman 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.