[{"content":"第一篇文章 ","permalink":"https://ean7.top/posts/hello/","summary":"\u003ch1 id=\"第一篇文章\"\u003e第一篇文章\u003c/h1\u003e","title":"Hello PaperMod"},{"content":"我的博客网站：Ean7的技术博客\nThe world\u0026rsquo;s fastest framework for building websites\n快速开始 一、Hugo 是什么 Hugo 是一个用 Go 写的静态网站生成器，特点是：速度极快、用 Markdown 写内容、无需后端。\n适合：博客 / 文档 / 官网 / 技术站\n二、环境准备（必须） 1. 安装 Hugo Windows 推荐：直接下载官方二进制 或用包管理器（示例） choco install hugo-extended # Windows brew install hugo # macOS Linux 安装 Hugo 方法1：Snap（最简单，推荐） 适用于 Ubuntu / Debian / 大多数发行版\nsudo snap install hugo 👉 优点：\n一条命令 自动更新 官方维护 方法2：apt（Ubuntu / Debian） sudo apt update sudo apt install hugo 👉 注意：\n版本通常比较旧 可能缺少 extended（影响 SCSS） 方法3：下载官方二进制（最推荐生产环境） 去官网（建议用这个方式）： 👉 Hugo\n下载 Linux 版本（extended）：\nwget https://github.com/gohugoio/hugo/releases/latest/download/hugo_extended_*.deb sudo dpkg -i hugo_extended_*.deb 👉 或解压版：\ntar -xvf hugo_extended_*.tar.gz sudo mv hugo /usr/local/bin/ Windows下安装安装 Chocolatey 👉 用 管理员 PowerShell（不是普通窗口）\n打开： 👉 右键开始菜单 → Windows PowerShell（管理员）\n执行👇（官方安装命令）：\nSet-ExecutionPolicy Bypass -Scope Process -Force; ` [System.Net.ServicePointManager]::SecurityProtocol = ` [System.Net.ServicePointManager]::SecurityProtocol -bor 3072; ` iex ((New-Object System.Net.WebClient).DownloadString(\u0026#39;https://community.chocolatey.org/install.ps1\u0026#39;)) 2. 验证 hugo version 👉 要求版本 ≥ 0.128\n三、创建网站 1️⃣ 创建项目 hugo new site myblog cd myblog 👉 会生成目录结构：\ncontent/ themes/ layouts/ static/ hugo.toml 2️⃣ 初始化 Git（可选但推荐） git init 3️⃣ 添加主题 git submodule add https://github.com/adityatelange/hugo-PaperMod.git themes/PaperMod 配置主题：\n打开 hugo.toml，改成：\nbaseURL = \u0026#34;https://你的用户名.github.io/\u0026#34; title = \u0026#34;你的技术博客\u0026#34; theme = \u0026#34;PaperMod\u0026#34; languageCode = \u0026#34;zh-cn\u0026#34; 👉 Hugo 本身不带 UI，主题决定你网站长什么样\n4️⃣ 创建第一篇文章 hugo new content posts/hello.md 编辑文件：\n--- title = \u0026#34;第一篇文章\u0026#34; date = 2026-05-06 draft = true --- # Hello Hugo 👉 默认是草稿，不会发布\n5️⃣ 启动本地服务器 hugo server -D 打开浏览器：\nhttp://localhost:1313 👉 -D = 显示草稿\n四、发布网站（生成静态文件） hugo 👉 会生成：\n/public 里面就是：\nHTML CSS JS 👉 可以直接部署到：\nGitHub Pages Nginx 云服务器 五、核心概念 1️⃣ 内容（Content） content/posts/*.md 👉 用 Markdown 写文章\n2️⃣ 主题（Themes） themes/ 👉 控制 UI 和布局\n3️⃣ 配置（Config） hugo.toml 常见：\nbaseURL = \u0026#34;https://example.com\u0026#34; title = \u0026#34;My Blog\u0026#34; theme = \u0026#34;ananke\u0026#34; 4️⃣ 构建原理（重点） 👉 Hugo流程：\nMarkdown → HTML → 静态网站 👉 没有：\n数据库 后端 PHP / Java 六、最小工作流 1.写文章\nhugo new posts/xxx.md 2.本地预览\nhugo server -D 3.发布\nhugo 4.上传 /public 到服务器\n主题配置 baseURL = \u0026#34;https://你的用户名.github.io/\u0026#34; title = \u0026#34;你的技术博客\u0026#34; theme = \u0026#34;PaperMod\u0026#34; languageCode = \u0026#34;zh-cn\u0026#34; [pagination] pagerSize = 10 [params] env = \u0026#34;production\u0026#34; ShowReadingTime = true ShowShareButtons = true ShowCodeCopyButtons = true ShowBreadCrumbs = true ShowToc = true defaultTheme = \u0026#34;auto\u0026#34; # 启用搜索 fuseOpts = { isCaseSensitive = false, shouldSort = true } # 必须：启用搜索 [outputs] home = [\u0026#34;HTML\u0026#34;, \u0026#34;RSS\u0026#34;, \u0026#34;JSON\u0026#34;] 菜单配置\n[[menu.main]] name = \u0026#34;博客\u0026#34; url = \u0026#34;/posts/\u0026#34; weight = 1 [[menu.main]] name = \u0026#34;标签\u0026#34; url = \u0026#34;/tags/\u0026#34; weight = 2 [[menu.main]] name = \u0026#34;项目\u0026#34; url = \u0026#34;/projects/\u0026#34; weight = 3 [[menu.main]] name = \u0026#34;关于\u0026#34; url = \u0026#34;/about/\u0026#34; weight = 4 [[menu.main]] name = \u0026#34;🔍\u0026#34; url = \u0026#34;/search/\u0026#34; weight = 5 创建文章（PaperMod 标准写法） hugo new posts/hello.md 内容：\n--- title = \u0026#34;Hello PaperMod\u0026#34; date = 2026-05-06 draft = false tags = [\u0026#34;Hugo\u0026#34;] categories = [\u0026#34;技术\u0026#34;] --- # 第一篇文章 创建搜索页面 执行：\nhugo new search.md 然后编辑 content/search.md：\n--- title: \u0026#34;Search\u0026#34; layout: \u0026#34;search\u0026#34; summary: \u0026#34;search\u0026#34; placeholder: \u0026#34;输入关键词...\u0026#34; --- 👉 这一行最关键：\nlayout: \u0026#34;search\u0026#34; 📌 没这个 → 搜索不会出现 📌 这是 PaperMod 官方要求\n本地运行 hugo server 打开：\nhttp://localhost:1313 高级 _index.md 是 Hugo 里一个非常关键但容易被忽略的文件，一句话总结：\n👉 它是“列表页（section / 首页）的内容和配置文件”\nHugo 里有两种页面：\n类型 例子 文件 单页 一篇文章 post.md 列表页 博客列表 / 分类页 _index.md 👉 _index.md = 这个目录本身的页面\n核心作用 1️⃣ 控制“列表页面内容” 比如：\ncontent/posts/_index.md 👉 对应页面：\n/posts/ 你可以写：\n--- title = \u0026#34;博客\u0026#34; description = \u0026#34;这里是我的技术文章\u0026#34; --- 欢迎来到我的博客 👋 👉 效果：\n/posts/ 页面会显示这些内容 不是文章，而是文章列表页的头部内容 2️⃣ 控制首页 content/_index.md 👉 控制：\n/ 👉 也就是你的首页内容！\n3️⃣ 控制分类页 / 标签页 比如：\ncontent/tags/_index.md content/categories/_index.md 👉 可以自定义：\n标题 描述 SEO 为什么必须有它？ 如果没有 _index.md：\n👉 Hugo 会：\n自动生成列表页（但没有内容） 只能显示文章列表 👉 有了 _index.md：\n可以加介绍 可以加自定义内容 可以影响 SEO 和 index.md 的区别（⚠️很多人搞错） index.md 👉 普通页面（single page）\ncontent/about/index.md 👉 生成：\n/about/ 👉 是一篇页面\n_index.md 👉 列表页面（list page）\ncontent/posts/_index.md 👉 生成：\n/posts/ 👉 是文章列表页\n结构理解 content/ ├── _index.md ← 首页 ├── posts/ │ ├── _index.md ← 博客列表页 │ ├── a.md │ ├── b.md 👉 页面对应：\nURL 来源 / _index.md /posts/ posts/_index.md /posts/a/ a.md PaperMod里怎么用 在 PaperMod 里：\n首页推荐这样写： --- title = \u0026#34;首页\u0026#34; --- ## 欢迎 👋 这是我的技术博客 - Hugo - Docker - IoT 👉 会显示在首页顶部\n部署 直接采用vercel一键部署\nvercel绑定github账号后，设置Project Name作为域名前缀后，Build Command 中 填写hugo --minify Output Directory 中填写 public,还要指定环境变量HUGO_VERSION为1.61.0，点击部署即可。\n国内访问 需要绑定一个域名，我购买的是阿里云的.top，240买了10年\n然后在云解析中添加\n记录类型： CNAME 主机记录： www 记录值： cname-china.vercel-dns.com 和\n记录类型： CNAME 主机记录： @ 记录值： cname-china.vercel-dns.com (不带www前缀)\n最后在vercel左侧的domains中添加对应额域名即可（等几分钟生效，显示DNS Change Recommended）\n","permalink":"https://ean7.top/posts/hugo/","summary":"\u003cp\u003e我的博客网站：\u003ca href=\"https://ean7.top/\"\u003eEan7的技术博客\u003c/a\u003e\u003c/p\u003e\n\u003cp\u003e\u003ca href=\"https://gohugo.io/\"\u003eThe world\u0026rsquo;s fastest framework for building websites\u003c/a\u003e\u003c/p\u003e\n\u003ch1 id=\"快速开始\"\u003e快速开始\u003c/h1\u003e\n\u003ch2 id=\"一hugo-是什么\"\u003e一、Hugo 是什么\u003c/h2\u003e\n\u003cp\u003eHugo 是一个用 Go 写的\u003cstrong\u003e静态网站生成器\u003c/strong\u003e，特点是：\u003cstrong\u003e速度极快、用 Markdown 写内容、无需后端\u003c/strong\u003e。\u003c/p\u003e\n\u003cp\u003e适合：博客 / 文档 / 官网 / 技术站\u003c/p\u003e\n\u003ch2 id=\"二环境准备必须\"\u003e二、环境准备（必须）\u003c/h2\u003e\n\u003ch3 id=\"1-安装-hugo\"\u003e1. 安装 Hugo\u003c/h3\u003e\n\u003cul\u003e\n\u003cli\u003eWindows 推荐：直接下载官方二进制\u003c/li\u003e\n\u003cli\u003e或用包管理器（示例）\u003c/li\u003e\n\u003c/ul\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode\u003echoco install hugo-extended   # Windows\nbrew install hugo             # macOS\n\u003c/code\u003e\u003c/pre\u003e\u003cblockquote\u003e\n\u003ch1 id=\"linux-安装-hugo\"\u003eLinux 安装 Hugo\u003c/h1\u003e\n\u003ch4 id=\"方法1snap最简单推荐\"\u003e方法1：Snap（最简单，推荐）\u003c/h4\u003e\n\u003cp\u003e适用于 Ubuntu / Debian / 大多数发行版\u003c/p\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode\u003esudo snap install hugo\n\u003c/code\u003e\u003c/pre\u003e\u003cp\u003e👉 优点：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e一条命令\u003c/li\u003e\n\u003cli\u003e自动更新\u003c/li\u003e\n\u003cli\u003e官方维护\u003c/li\u003e\n\u003c/ul\u003e\n\u003ch4 id=\"方法2aptubuntu--debian\"\u003e方法2：apt（Ubuntu / Debian）\u003c/h4\u003e\n\u003cpre tabindex=\"0\"\u003e\u003ccode\u003esudo apt update\nsudo apt install hugo\n\u003c/code\u003e\u003c/pre\u003e\u003cp\u003e👉 注意：\u003c/p\u003e","title":"初见Hugo"},{"content":"这是一个基于 OPC UA 的工业数据采集系统。\n支持：\n实时监控 报警 云平台对接 ","permalink":"https://ean7.top/projects/proj1/","summary":"\u003cp\u003e这是一个基于 OPC UA 的工业数据采集系统。\u003c/p\u003e\n\u003cp\u003e支持：\u003c/p\u003e\n\u003cul\u003e\n\u003cli\u003e实时监控\u003c/li\u003e\n\u003cli\u003e报警\u003c/li\u003e\n\u003cli\u003e云平台对接\u003c/li\u003e\n\u003c/ul\u003e","title":"工业 IoT 平台"}]