Jichu’s Page

Hello!

2020-05-21T00:00:00+00:00

Welcome to Jichu’s Page. My name is Jichu. I am currently a senior student at Beijing Jiaotong University and will be attending the University of Pennsylvania in the fall of 2023 to study computer graphics. From Jan to May 2023, I worked as an intern at Apple on Python visualization software development and computer vision-related engineering development. From Jul to Oct 2022, I was an intern at the University of Alberta in Canada on the medical image processing and mixed reality program.

Internship
Social Activities
Others

Internship

Minimal and clean design.

Read here.

Others

Read here.

Getting Started

2020-05-20T00:00:00+00:00

Front Matter

Example of a full Front Matter:

title: Hello World   
layout: post
categories: [Hello, World]
tags: [hello, world]
image: /assets/img/helloworld.jpg
gif: mygif (Only write the name of the file. No extension. The files needs to be in "/assets/gif")
description: "Say hello to the world!"
customexcerpt: "Custom excerpt for the homepage"

Tags can be used but are pretty much useless, as related posts use categories.

Special Formatting

2020-05-19T00:00:00+00:00

In this post I will showcase some of the “special” features of YAMT. This post is pretty long, so let’s start with a Table of Content (ToC).

Table of Contents
Syntax Highlight
MathJAX and LaTeX
Alerts
Gifs

Code:

* random line to make it work. This will be removed.
{:toc}

Syntax Highlight

In YAMT you can highlight code in various ways.

Basic example:

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

Code:

    ``` lang
        //your code 
    ```

Example:

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

Code:

    {/% highlight lang %}
        //your code 
    {/% endhighlight java %}
    //Remove the "/" before the "%" to make it work.

With line numbers:

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

Code:

    {/% highlight lang linenos%}
        //your code 
    {/% endhighlight java %}
    //Remove the "/" before the "%" to make it work.

In case of a longer line, an horizontal scrollbar will be added automatically:

1
2
3
public static void main (String[] args){
    System.out.println("Hello World! This is a very long line of code, perharps too long...");
}

List of supported languages: Rouge Wiki.

Note: In /assets/css/syntax.css you can change the first declaration to choose if you want a scrollbar or text wrap.

MathJAX and LaTeX

YAMT supports LaTeX and MathJAX to write beautiful math. There are three ways to write math in YAMT. In this example I’ll use Bernoulli’s principle.

In fluid dynamics, Bernoulli’s principle states that an increase in the speed of a fluid occurs simultaneously with a decrease in static pressure or a decrease in the fluid’s potential energy.
Wikipedia

Block:

\[\frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant\]

$$  \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$

Inline: \(\frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant\)

$$  \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant $$

Another block: \[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \]

\\[ \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\]

Another inline: \( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \)

\\( \frac{v^2} {2} + {g}{z} + \frac{p} {ρ} = constant \\)

Alerts

Warning!

<span class = "alert r"></span>

Solved.

<span class = "alert g"></span>

Careful.

<span class = "alert y"></span>

Gifs

YAMT supports optimized gifs in WebM and MP4 formats. I suggest to use a website like Convertio to converts your .gifs to WebM and MP4. WebM is the suggested format but it’s not supported by every browser (looking at you, Safari), so MP4 is used as fallback. Put both files in the gif folder and insert gifs in your post using

{_% include gif.html file = "mygif" %}

Delete the underscore to make it work.

If you want to use a gif as featured image, delete the “image” tag in the front matter and use instead the “gif” tag. As a parameter, use the filename without extensions.

Typography

2020-05-19T00:00:00+00:00

Reference: GitHub flavored Markdown.

Styling text
Quotes
Links
Lists
Task Lists
Syntax Highlighting
MathJAX and LaTeX
Alerts
Table of Contents
Headings
The largest heading
- The second largest heading
  - The smallest heading

Styling text

bold

**bold**

italic

 *italic*

~~strikethrough~~

~~strikethrough~~

bold and italic

***bold and italic***

Quotes

This is a quote

>This is a quote

This is a quote with author
The author

>This is a quote with author  
><cite><a href="#">The author</a></cite>

Links

Theme designed by Alessio Franceschi.

Theme designed by [Alessio Franceschi](https://alessiofranceschi.me).

Links can also be relative. Like this one.

Links can also be relative. [Like this one](/contact.html).

Lists

Unordered:

this
is
unordered

- this
- is
- unordered

Ordered:

but
this
is
ordered

1. but
2. this
3. is
4. ordered

Nested:

First point
- but also this
- and also this
  - and this one too
Second point

1. First point
    - but also this
    - and also this
        - and this one too
2. Second point

Task Lists

Write some CSS
Fix bugs
Add related posts

- [x] Write some CSS 
- [ ] Fix bugs
- [ ] Add related posts

Syntax Highlighting

Read here.

MathJAX and LaTeX

Read here.

Alerts

Read here.

Headings

The largest heading

The second largest heading

The smallest heading

# The largest heading
## The second largest heading
###### The smallest heading

Lorem Ipsum

2020-04-11T00:00:00+00:00

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed viverra, ex quis mattis pulvinar, nisi nulla rhoncus purus, eget mattis quam turpis vitae magna. Proin laoreet ante a urna hendrerit tincidunt. Aenean cursus tempor libero id feugiat. Donec aliquet sem vel felis porttitor tempor. Fusce vulputate lacinia eros ac elementum. Donec odio sapien, efficitur at congue a, rhoncus et nisi. Vivamus imperdiet, dolor at bibendum tincidunt, mauris neque scelerisque quam, suscipit venenatis odio nibh at orci. Quisque accumsan lacinia metus eu porttitor. Aenean commodo libero ut neque aliquam scelerisque. Morbi facilisis justo quis ante volutpat imperdiet. Aliquam convallis mi nibh, eget venenatis ante efficitur vitae. Curabitur in risus eu sapien pretium volutpat. Mauris et enim a neque consectetur tincidunt ut eu velit.

Duis augue dolor, interdum vitae ultricies ac, suscipit in orci. In gravida egestas dui in tristique. Quisque dictum turpis at quam finibus, in ullamcorper dolor mollis. Nullam ante quam, efficitur eget magna id, tempor lobortis diam. Nam ante ligula, elementum in posuere non, auctor nec purus. Praesent euismod metus vitae diam varius sodales. Aenean eget hendrerit lacus. Donec eleifend tristique lacus. Integer id magna at orci dapibus rhoncus sit amet at lorem. Suspendisse quis neque dui. Ut imperdiet venenatis nisi, eget ornare risus tincidunt vel. Duis et accumsan dui, a aliquam mi. Morbi at condimentum metus, quis consectetur dui.

Nunc interdum accumsan condimentum. Fusce vulputate non ligula id ultricies. Integer at feugiat orci. Nam at lorem condimentum, commodo justo et, iaculis arcu. Sed vitae posuere justo. Morbi pharetra facilisis ex vel interdum. Vestibulum vestibulum, lorem et fringilla vulputate, justo ligula tempus nisl, vitae auctor urna lorem a urna. Nullam nec dapibus mi. Sed turpis libero, efficitur vel vulputate vel, laoreet nec sem.

Sed a tellus nisl. Integer nec sapien non velit mollis mollis ac sed justo. Etiam sed diam viverra, ullamcorper enim quis, molestie lacus. Proin sagittis egestas sapien condimentum finibus. Suspendisse semper non eros eu venenatis. Cras laoreet nisl at elit maximus, quis viverra nulla sollicitudin. Donec scelerisque, lectus et pulvinar pellentesque, dolor metus scelerisque risus, non sagittis nisi mauris et massa. Nunc eu pellentesque mi. Curabitur iaculis scelerisque tempor. Integer at erat ut quam blandit gravida. Suspendisse ut maximus magna.

Donec vel porta felis. Donec porttitor est sed arcu dapibus, vel suscipit metus fermentum. Proin a orci non lacus egestas condimentum ac a lacus. Integer sit amet consequat nibh. Nam vitae mauris eget lorem consectetur sodales. Vivamus malesuada est eget euismod placerat. Phasellus placerat libero at porttitor facilisis. Curabitur cursus, nisl at placerat euismod, ipsum erat convallis nulla, sit amet sodales est orci in massa. Sed nec diam vitae mauris tempor pharetra. Nulla facilisi. Phasellus efficitur tempor sagittis. Etiam dapibus turpis purus, sed dictum mauris elementum at.

Jichu’s Page

Hello!

Internship

Social Activities

Others

Getting Started

Front Matter

Special Formatting

Table of Contents

Syntax Highlight

MathJAX and LaTeX

Alerts

Gifs

Typography

Styling text

Quotes

Links

Lists

Task Lists

Syntax Highlighting

MathJAX and LaTeX

Alerts

Table of Contents

Headings

The largest heading

The second largest heading

The smallest heading

Lorem Ipsum