A record of what I did to my blog

Since I don’t know the first thing about web design, all of the modifications are from Google or other bloggers. The source will be included. Thanks in advance.

2023-05-15

Organizing content

I planned a few blog posts for the basic modelling and control of PMSG. I wanted to put all the relevant posts into a folder, such as content/post/PMSG.

Documentation: Content Organization | Hugo (gohugo.io)
Demo: hugo-PaperMod/content/posts/papermod
Source of the demo: PaperMod (adityatelange.github.io)

Summary: create content/post/PMSG/_index.md. (It has to be _index.md) And _index.md will not be listed in posts.

2023-05-18

Code display on mobile devices

[BUG] On iOS mobile phone, the code block font size is not the same · Issue #828 · adityatelange/hugo-PaperMod (github.com)

assets/css/extended/custom.css

1
2
3
4
5
6
7
/* Fixes iOS font sizing anomaly */
code {
    text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

2023-05-19

Text color

I wanted more contrast between different texts, mainly, inline code, code, and urls like: test url. Added repo/assets/css/extended/text-color.css:

1
2
3
4
5
6
7
.post-content code {
    color: rgb(245, 8, 8);
}  /* for inline code `code`*/
.post-content a{
    color: blue;
} /* for urls [name](url)*/
/* see PaperMod/assets/css/common/post-single.css*/

Learned from this discussion: In-line code highlight - support - HUGO (gohugo.io)

2023-06-04

Got a new domain: www.gongqy.com

From: Github 部署个人网页 | 自定义域名 - 知乎 (zhihu.com)

Use CNAME instead of A in DNS settings, according to GitHub. (No idea what they are)
HTTPS: just wait for an hour or so

2023-05-15#

Organizing content#

2023-05-18#

Code display on mobile devices#

2023-05-19#

Text color#

2023-06-04#