Coder Social home page Coder Social logo

joshuakwan / help-documentation Goto Github PK

View Code? Open in Web Editor NEW

This project forked from ibm-blue-box-help/help-documentation

0.0 3.0 0.0 36.84 MB

Home Page: http://ibm-blue-box-help.github.io/help-documentation

Ruby 3.43% HTML 52.22% CSS 29.54% JavaScript 14.81%

help-documentation's Introduction

header

##Running Locally

  1. Clone the repo
  2. Check whether you have Ruby 2.0.0 or higher installed ruby --version
  3. Install Bundler gem install bundler
  4. Run locally with bundle exec jekyll serve

##Github Organization

  1. Basic Github folder Organization
  2. Folders for Content
  3. Folders for site structure, page layout and global styling

##Article Post

  1. Setting up an article
  2. Code highlighting
  3. Tag best practices

github

Most of the folders with underscores before the name (e.g. _gettingstarted) will appear at the top of the list of folders. These folders will contain the content that will appear on the site.

The folders without underscores (e.g. css) will contain code for the layout and style of the site.

Folders for Content

With the exception of _sass, _layouts, and _includes, all of the folders at the top of the list named _categoryName contain articles organized under these specific groupings. The content of these files can be edited. The changes will only affect the article associated with that file.

docs

Folders for site structure, page layout and global styling

With the exception of _sass, _layouts, and _includes, all of the folders with the naming convention folderName contain markup that affect the layout and styling either at a global level or article level. Approach adding or editing to the content of this folder with caution

structure

article

Articles require the follow content areas filled to maintain a consistent layout: Layout, Title, Featured, Weight, Tags, DateAdded, Author, and Content.

Layout

This will always be set to page. This tells Jekyll how to render the documentation HTML.

Title

This will set the header for the documentation page being written. This will also be the title displayed in all nav bars, searches, etc..

Featured

If this is set to true, the document will be visible in the nav bar by default. If this is set to false, it will be hidden but can be navigated to by clicking ‘view more’ in the nav.

Weight

This determines the order of items displayed in the nav. 1 will be given highest priority, 2 second, and so on. Not required, but allows you to order the nav in a specific way. For instance, the most trafficked page on your site could be given a weight of 1 so that it appears first on the nav list.

Tags

These are displayed on both the documentation page as well as the search page. The tags must be enclosed in brackets [ ], and are comma delimited.

DateAdded

This data attribute is added to the header-data next to the page author. There is no specific format, as it will just take whatever you type here and add it to the post.

Author

This data attribute is also added to the header-data and, like the date, does not have any specific format.

highlighting

Code Highlighting ( ``` ) via markdown is not rendering line breaks properly. To fix this, Jekyll has a built in code highlighter that wraps the code properly. To use this, encapsulate code snippets in the following format (specifying the language highlighting to use):

{% highlight bash %}
YOUR CODE HERE
{% endhighlight %}

tags

Tags are a core component of the search and browsing experience. It helps the search tool find articles as they are organized according to categories. It also is beneficial with helping the user understand the context how the articles are organized.

When creating a new article, include tags in this order [ category, subject, subject]. For example, if an article is to be organized under ‘Getting Started,’ then the order will be [ getting started, subject name, subject name ].

NOTE: If you'd like to submit a PR but do not want it to be merged right away, for instance if you are waiting for technical review from your colleagues, please include WIP in the PR title. When you are ready for merge, please remove WIP, and if convenient, add a comment requesting the merge. Thanks!

help-documentation's People

Contributors

leslielundquist avatar ying-tang avatar jilltempelmeyer avatar ulyssesbbg avatar tw15egan avatar weirdbricks avatar edtubillara avatar jesseproudman avatar narengan avatar yangzhang-ibm avatar rdodev avatar omgjlk avatar lihkin213 avatar yiheqilin avatar nirajdp76 avatar knandya avatar

Watchers

James Cloos avatar Joshua Guan 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.