<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>入门 on 我的博客</title><link>https://liu-houliang.github.io/hugo-stack-starter/tags/%E5%85%A5%E9%97%A8/</link><description>Recent content in 入门 on 我的博客</description><generator>Hugo -- gohugo.io</generator><language>zh-cn</language><lastBuildDate>Thu, 23 Apr 2026 00:00:00 +0000</lastBuildDate><atom:link href="https://liu-houliang.github.io/hugo-stack-starter/tags/%E5%85%A5%E9%97%A8/index.xml" rel="self" type="application/rss+xml"/><item><title>快速开始：使用 Template 一键部署博客</title><link>https://liu-houliang.github.io/hugo-stack-starter/post/hello-world/</link><pubDate>Thu, 09 Apr 2026 00:00:00 +0000</pubDate><guid>https://liu-houliang.github.io/hugo-stack-starter/post/hello-world/</guid><description>&lt;h2 id="欢迎使用-hugo-theme-stack-starter"&gt;&lt;a href="#%e6%ac%a2%e8%bf%8e%e4%bd%bf%e7%94%a8-hugo-theme-stack-starter" class="header-anchor"&gt;&lt;/a&gt;欢迎使用 Hugo Theme Stack Starter
&lt;/h2&gt;&lt;p&gt;这是一个基于 &lt;strong&gt;Hugo Theme Stack v4&lt;/strong&gt; 的开箱即用博客模板，内置美化增强、双语支持和 GitHub Actions 自动部署，&lt;strong&gt;无需本地安装任何工具就能快速上手&lt;/strong&gt;。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="方式一github-template-一键部署推荐"&gt;&lt;a href="#%e6%96%b9%e5%bc%8f%e4%b8%80github-template-%e4%b8%80%e9%94%ae%e9%83%a8%e7%bd%b2%e6%8e%a8%e8%8d%90" class="header-anchor"&gt;&lt;/a&gt;方式一：GitHub Template 一键部署（推荐）
&lt;/h2&gt;
 &lt;blockquote&gt;
 &lt;p&gt;这是最简单的方式，全程在浏览器中完成。&lt;/p&gt;

 &lt;/blockquote&gt;
&lt;h3 id="第-1-步使用模板创建你的仓库"&gt;&lt;a href="#%e7%ac%ac-1-%e6%ad%a5%e4%bd%bf%e7%94%a8%e6%a8%a1%e6%9d%bf%e5%88%9b%e5%bb%ba%e4%bd%a0%e7%9a%84%e4%bb%93%e5%ba%93" class="header-anchor"&gt;&lt;/a&gt;第 1 步：使用模板创建你的仓库
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;打开本项目 GitHub 页面&lt;/li&gt;
&lt;li&gt;点击右上角绿色按钮 &lt;strong&gt;&amp;ldquo;Use this template&amp;rdquo;&lt;/strong&gt; → &lt;strong&gt;&amp;ldquo;Create a new repository&amp;rdquo;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;填写仓库名称（如 &lt;code&gt;my-blog&lt;/code&gt;），选择 &lt;strong&gt;Public&lt;/strong&gt;（GitHub Pages 免费版需要公开仓库）&lt;/li&gt;
&lt;li&gt;点击 &lt;strong&gt;&amp;ldquo;Create repository&amp;rdquo;&lt;/strong&gt;&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="第-2-步开启-github-pages"&gt;&lt;a href="#%e7%ac%ac-2-%e6%ad%a5%e5%bc%80%e5%90%af-github-pages" class="header-anchor"&gt;&lt;/a&gt;第 2 步：开启 GitHub Pages
&lt;/h3&gt;&lt;ol&gt;
&lt;li&gt;进入你新建的仓库，点击 &lt;strong&gt;Settings&lt;/strong&gt; → &lt;strong&gt;Pages&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;在 &lt;strong&gt;&amp;ldquo;Source&amp;rdquo;&lt;/strong&gt; 下选择 &lt;strong&gt;&amp;ldquo;GitHub Actions&amp;rdquo;&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;保存&lt;/li&gt;
&lt;/ol&gt;
&lt;h3 id="第-3-步修改配置"&gt;&lt;a href="#%e7%ac%ac-3-%e6%ad%a5%e4%bf%ae%e6%94%b9%e9%85%8d%e7%bd%ae" class="header-anchor"&gt;&lt;/a&gt;第 3 步：修改配置
&lt;/h3&gt;&lt;p&gt;在 GitHub 网页上直接编辑 &lt;code&gt;config/_default/config.toml&lt;/code&gt;：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-toml" data-lang="toml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c"&gt;# 改为你的 GitHub Pages 地址&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nx"&gt;baseurl&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;https://你的用户名.github.io/仓库名/&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nx"&gt;title&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;我的博客&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="第-4-步推送触发自动部署"&gt;&lt;a href="#%e7%ac%ac-4-%e6%ad%a5%e6%8e%a8%e9%80%81%e8%a7%a6%e5%8f%91%e8%87%aa%e5%8a%a8%e9%83%a8%e7%bd%b2" class="header-anchor"&gt;&lt;/a&gt;第 4 步：推送触发自动部署
&lt;/h3&gt;&lt;p&gt;任何一次代码提交都会触发 GitHub Actions 自动构建并部署。稍等 1-2 分钟后，访问你的 GitHub Pages 地址即可看到博客！&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="方式二本地开发"&gt;&lt;a href="#%e6%96%b9%e5%bc%8f%e4%ba%8c%e6%9c%ac%e5%9c%b0%e5%bc%80%e5%8f%91" class="header-anchor"&gt;&lt;/a&gt;方式二：本地开发
&lt;/h2&gt;&lt;p&gt;如果你想在本地预览和编写：&lt;/p&gt;
&lt;h3 id="安装-hugo扩展版"&gt;&lt;a href="#%e5%ae%89%e8%a3%85-hugo%e6%89%a9%e5%b1%95%e7%89%88" class="header-anchor"&gt;&lt;/a&gt;安装 Hugo（扩展版）
&lt;/h3&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# macOS&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;brew install hugo
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Windows（使用 Scoop）&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;scoop install hugo-extended
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# Linux（apt）&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;sudo apt install hugo
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;验证安装（需要 Extended 版本）：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo version
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="c1"&gt;# 输出应包含 extended&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;h3 id="克隆并运行"&gt;&lt;a href="#%e5%85%8b%e9%9a%86%e5%b9%b6%e8%bf%90%e8%a1%8c" class="header-anchor"&gt;&lt;/a&gt;克隆并运行
&lt;/h3&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-bash" data-lang="bash"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;git clone https://github.com/你的用户名/my-blog.git
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nb"&gt;cd&lt;/span&gt; my-blog
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;hugo server
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;访问 &lt;code&gt;http://localhost:1313&lt;/code&gt; 即可预览。&lt;/p&gt;
&lt;hr&gt;
&lt;h2 id="基本配置说明"&gt;&lt;a href="#%e5%9f%ba%e6%9c%ac%e9%85%8d%e7%bd%ae%e8%af%b4%e6%98%8e" class="header-anchor"&gt;&lt;/a&gt;基本配置说明
&lt;/h2&gt;&lt;p&gt;所有配置文件在 &lt;code&gt;config/_default/&lt;/code&gt; 目录下：&lt;/p&gt;
&lt;table&gt;
 &lt;thead&gt;
 &lt;tr&gt;
 &lt;th&gt;文件&lt;/th&gt;
 &lt;th&gt;作用&lt;/th&gt;
 &lt;/tr&gt;
 &lt;/thead&gt;
 &lt;tbody&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;config.toml&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;站点标题、域名、语言&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;languages.toml&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;多语言设置（中/英）&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;params.toml&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;主题参数（评论、首页布局等）&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;params.zh.toml&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;中文专属参数（头像、副标题）&lt;/td&gt;
 &lt;/tr&gt;
 &lt;tr&gt;
 &lt;td&gt;&lt;code&gt;menu.zh.toml&lt;/code&gt;&lt;/td&gt;
 &lt;td&gt;中文导航菜单&lt;/td&gt;
 &lt;/tr&gt;
 &lt;/tbody&gt;
&lt;/table&gt;
&lt;h3 id="必须修改的配置"&gt;&lt;a href="#%e5%bf%85%e9%a1%bb%e4%bf%ae%e6%94%b9%e7%9a%84%e9%85%8d%e7%bd%ae" class="header-anchor"&gt;&lt;/a&gt;必须修改的配置
&lt;/h3&gt;&lt;p&gt;&lt;strong&gt;1. 站点标题和域名&lt;/strong&gt; (&lt;code&gt;config.toml&lt;/code&gt;)：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-toml" data-lang="toml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nx"&gt;baseurl&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;https://你的域名/&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="nx"&gt;title&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;我的博客&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;2. 你的头像和介绍&lt;/strong&gt; (&lt;code&gt;params.zh.toml&lt;/code&gt;)：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-toml" data-lang="toml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nx"&gt;sidebar&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nx"&gt;subtitle&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;你的个性签名&amp;#34;&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nx"&gt;avatar&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;img/avatar.jpg&amp;#34;&lt;/span&gt; &lt;span class="c"&gt;# 替换 assets/img/avatar.jpg&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;p&gt;&lt;strong&gt;3. 运行时间&lt;/strong&gt; (&lt;code&gt;params.toml&lt;/code&gt;)：&lt;/p&gt;
&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-toml" data-lang="toml"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;&lt;span class="p"&gt;[&lt;/span&gt;&lt;span class="nx"&gt;footer&lt;/span&gt;&lt;span class="p"&gt;]&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt; &lt;span class="nx"&gt;launchDate&lt;/span&gt; &lt;span class="p"&gt;=&lt;/span&gt; &lt;span class="s2"&gt;&amp;#34;2024-01-01&amp;#34;&lt;/span&gt; &lt;span class="c"&gt;# 博客建站日期&lt;/span&gt;
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;hr&gt;
&lt;h2 id="目录结构"&gt;&lt;a href="#%e7%9b%ae%e5%bd%95%e7%bb%93%e6%9e%84" class="header-anchor"&gt;&lt;/a&gt;目录结构
&lt;/h2&gt;&lt;div class="highlight"&gt;&lt;pre tabindex="0" class="chroma"&gt;&lt;code class="language-fallback" data-lang="fallback"&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;my-blog/
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;├── .github/workflows/ # GitHub Actions 自动部署（无需修改）
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;├── assets/scss/ # 样式定制
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;│ ├── custom.scss # 颜色、全局样式
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;│ └── partials/custom-components/ # 组件样式
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;├── config/_default/ # 所有配置文件
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;├── content/
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;│ └── post/ # 博客文章（在这里写作）
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;├── layouts/ # 自定义布局和 Shortcodes
&lt;/span&gt;&lt;/span&gt;&lt;span class="line"&gt;&lt;span class="cl"&gt;└── static/ # 静态资源（图片等）
&lt;/span&gt;&lt;/span&gt;&lt;/code&gt;&lt;/pre&gt;&lt;/div&gt;&lt;hr&gt;
&lt;h2 id="下一步"&gt;&lt;a href="#%e4%b8%8b%e4%b8%80%e6%ad%a5" class="header-anchor"&gt;&lt;/a&gt;下一步
&lt;/h2&gt;&lt;ul&gt;
&lt;li&gt;📖 &lt;a class="link" href="https://liu-houliang.github.io/hugo-stack-starter/post/theme-customization/" &gt;&lt;strong&gt;主题美化介绍&lt;/strong&gt;&lt;/a&gt; — 了解本模板做了哪些改动&lt;/li&gt;
&lt;li&gt;💬 &lt;a class="link" href="https://liu-houliang.github.io/hugo-stack-starter/post/waline-setup/" &gt;&lt;strong&gt;配置 Waline 评论&lt;/strong&gt;&lt;/a&gt; — 为博客添加评论功能&lt;/li&gt;
&lt;li&gt;✏️ &lt;a class="link" href="https://liu-houliang.github.io/hugo-stack-starter/post/start-writing/" &gt;&lt;strong&gt;开始写第一篇博客&lt;/strong&gt;&lt;/a&gt; — 学习 Markdown 和多语言写作&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;祝你写作愉快！🎉&lt;/p&gt;</description></item></channel></rss>