Another day has come to an end, and I can barely recall what I did today.

Let me think: studying, helping Mom with her phone, playing on my phone, sleeping.

23:49 Created a New Templater Template for Callouts

I often use callouts in my notes for exercises, notes, tips, and the like. Writing them in native syntax gets tedious, especially with all the switching between Chinese and English. So, I made a Templater template to make it easier.

1
2
3

> [!<% tp.system.suggester((item) => item, ["question", "note", "tip"]) %>]+ <% tp.system.prompt("Please input callout title", "Example") %>  
> <% tp.system.clipboard() %>  
>  

For the main content, I used Metan AI to transcribe it, which made things much more convenient.

23:53 Added an stime Attribute to My Journal

This attribute tracks daily phone usage time to analyze long-term changes in my habits.

I originally wanted to log sleep time too, but I sometimes nap at noon, and phone tracking isn’t accurate enough. So, I’ll leave it at that for now.

Two people shining together, their radiance outshines the stars of the night.

Every separation always brings a tinge of reluctance, but today’s emotions felt particularly strong.

We went to a place called Panxian Flavor for breakfast, having sticky rice, mushroom meatball noodles, and meat pies. Afterward, she went to attend a team-building event organized by the city branch, while I picked up a package and wandered around.

A few days ago, I submitted my resume at the Guizhou Talent Expo. This afternoon, the Energy Bureau called to ask if I was certain about joining. Personally, I’m not too keen—there’s a five-year service commitment, the benefits aren’t great, and if it involves frequent mine visits, I’d be quite averse to it. For now, I agreed to see how things unfold.

Later, I chatted with Niuwa, who mentioned that her colleague has a friend in the Energy Bureau and gave me a brief rundown of the situation. The meal allowance they provide is only enough for 13 meals a month, and the dormitory is still a communal setup. This isn’t talent recruitment—it’s more like recruiting workhorses. Niuwa then mentioned that her boyfriend is in Gui’an and said the benefits there are quite good, suggesting I give it a try.

16:55 Added custom title to callout

The most important thing in programming is understanding the existing code logic—otherwise, even the smartest AI won’t be of much help. The better you grasp the underlying logic, the better you can solve problems. The same goes for everything else.

20:19 Continued refining Obsidian-compatible callout folding

Noticed that Hugo’s source code supports folding tags, so I spent some effort combining it with AI to achieve callout folding compatible with Obsidian.

Question

CSS always has its share of inexplicable issues. With flex as the parent node, the span tags inside never seem to center vertically.

22:02 Packed up some things

Heading home with Mom tomorrow.

The money I topped up in DeepSeek always gets used up suddenly—not sure if it’s due to an API leak or issues with the calls. Switched to the API provided by Volcano Engine instead; it’s also cheaper.

10:52 Optimized the QuickAdd action for adding records

Now it can all be done in a single input box. Even with longer text, there’s no need to open the diary again to continue adding more.

13:18 Failed attempt at using TypeIt as a shortcode

Gave up on this. These trivial things aren’t worth the effort—remember, less is more. At all times, focus on the main content and grasp the essence. Unless I’m someone who produces appearances or tools, there’s no need to overcomplicate things.

20:04 Suddenly discovered the benefits of nearsightedness

My left eye has about 200 degrees of myopia. After staying indoors all day, I decided to go out for a walk. My eyes felt a bit uncomfortable, so I tried closing one eye—and made a novel discovery.

As someone who strongly dislikes the overwhelming presence of advertisements in every aspect of life, I suddenly realized that mild nearsightedness can, to some extent, reduce the ads around us—because they become blurry.

Those eye-catching slogans are like being intelligently blurred out, no longer able to grab our attention. Of course, this only works with around 200 degrees of myopia. If the prescription is too high, it might also affect our ability to appreciate the beauty in life.

Started tinkering with code again—sometimes it’s hard to resist the temptation. Especially when I see someone else’s great implementation or when a novel idea suddenly pops into my head.

10:14 Ported the Chat Bubble Shortcode

Inspired by Some Hugo Shortcodes | Naive Koala, the effect is as follows:

From now on, meaningful conversations can be preserved in this format, like the one I had with Manman before: Is Our Earth Real?

10:55 Hidden Posts

Some draft-like posts that won’t be edited later, so I added a hidden attribute to the site to hide them. Unlike the draft attribute, these posts will still be rendered and accessible via direct links. Reference: Hugo | Adding Hidden Posts Functionality to the Cactus Theme | Little Flying Fish.

12:19 Introduced Heti

Heti (hè tí) is an open-source project for enhancing Chinese typography, making page layouts more aesthetically pleasing. Project address: Heti - A Simple and Minimalist Web Chinese Typography Enhancement

13:14 CSC Has Reached the Review Stage at the China Scholarship Council

Suddenly realized I hadn’t checked the CSC application status in a while—it had been stuck at “Pending Acceptance by the Unit.” Just logged in and saw that the provincial education department has approved it, and now it’s under review by the China Scholarship Council.

One step closer to a successful application. Feeling a mix of excitement and nervousness.

14:18 Why Can’t I Keep Things to Myself?

Couldn’t fall asleep. Kept worrying about my passport still being at my former workplace—it might become an issue.

15:51 Tidied Up the Room

Living alone really makes me lazy. Huanhuan is coming over this afternoon, so I cleaned up the room a bit—it looks slightly more presentable now.

17:24 Eyes Feeling Sore

Synced recent diary entries to a notebook.
Tried adding an info stats page inspired by Big Little Snail, but rendering took too long, so I gave up.

Time to read for a while.

19:36 2024 Guizhou Provincial Exam Results Are Out

Saw the results on WeChat—they’re out. I applied for the Guiyang Disabled Persons’ Federation position, and this score basically means no chance for an interview.

23:35 Happiness

For the past four days, I’ve been guiding my mom around the main streets of Shuicheng. Today, to help her practice exploring the city on her own, I asked her to walk along Gongyuan Road to find me. She successfully followed the path and made it to me. We took a short stroll, and she got to know the surrounding streets a little better.

After dropping my mom off, I walked along the Shuicheng River to pick up Huanhuan.
Winter is truly over—the cherry blossoms along the riverbank are in full bloom, clustered in thick bunches. Crowds of people gathered beneath them: girls in all kinds of dresses, middle-aged men and women, elderly folks, and children. Shuicheng is coming alive again.

After meeting Huanhuan, we walked the cherry blossom-lined path once more. It had been a long time since we were alone together, and we both felt relaxed and at ease. The only downside was that I’d walked too much—my lower back was aching terribly.

We took a taxi back from Minghu Road and cooked a bowl of Buldak ramen with crayfish flavor, along with some leftover vegetarian dishes from the morning. It was absolutely delicious—everything was just perfect, even the chilled broth from the vegetables.

It’s time to sleep again. Need to go to bed early, or else I won’t be able to fall asleep.

Submitted all the code I wrote today.

10:34 Swelling and Pain Around My Eyes

Not sure if it’s because I slept face down, but this morning I woke up with a painful swelling around my eyes. Nothing seems to help—lying still in bed, applying a cold towel, sitting in meditation, or even DIY remedies—nothing works.

Might as well get up and take a shower. Even if I’m uncomfortable, life has to go on.

Tip

I learned that mom also feels dizzy at the middle of last night and this morning, so I guess that this may be food poisoning.
I rarely get dizzy.

11:17 Still a Headache

Did some coding, but now it’s not just my eyes—I feel terrible all over.

Warning

From now on, focus more on content creation and output, and open VSCode less!

16:05 Cooking

Today I’m making a stew with minced meat, potatoes, and tea tree mushrooms. Sounds absolutely delicious!
It’s already simmering. By evening, I’ll just add some veggies, and it’ll be ready to eat.

18:02 Headache Finally Eases Up

Did some more coding—added a heatmap to the About page. Realized that shortcodes can achieve endless functionalities, and treating them merely as div containers isn’t ideal for website development. So, I refactored the shortcodes for frequently used websites and blog links, separating data from the page structure for easier maintenance.

22:18 Back from a Walk with Mom

Lately, my exercise routine has been excessive—walking five or six kilometers every day. It’s a bit much for me, but Mom seems to enjoy it, probably because she gets bored at home.

My patience always wears thin when I’m with my parents—not sure if that’s good or bad. Maybe I should encourage them more instead of feeling impatient.

Got home and immediately felt hungry. Even though I’d already eaten dinner (and hadn’t even cleared the dishes yet), I had another meal. Eating made me feel much better.

23:13 Writing a Diary

After resting for a while, I got up to complete my diary entry and then submitted today’s code changes.

There seems to be a lot of demand for this from others. I feel like I could dive deeper into it as a side gig and offer services to people.

The principle isn’t complicated—just understand how major search engines and the web gather information, then adjust your website accordingly.

12:38 Fixed the Mermaid Theme Switching Function

Functions from different partials ultimately end up on the same page. So, declaring functions or variables repeatedly can cause interference, which needs to be debugged and eliminated. Another solution is to prefix names with the file name.

14:28 Made Callout Compatible with Obsidian

Reference:
Hugo Series (8): Adding GitHub-Style Alert Blockquotes - Tom’s Blog¹

Bug

Testing the note block’s style.

For regular styling, it’s achieved by modifying CSS selectors:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

blockquote:not(.alert-blockquote, .quote-center, .quote) {  
    font-style: italic;  
    position: relative;  
    margin: var(--gap) auto calc(var(--gap)*.6) auto !important;  
    font-style: italic;  
    color: #666666;  
    padding: 1.1em 30px .2em 55px !important;  
    border-left: 8px solid #3e5a72 !important;  
    line-height: 1.5;  
    position: relative;  
    background: #EDEDED;  
}  

The effect is as follows:

Hello there
How should multiple quotes be handled? Test

16:36 Spent a Long Time on My Phone

I took a nap at noon but ended up oversleeping without actually falling asleep. A regular routine is the foundation of healthy sleep.

21:32 Came Back from a Walk with Mom

Mom called and said my brother and sister-in-law weren’t home for dinner, so she had made too much food and didn’t want it to go to waste, so she asked me to come over and eat.

I had already cooked my own meal—just tossed some fish mint salad and ate it. But it seemed like Mom also wanted to take a walk, so I put on my socks and shoes and went over.

23:20 Added a Link Collection Page to Navi

I’m really satisfied with this page—it looks very aesthetically pleasing. I’ll be adding some great blogs here in the future.

When I have time, I can open them up for reference and learning, to see what other outstanding people are up to.

00:16 Time Flies

It’s time to sleep again. I should go to bed early, or I won’t be able to fall asleep.

Committed all the code I wrote today.

Reflection

Recently, I’ve been too focused on technology and tools, neglecting the creation of content itself. More attention should be given to content output rather than the refinement of techniques.

Today, I integrated Mermaid’s flowchart into my blog, and it also displays correctly in Obsidian.

Testing the cover page a bit more—this will allow me to create richer content in the future.

20:40 Back from a Walk with Mom

Took Mom around the area where I live, passing by my brother’s workplace, and then walked her back home.

A few more trips like this, and I’ll get familiar and comfortable with the route.

21:52 Fixed the Missing 404 Page Issue

Placed a default 404.html page directly in the static folder to address the missing 404 page issue across multiple sites. Additionally, I implemented automatic language switching (Chinese/English) via script based on path matching.

As long as it works, it’s good enough.

22:25 Taking a Shower and Getting Ready for Bed

Indeed, getting proper sleep makes a huge difference—I feel so much more energetic now.

Today I slept in quite a bit longer, and my health bar slowly refilled.

When managing images for a Hugo blog in Obsidian, using an image hosting service can be unstable. Without one, inserting images becomes difficult and maintenance is cumbersome. Common issues include:

1. Path Confusion: Manual maintenance of the /static/images directory structure is required.
2. Multi-language Adaptation: Duplicate configuration is needed for Chinese and English paths.
3. Poor Development Experience: Frequent 404 errors occur during local debugging and file operations.

Demonstration

Direct rendering may result in errors due to incorrect paths, as shown below:

1

GET http://192.168.3.29:1313/en/static/images/diary/two-ways.png 404 (Not Found)

After applying the script, the image path is corrected and re-requested:

1

Replaced: http://192.168.3.29:1313/en/static/images/diary/two-ways.png -> http://192.168.3.29:1313/images/diary/two-ways.png

The image is then rendered correctly.

Solution

This section provides a conceptual reference. Anyone can easily implement it. If you need the source code, feel free to request it in the comments.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

// instead_images.js
const IMAGE_REWRITER_CONFIG = {
  pathPatterns: [
    {
      test: /(\/zh|\/en)\/static\/images\/(.*)/,
      replace: '/images/$2'
    }
  ],
  debug: true
};

function rewriteImageSource(src) {
  // Implement smart path conversion
  // [Core logic code...]
}

// Hijack the native image creation method
document.createElement = function(tagName) {
  // [Image object hijacking code...]
}

// Dynamic content handling
new MutationObserver(() => {
  // [Auto-processing for new images code...]
});

Configuration

Configure Hugo

In config.yaml, set:

1
2

params:
  InsteadPicture: true

Then, simply include the following in the head section:

1
2
3

{{- if .Site.Params.InsteadPicture -}}
<script src="{{ "/js/instead_images.js" | relURL }}"></script>
{{- end -}}

After configuring Obsidian, the solution will take effect.

Configure Obsidian

1. Set file references to use relative path mode.
2. Configure the image storage directory as needed. For example, mine is static\images\.
3. No need to worry about file changes—Obsidian automatically updates links when files are moved.

Advantages

1. No Dependency on Image Hosting: All images are managed locally without any file operations.
2. Developer-Friendly: Real-time reloading doesn’t disrupt the writing flow.
3. SEO Optimization: Ensures consistency in static resource paths.
4. Multi-platform Compatibility: Works seamlessly with static site generators like Hugo/Hexo.
5. Easy Organization: Moving file paths can rely on Obsidian to automatically update links.

1
2
3
4
5
6
7
8

title: 'Emoji cheat sheet'
date: 2024-03-16T23:39:55+08:00
draft: false
series: [emoji]
categories: [cheatsheet]
tags: [markdown, emoji]
language: en

This front matter is work

1
2
3
4
5
6
7
8
9

title: 'Emoji Sheet'
date: 2024-03-16T23:10:53+08:00
draft: false
series: [emoji]
categories: [cheatsheet]
tags: [markdown, emoji]
language: en
math: false