Here are all the plugins and niche settings that personalize this blog and the Icarus theme.

Remove Uppercase Details

The Uppercase characters overflowed the page and affects the aesthetic.

Find the css tag that contains the keyword Uppercase and remove it.

{page.layout !== 'page' ? <div class="article-meta is-size-7 is-uppercase level is-mobile">

Better Sans Font

In _config.icarus.yml, find the following section providers:

providers:
    # Name or URL template of the JavaScript and/or stylesheet CDN provider
    cdn: jsdelivr
    # Name or URL template of the webfont CDN provider
    fontcdn: https://fonts.googleapis.com/css2?family=Noto+Sans+HK:wght@100..900&display=swap
    # Name or URL of the fontawesome icon font CDN provider
    iconcdn: fontawesome

Choose your favorite font in Google Fonts, and paste the url of the font to fontcdn

Prime superscript problem (e.g. x’_i) in Mathjax

When I was using Mathjax to create math formula in my blog post, I typed
((q_1, q_2), a, (q'_1, q'_2)) \in S \times \Sigma_{int} \times S and it rendered as

$((q_1, q_2), a, (q’_1, q’2)) \in S \times \Sigma{int} \times S$

However, when ((q_1, q_2), a, (q'_1, q'_2)) & \in S \times \Sigma_{int} \times S are seperated, they rendered properly.

$$((q_1, q_2), a, (q’_1, q’_2))$$

$$\in S \times \Sigma_{int} \times S$$

Maybe I should use \left and \right for (), just like \lbrace and \rbrace for {}?

So I typed \left( \left( q_1, q_2 \right), a, \left( q'_1, q'_2 \right) \right) \in S \times \Sigma_{int} \times S, didn’t work out:

$\left( \left( q_1, q_2 \right), a, \left( q’_1, q’2 \right) \right) \in S \times \Sigma{int} \times S$

Source of error