[{"content":"Welcome to Hugo theme Stack. This is your first post. Edit or delete it, then start writing!\nFor more information about this theme, check the documentation: https://stack.jimmycai.com/\nWant a site like this? Check out hugo-theme-stack-stater\nPhoto by Pawel Czerwinski on Unsplash\n","date":"2022-03-06T00:00:00Z","image":"/p/hello-world/cover.jpg","permalink":"/p/hello-world/","title":"Hello World"},{"content":"这份Hugo Stack 博客更新发布指南为您整理好了。整个工作流基于您调通的 “Obsidian 写作 $\\rightarrow$ 本地电脑 Hugo 编译 $\\rightarrow$ 小乌龟 SVN 专属隔离仓库一键同步”。\n您可以把这段内容保存到您的 Obsidian 知识库中，方便以后每次发布时对照操作：\n🚀 Timeline 个人博客更新发布指南 📝 日常核心铁律： 大小写敏感：图片后缀必须是小写的 .jpg 或 .png（绝对不能是大写的 .JPG），否则新加坡服务器不识别。 物理位置对齐：文章中的图片必须和文章的 .md 文件并排放在同一个文件夹下。 阶段一：在 Obsidian 中写作与本地预览 1. 启动本地实时预览 在本地电脑打开 D:\\my-blog 目录下的 CMD 黑色窗口，输入命令并回车：\n1 .\\hugo server 提示：保持这个黑色窗口不要关闭。\n2. 创作文章 打开 Obsidian（确保仓库路径指向了 D:\\my-blog\\content\\post\\），新建或修改文章。文章顶部必须包含以下标准格式参数：\n1 2 3 4 5 6 7 8 9 10 --- title: \u0026#34;这里写文章的真实标题\u0026#34; description: \u0026#34;这里写一两句简短的卡片简介\u0026#34; date: 2026-05-16 image: \u0026#34;03.jpg\u0026#34; # 首页卡片大图。确保 03.jpg 与此文章在同一文件夹下 categories: - 技术分享 # 分类卡片（点击可聚合） tags: - Hugo --- 3. 本地验收 打开浏览器访问：http://localhost:1313/，检查侧边栏名字、简介，并点进新文章确认文字排版、嵌入的 B 站视频、以及 .jpg 封面图片是否全部完美显示。\n阶段二：本地一键打包编译 确认本地预览无误后，我们需要把 Markdown 笔记提炼成能直接挂在公网上的纯静态网页。\n回到刚才的 CMD 黑色窗口，按下键盘 Ctrl + C，然后输入 Y 回车，关闭本地测试服务。\n在 CMD 窗口中运行正式的打包命令：\n1 .\\hugo --minify 预期结果：看到命令行吐出一个整齐的表格，提示 Total in ... ms。此时，最新渲染生成的 30 多个网页文件和新图片已经全部躺在了 D:\\my-blog\\public\\ 文件夹里。\n阶段三：小乌龟 SVN 一键发布至新加坡服务器 因为我们配置了服务器端的 post-commit 自动同步钩子，现在您只需在 Windows 电脑上动动鼠标，文件就会自动飞去服务器并覆盖旧网页。\n1. 深度抓漏并添加新文件（极其重要） 由于新文章和新图片生成在 public/ 的极深层子目录里，直接 Commit 会漏掉文件，必须先执行 Add：\n鼠标双击进入电脑的 D:\\my-blog\\public\\ 文件夹。 在空白处点击鼠标右键 $\\rightarrow$ 选择 TortoiseSVN $\\rightarrow$ 点击 Add\u0026hellip; (添加)。 在弹出的全选窗口中，直接点击下方的 \u0026ldquo;Select all\u0026rdquo; (全选) 按钮，确保所有新生成的 HTML 和深层图片被全部勾选，然后点击 OK。 2. 正式 Commit 提交上线 依然在 D:\\my-blog\\public\\ 文件夹空白处点击鼠标右键 $\\rightarrow$ 选择 SVN Commit\u0026hellip; (提交)。 在弹出的窗口最上方的 Message 框中，随便打几个字（例如：更新了我的第一篇文章）。 检查下方列表无误后，点击 OK。 成功标志：进度条刷刷滚完，最下方提示 Completed At revision: xx。 🌐 最终外网验收 关闭电脑上的所有开发工具，直接用手机或电脑浏览器访问您的独立域名：\n1 https://timeline.net.cn 检查点：\n确认新文章卡片成功出现在首页。 如果图片由于浏览器顽固缓存没有刷新出来，在电脑上按下 Ctrl + F5 强制刷新即可。 ","date":"2026-05-16T00:00:00Z","image":"/p/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E7%AF%87/logo.jpg","permalink":"/p/%E6%88%91%E7%9A%84%E7%AC%AC%E4%B8%80%E7%AF%87/","title":"我的第一篇"},{"content":"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.\nHeadings The following HTML \u0026lt;h1\u0026gt;—\u0026lt;h6\u0026gt; elements represent six levels of section headings. \u0026lt;h1\u0026gt; is the highest section level while \u0026lt;h6\u0026gt; is the lowest.\nH1 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.\nItatur? Quiatae cullecum rem ent aut odis in re eossequodi nonsequ idebis ne sapicia is sinveli squiatum, core et que aut hariosam ex eat.\nBlockquotes 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.\nBlockquote without attribution Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.\nBlockquote with attribution Don\u0026rsquo;t communicate by sharing memory, share memory by communicating.\n— Rob Pike1\nTables Tables aren\u0026rsquo;t part of the core Markdown spec, but Hugo supports supports them out-of-the-box.\nName 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 \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026#34;en\u0026#34;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026#34;utf-8\u0026#34;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Code block indented with four spaces \u0026lt;!doctype html\u0026gt; \u0026lt;html lang=\u0026quot;en\u0026quot;\u0026gt; \u0026lt;head\u0026gt; \u0026lt;meta charset=\u0026quot;utf-8\u0026quot;\u0026gt; \u0026lt;title\u0026gt;Example HTML5 Document\u0026lt;/title\u0026gt; \u0026lt;/head\u0026gt; \u0026lt;body\u0026gt; \u0026lt;p\u0026gt;Test\u0026lt;/p\u0026gt; \u0026lt;/body\u0026gt; \u0026lt;/html\u0026gt; Diff code block 1 2 3 4 5 [dependencies.bevy] git = \u0026#34;https://github.com/bevyengine/bevy\u0026#34; rev = \u0026#34;11f52b8c72fc3a568e8bb4a4cd1f3eb025ac2e13\u0026#34; - features = [\u0026#34;dynamic\u0026#34;] + features = [\u0026#34;jpeg\u0026#34;, \u0026#34;dynamic\u0026#34;] One line code block 1 \u0026lt;p\u0026gt;A paragraph\u0026lt;/p\u0026gt; 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.\nH2O\nXn + Yn = Zn\nPress CTRL + ALT + Delete to end the session.\nMost salamanders are nocturnal, and hunt for insects, worms, and other small creatures.\nThe above quote is excerpted from Rob Pike\u0026rsquo;s talk during Gopherfest, November 18, 2015.\u0026#160;\u0026#x21a9;\u0026#xfe0e;\n","date":"2023-09-07T00:00:00Z","permalink":"/p/markdown-syntax-guide/","title":"Markdown Syntax Guide"},{"content":"Hugo theme Stack supports the creation of interactive image galleries using Markdown. It\u0026rsquo;s powered by PhotoSwipe and its syntax was inspired by Typlog.\nTo use this feature, the image must be in the same directory as the Markdown file, as it uses Hugo\u0026rsquo;s page bundle feature to read the dimensions of the image. External images are not supported.\nSyntax 1 ![Image 1](1.jpg) ![Image 2](2.jpg) Result Photo by mymind and Luke Chesser on Unsplash\n","date":"2023-08-26T00:00:00Z","image":"/p/image-gallery/1.jpg","permalink":"/p/image-gallery/","title":"Image gallery"},{"content":"Stack has built-in support for math typesetting using KaTeX.\nIt\u0026rsquo;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.\nInline math This is an inline mathematical expression: $\\varphi = \\dfrac{1+\\sqrt5}{2}= 1.6180339887…$\n1 $\\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 $$ ","date":"2023-08-24T00:00:00Z","permalink":"/p/math-typesetting/","title":"Math Typesetting"}]