Hello World! Blogging with Jekyll.

May 15, 2019

The purpose of this website is to share information with students and colleagues relating to education, physics, and computer science.

How This Site Works:

This is my first blog post using Jekyll, running on GitHub Pages.

The code is hosted on my personal GitHub repository @ http://github.com/mvpoirier/, and edited using prose.io.

Reminder to Myself:

To add more posts: go into /_posts/ and update the Hello World markdown file. For more instructions, check out the Jekyll Now GitHub repository.

Testing with Code Blocks in Markdown

The syntax highlighting was modified on the default Jekyll Now installation for proper line numbers using the minimal-mistakes Jekyll theme, by importing both the variables and syntax style sheets, then importing them appropriately in the base style.css sheet.

To add code blocks, use triple backticks to start syntax highlighting, as shared and described here:

Example 1: Using triple backticks method

1
2
3
public static void main (String[] args){
  System.out.println("Hello World!");
}

Example 2: Using the highlight method

1
2
3
x = 5
for i in range(3):
	print("bacon!")

Inline Syntax Highlighting

This is some standard code System.out.println("Test"); written in-line. The CSS code which was added to /_sass/_syntax.scss to enable in-line syntax highlights with backticks is shared below:

1
2
3
4
5
6
7
 //ADDED FOR CODE HIGHLIGHTING WITH ``` BACKTICKS INLINE  
   code.highlighter-rouge {
    font-family: $monospace;
    color: black;
    font-size: $type-size-6;
    background-color: gainsboro;
  }

What’s Next?

  • Begin adding sections for education, physics, and computer science
  • Consider the best way to host resources (Google Drive, Dropbox, Github, Wix)
  • Provide a better layout (more width) for readability