SDEE’sReal.Life คือ พวกเราที่ชื่นชอบและหลงใหลในการเขียน Writeln(Hello World!); เป็นชีวิตจิตใจ และ ได้ตัดสินใจที่จะใช้ชีวิตเติบโตต่อมาบนเส้นทางของการพัฒนาร่วมไปกับเทคโนโลยี IT

บริษัท โซลูชั่น ดี จำกัด คือ หน่วยธุรกิจที่ให้บริการในด้านการพัฒนา IT Solution ต่างๆ

Hydejack is a Jekyll theme with JavaScript powers, combining the best of static sites and modern web apps. It features a suite of JavaScript that makes the page feel like an app, without sacrificing backwards-compatibility, page-load speed or SEO.

Hydejack is the complete package for professionals on the web. It features a blog suitable for both prose and technical documentation, a showcase for your projects, and a resume that is well-integrated with the design.

Your presence on the web — A blog, a portfolio and a resume.


There are two versions of Hydejack: The free version includes basic blogging functionality, as did previous versions of the theme. The PRO version includes additional features for professionals: A portfolio, a resume layout and a welcome page to feature your favorite projects and posts.

This table details what is and isn’t included in each respective version.

Portfolio Layout 
Resume Layout 
Welcome Layout 
Newsletter Box 
Custom Forms 
 Download on GitHub
– or –
Use the RubyGem
Buy Now 1


Both versions include all of these features:

  • Full in-app page loading, powered by hy-push-state
  • A customizable sidebar that turns into a drawer menu on mobile, powered by hy-drawer
  • Advanced FLIP animations, inspired by Material Design
  • Good Google PageSpeed Score2
  • Higher perceived speed thanks to content pre-fetching
  • Syntax highlighting, powered by Rouge
  • LaTeX math blocks, powered by KaTeX
  • Change the wording of built-in strings and possibly translate in other languages
  • Support for categories and tags
  • Built-in icons for many social networks
  • Simple and semantic HTML — can be viewed even with text-based browsers
  • Author section below each article and support for multiple authors
  • Progressive enhancement — sacrifice features, not content
  • Google Analytics and Google Fonts support
  • Disqus comments
  • Print layout — Used to render Hydejack’s PDF documentation
  • Blog layout via jekyll-paginate (optional)
  • SEO meta tags via jekyll-seo-tag (optional)
  • Github avatars via jekyll-avatar (optional)
  • Gist support via jekyll-gist (optional)

Syntax Highlighting

Syntax highlighting powered by Rouge.

// Example can be run directly in your JavaScript console

// Create a function that takes two arguments and returns the sum of those
// arguments
var adder = new Function("a", "b", "return a + b");

// Call the function
adder(2, 6);
// > 8

LaTeX Math Blocks

Write formulas in familiar LaTeX syntax. Powered by KaTeX.

  \phi(x,y) &= \phi \left(\sum_{i=1}^n x_ie_i, \sum_{j=1}^n y_je_j \right) \\[2em]
            &= \sum_{i=1}^n \sum_{j=1}^n x_i y_j \phi(e_i, e_j)            \\[2em]
            &= (x_1, \ldots, x_n)
                 \phi(e_1, e_1)  & \cdots & \phi(e_1, e_n) \\
                 \vdots          & \ddots & \vdots         \\
                 \phi(e_n, e_1)  & \cdots & \phi(e_n, e_n)
                 y_1    \\
                 \vdots \\


Hydejack can be customized in a variety of ways, using only the _config.yml file.

# The string encoding which fonts to fetch from Google Fonts.
# See <>
google_fonts:          Roboto+Slab:700|Noto+Sans:400,400i,700,700i

# The text font. Expects a string that is a valid CSS font-family value.
font:                  "'Noto Sans', Helvetica, Arial, sans-serif"

# The font used for headings. Expects a string that is a valid CSS font-family value.
font_heading:          "'Roboto Slab', Helvetica, Arial, sans-serif"

# Fallback image and color
accent_image:          /hydejack/assets/img/sidebar-bg.jpg
accent_color:          '#4fb1ba'

Check out the full annotated _config.yml file for more.

You can change the wording of all built-in strings and labels by editing strings.yml.

  home:                Home
  pages:               Pages
  posts:               Posts
  about:               About
  related_posts:       Related Posts
  other_projects:      Other Projects
  comments:            Comments
  jump_to:             Jump to
  navigation:          Navigation
  social:              Social
  links:               Links
  pagination:          Pagination
  newer:               Newer
  older:               Older
  back:                Back

Check out the full strings.yml file for more.


Free Version

The free version features the design and tech of Hydejack, but only supports basic blogging.

Download on GitHub – or – Use the RubyGem

PRO Version

The PRO version aims to be the complete package for professionals on the web. It includes layouts for your portfolio, your resume (with support for JSON Resume), a welcome page to introduce yourself to visitors, built-in support for Tinyletter, and from element styles so you can build arbitrary contact forms.

Buy Now - $29 1

  1. Transactions secured by Stripe. Downloads handled by Simple Goods↩︎ ↩︎2

  2. Actual page load speed depends on your hosting provider, resolution of embedded images and usage of 3rd party plugins. ↩︎

© 2017-2018 Solution Dee Co.,Ltd. All Rights Reserved.

Powered by Hydejack v7.3.0