Timeline 的个人博客

Hello World

Sun, 06 Mar 2022 00:00:00 +0000

Welcome to Hugo theme Stack. This is your first post. Edit or delete it, then start writing!

For more information about this theme, check the documentation: https://stack.jimmycai.com/

Want a site like this? Check out hugo-theme-stack-stater

Photo by Pawel Czerwinski on Unsplash

我的第一篇

Sat, 16 May 2026 00:00:00 +0000

这份Hugo Stack 博客更新发布指南为您整理好了。整个工作流基于您调通的 “Obsidian 写作 $\rightarrow$ 本地电脑 Hugo 编译 $\rightarrow$ 小乌龟 SVN 专属隔离仓库一键同步”。

您可以把这段内容保存到您的 Obsidian 知识库中，方便以后每次发布时对照操作：

🚀 Timeline 个人博客更新发布指南

📝 日常核心铁律：

大小写敏感：图片后缀必须是小写的 .jpg 或 .png（绝对不能是大写的 .JPG），否则新加坡服务器不识别。
物理位置对齐：文章中的图片必须和文章的 .md 文件并排放在同一个文件夹下。

阶段一：在 Obsidian 中写作与本地预览

1. 启动本地实时预览

在本地电脑打开 D:\my-blog 目录下的 CMD 黑色窗口，输入命令并回车：

1

.\hugo server

提示：保持这个黑色窗口不要关闭。

2. 创作文章

打开 Obsidian（确保仓库路径指向了 D:\my-blog\content\post\），新建或修改文章。文章顶部必须包含以下标准格式参数：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


---
title: "这里写文章的真实标题"
description: "这里写一两句简短的卡片简介"
date: 2026-05-16
image: "03.jpg" # 首页卡片大图。确保 03.jpg 与此文章在同一文件夹下
categories:
 - 技术分享  # 分类卡片（点击可聚合）
tags:
 - Hugo
---

3. 本地验收

打开浏览器访问：http://localhost:1313/，检查侧边栏名字、简介，并点进新文章确认文字排版、嵌入的 B 站视频、以及 .jpg 封面图片是否全部完美显示。

阶段二：本地一键打包编译

确认本地预览无误后，我们需要把 Markdown 笔记提炼成能直接挂在公网上的纯静态网页。

回到刚才的 CMD 黑色窗口，按下键盘 Ctrl + C，然后输入 Y 回车，关闭本地测试服务。
在 CMD 窗口中运行正式的打包命令：
1

.\hugo --minify
预期结果：看到命令行吐出一个整齐的表格，提示 Total in ... ms。此时，最新渲染生成的 30 多个网页文件和新图片已经全部躺在了 D:\my-blog\public\ 文件夹里。

阶段三：小乌龟 SVN 一键发布至新加坡服务器

因为我们配置了服务器端的 post-commit 自动同步钩子，现在您只需在 Windows 电脑上动动鼠标，文件就会自动飞去服务器并覆盖旧网页。

1. 深度抓漏并添加新文件（极其重要）

由于新文章和新图片生成在 public/ 的极深层子目录里，直接 Commit 会漏掉文件，必须先执行 Add：

鼠标双击进入电脑的 D:\my-blog\public\ 文件夹。
在空白处点击鼠标右键 $\rightarrow$ 选择 TortoiseSVN $\rightarrow$ 点击 Add… (添加)。
在弹出的全选窗口中，直接点击下方的 “Select all” (全选) 按钮，确保所有新生成的 HTML 和深层图片被全部勾选，然后点击 OK。

2. 正式 Commit 提交上线

依然在 D:\my-blog\public\ 文件夹空白处点击鼠标右键 $\rightarrow$ 选择 SVN Commit… (提交)。
在弹出的窗口最上方的 Message 框中，随便打几个字（例如：更新了我的第一篇文章）。
检查下方列表无误后，点击 OK。
成功标志：进度条刷刷滚完，最下方提示 Completed At revision: xx。

🌐 最终外网验收

关闭电脑上的所有开发工具，直接用手机或电脑浏览器访问您的独立域名：

1

https://timeline.net.cn

检查点：

确认新文章卡片成功出现在首页。
如果图片由于浏览器顽固缓存没有刷新出来，在电脑上按下 Ctrl + F5 强制刷新即可。

Markdown Syntax Guide

Thu, 07 Sep 2023 00:00:00 +0000

This article offers a sample of basic Markdown syntax that can be used in Hugo content files, also it shows whether basic HTML elements are decorated with CSS in a Hugo theme.

Headings

The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

H1

H2

H3

H4

H5

H6

Paragraph

Xerum, quo qui aut unt expliquam qui dolut labo. Aque venitatiusda cum, voluptionse latur sitiae dolessi aut parist aut dollo enim qui voluptate ma dolestendit peritin re plis aut quas inctum laceat est volestemque commosa as cus endigna tectur, offic to cor sequas etum rerum idem sintibus eiur? Quianimin porecus evelectur, cum que nis nust voloribus ratem aut omnimi, sitatur? Quiatem. Nam, omnis sum am facea corem alique molestrunt et eos evelece arcillit ut aut eos eos nus, sin conecerem erum fuga. Ri oditatquam, ad quibus unda veliamenimin cusam et facea ipsamus es exerum sitate dolores editium rerore eost, temped molorro ratiae volorro te reribus dolorer sperchicium faceata tiustia prat.

Itatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.

Blockquotes

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Blockquote without attribution

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

Blockquote with attribution

Don’t communicate by sharing memory, share memory by communicating.
— Rob Pike¹

Tables

Tables aren’t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

Name	Age
Bob	27
Alice	23

Inline Markdown within tables

Italics	Bold	Code
italics	bold	`code`

A	B	C	D	E	F
Lorem ipsum dolor sit amet, consectetur adipiscing elit.	Phasellus ultricies, sapien non euismod aliquam, dui ligula tincidunt odio, at accumsan nulla sapien eget ex.	Proin eleifend dictum ipsum, non euismod ipsum pulvinar et. Vivamus sollicitudin, quam in pulvinar aliquam, metus elit pretium purus	Proin sit amet velit nec enim imperdiet vehicula.	Ut bibendum vestibulum quam, eu egestas turpis gravida nec	Sed scelerisque nec turpis vel viverra. Vivamus vitae pretium sapien

Code Blocks

Code block with backticks

 1
 2
 3
 4
 5
 6
 7
 8
 9
10


<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Example HTML5 Document</title>
</head>
<body>
 <p>Test</p>
</body>
</html>

Code block indented with four spaces

<!doctype html>
<html lang="en">
<head>
 <meta charset="utf-8">
 <title>Example HTML5 Document</title>
</head>
<body>
 <p>Test</p>
</body>
</html>

Diff code block

1
2
3
4
5


[dependencies.bevy]
git = "https://github.com/bevyengine/bevy"
rev = "11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13"
- features = ["dynamic"]
+ features = ["jpeg", "dynamic"]

One line code block

1

<p>A paragraph</p>

List Types

Ordered List

First item
Second item
Third item

Unordered List

List item
Another item
And another item

Nested list

Fruit
- Apple
- Orange
- Banana
Dairy
- Milk
- Cheese

Other Elements — abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H₂O

Xⁿ + Yⁿ = Zⁿ

Press CTRL + ALT + Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.

The above quote is excerpted from Rob Pike’s talk during Gopherfest, November 18, 2015. ↩︎

Image gallery

Sat, 26 Aug 2023 00:00:00 +0000

Hugo theme Stack supports the creation of interactive image galleries using Markdown. It’s powered by PhotoSwipe and its syntax was inspired by Typlog.

To use this feature, the image must be in the same directory as the Markdown file, as it uses Hugo’s page bundle feature to read the dimensions of the image. External images are not supported.

Syntax

1

![Image 1](1.jpg) ![Image 2](2.jpg)

Result

Photo by mymind and Luke Chesser on Unsplash

Math Typesetting

Thu, 24 Aug 2023 00:00:00 +0000

Stack has built-in support for math typesetting using KaTeX.

It’s not enabled by default side-wide, but you can enable it for individual posts by adding math: true to the front matter. Or you can enable it side-wide by adding math = true to the params.article section in config.toml.

Inline math

This is an inline mathematical expression: $\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$

1

$\varphi = \dfrac{1+\sqrt5}{2}= 1.6180339887…$

Block math

$$ \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } $$

1
2
3


$$
 \varphi = 1+\frac{1} {1+\frac{1} {1+\frac{1} {1+\cdots} } } 
$$

$$ f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi $$

1
2
3


$$
 f(x) = \int_{-\infty}^\infty\hat f(\xi)\,e^{2 \pi i \xi x}\,d\xi
$$