On this page

You have reached the documentation (library) section of this site, which will contain detailed information of various components of this site (e.g., jekyll, bootstrap, etc.). The ultimate goal is to house a documentation site that operates very similar to Microsoft’s doc site here.

These docs are sourced using the git module function, cleaned up with some scripts, and then generated using jekyll. In the future, these docs will have multiple engines to created (i.e., using Hugo to create the docs site).

Current, we have docs for the following applications:

  • Ruby
  • Jekyll
  • Liquid
  • Bootstrap

To add to this collection, you need to run the following commands on your local development environment:

Jekyll

official docs

git submodule add https://github.com/jekyll/jekyll.git jekyll-docs

cd jekyll-docs/docs/_docs
git sparse-checkout init --cone
git sparse-checkout set jekyll-docs/docs/_docs
git sparse-checkout set docs/_docs

<!-- docs_version_badge.html -->
<span class="version-badge" title="This feature is available starting version "></span>
<!-- docs_variables_table -->

<div class="mobile-side-scroller">
<table>
  <thead>
    <tr>
      <th>Variable</th>
      <th>Description</th>
    </tr>
  </thead>
  <tbody>
  </tbody>
</table>
</div>

Bootstrap

Ruby

Github Pages

Index

Setting up Jekyll on Ubuntu and macOS

Setup Jekyll on Ubuntu and macOS.

Cannot Start Jekyll at Specific Port

Handle error ‘Address Already in Use’ when starting Jekyll.

Jekyll - Liquid

Useful tricks of Liquid, which are used in Jekyll.

Jekyll - Usage and Customization

Customize Jekyll website.

Jekyll - Comments with Disqus

Use Disqus to enable reader to comment on Jekyll site.

Jekyll - Google Analytics - Draft

Use Google Analytics to track website traffic.

Jekyll - Social Share Buttons

Create share buttons for the most popular social medias.

Jekyll - Social Share Buttons with ShareThis

Integrate ShareThis to Jekyll website.

Continuously Deploy Jekyll to GitHub Pages with Travis-CI

Start continuous integration with Travis CI for Jekyll website.

Setting up Jekyll on Windows 10

Setup Jekyll on Windows 10.

Setting up Personal Website on GitHub Pages(Draft)

Introduce how to setup personal website on GitLab.

Setting up Personal Website on GitLab Pages

Introduce how to setup Jekyll website on GitLab Pages.

Jekyll - Math Symbols with MathJax

Display mathematical notation in web pages with MathJax.

Generating Diagrams and Flowcharts with Mermaid

Generate diagrams on web page with Mermaid.

Jekyll - Pagination

Add pagination buttons for every page.

Jekyll - Progress Bar

Show progress bar when page is loading.

Jekyll - Highlighting

Highlighting with highlight.js.

Deploying Personal Website with Custom Domain

Setup personal website with Github page and custom domain.

Deploying Jekyll Website to Netlify

Deploy static website built with Jekyll to Netlify.

Jekyll - SEO

Optimize the website to improve the rankings.

Jekyll - Security

Scan website security vulnerabilities and fix them.

Docs Index (~)

You have reached the documentation (library) section of this site, which will contain detailed information of various components of this site (e.g., jekyll, ...

Jekyll Frontmatter CMS

This is a new article on how to use Jekyll and Frontmatter to build a CMS.

Set up a WSL development environment

A step-by-step guide to the best practices for setting up a WSL development environment. Learn how to run the command to install the default Bash shell that ...

Get started using VS Code with WSL

Visual Studio Code, along with the WSL extension, enables you to use WSL as your full-time development environment directly from VS Code. You can:

Jekyll - Diagram with Mermaid

Use Mermaid in Markdown to draw diagrams.

Jekyll - SEO

Search engine optimization (`SEO`) is the process of increasing the quality and quantity of website traffic by increasing the visibility of a website or a we...

bootstrap cheat sheet

Cheatsheet · Bootstrap v5.3 On this page Contents ...

Jekyll

Jekyll is a static site generator. It takes text written in your favorite markup language and uses layouts to create a static website. You can tweak the site...