Posts

Hugo in Action Note

书本结构这本书有两个不同的部分。第一部分侧重于 Hugo 的核心功能，我们将独立于 Internet 的其余部分运行。第二部分集中在 Hugo 如何提供与各种服务通信的方法，以及 JavaScript 生态系统如何提供在 Hugo 编译步骤中不可能的功能。第 1 章介绍了 Jamstack 并解释了其背后的想法。本章还介绍了 Jamstack 的各个部分以及它们如何协同工作。它还介绍了 Hugo 静态站点构建器，并讨论了何时使用 Hugo 是明智的，何时不适合使用 Hugo 或 Jamstack。第 2 章简要概述了 Hugo 项目的工作目录。它还设置了网络托管并创建了一个简单的基于 Hugo 的网站，该网站位于 Internet 上，可提供出色的性能和一组可管理的依赖项。第 3 章让我们扮演内容作者的角色。本章深入概述了 Markdown 和 YAML，这是用于创建内容和为 Hugo 网站提供元数据的两种主要语言。它还将这些语言与其他可用选项进行了比较，并概述了我们可以在 Hugo 网页的 front matter 中使用的标准元数据属性。第 4 章让我们扮演网站编辑的角色。本章介绍如何将 Hugo 网站中的页面组织成部分、菜单和 Hugo 分类法，如何将内容捆绑到一个页面包中，以及如何有效地使用 Hugo 的内置和社区提供的短代码来启用和扩展 Markdown 功能。第 5 章让我们第一次看到了 Go 模板语言，它提供了控制网页渲染的方法。我们将探讨如何在 Hugo 中构建自定义页面，如何使用 Go 模板语言渲染内容，如何访问 Hugo 的变量、函数、配置和前言，以及如何使用 Hugo 从文件系统中读取。 ...

常用linux命令

Sample article showcasing basic code syntax and formatting for HTML elements.

How to Use Mybatis Generator

Introduction to using MyBatis Generator.

Use Docker Run Redis

使用 Docker 运行 Redis 是一个非常简单的过程，以下是一步步的指导：步骤 1: 安装 Docker 首先，确保你已经安装了 Docker。你可以从 Docker官网下载并安装 Docker Desktop，或者在 Linux 系统上使用包管理器安装。步骤 2: 拉取 Redis 镜像 Redis 官方提供了 Docker 镜像。你可以通过以下命令来拉取最新的 Redis 镜像： docker pull redis 这个命令会从 Docker Hub 拉取官方 Redis 镜像。步骤 3: 启动 Redis 容器接下来，可以使用以下命令启动 Redis 容器： docker run --name redis-container -d redis 这个命令的解释如下： --name redis-container：为你的容器指定一个名称，这里我们命名为 redis-container。 -d：在后台运行容器（detached mode）。 redis：使用 Redis 官方镜像来启动容器。步骤 4: 验证 Redis 容器是否正常运行使用以下命令检查 Redis 容器是否成功运行： docker ps 如果容器正在运行，你应该能看到类似以下的信息： ...

The Git Command That Always Forget

关联本地和远程仓库 git remote add origin <remote-repo-url> 提交到远程仓库的新分支 git push origin new-branch-name 切换到某次提交 git switch --detach abc1234 关联远程仓库 # git remote add origin git@github.com:biggerwriting/brainbuild.git git remote add origin https://github.com/biggerwriting/brainbuild.git git branch -M main git push -u origin main You can use the command git remote set-url to change a remote’s URL. 未测试的命令使用 Git Credential Helper 保存认证信息（可选）如果你不想每次都输入用户名和 token，可以使用 Git 的凭证缓存来保存你的认证信息： bash git config –global credential.helper cache 这将缓存你的凭证，避免每次推送时都需要重新输入。另外，你也可以选择永久保存凭证： bash git config –global credential.helper store 这样，你的凭证会保存在一个明文文件中（通常在 ~/.git-credentials），并在之后的推送操作中自动使用。 ...

Add Custom Page in Hugo

hugo中的layouts目录的功能：layouts覆盖主题的某些部分。Hugo 为我们提供了混合和匹配主题页面的灵活性，并编写我们自己的自定义页面。在此文件夹中，将进行主题的所有自定义。我们可以使用此目录来存储这些被覆盖的主题布局。主题和布局之间的界限是模糊的，Hugo 为我们提供了完全的灵活性，通过一个接一个地覆盖页面来慢慢创建主题。在本章中，我们将使用 layouts 文件夹来更新主页。如果有一些自定义的页面，不想使用现有的主题，可以设置自定义布局。在 layouts 目录下创建一个新的布局文件，例如 home1.html。示例代码 <!DOCTYPE html> <html> <head> <title>完全自定义页面</title> <style> body { font-family: Arial; max-width: 800px; margin: 0 auto; } .custom-section { background: #f0f8ff; padding: 2rem; } </style> </head> <body> <header> <h1>我的独立页面</h1> </header> <section class="custom-section"> <h2>完全自定义内容</h2> <p>这个页面不使用任何主题布局</p> <button id="interact">点击交互</button> </section> <script> document.getElementById('interact').addEventListener('click', () => { alert('自定义JavaScript生效!'); }); </script> </body> </html> 输入命令 hugo new content content/posts/custom-page.md 新建文件。修改配置 --- layout: "home1" title: 'Custom Page' --- 把 layout 参数改为 home1，指定使用的布局文件。 ...

Custom Page

Nginx in Windows

Nginx在windows下的安装、运行，以及配置文件讲解

How to add picture in Hugo

Methods for Inserting Images in Hugo.

Hugo Tutorial

环境准备：wsl 中安装好了 go, hugo, npm, node 初始化hugo site hugo new site MyFreshWebsite --format yaml 下载主题 https://github.com/adityatelange/hugo-PaperMod/archive/master.zip 将这个主题下载解压缩到MyFreshWebsite/themes/PaperMod文件夹配置主题 echo "theme: ["PaperMod"]" >> hugo.yaml 接下来，就可以通过hugo server 命令运行项目了。对于一个新网站，还没有任何内容。可以参考 https://github.com/adityatelange/hugo-PaperMod/tree/exampleSite 往content中添加文件。 hugo new content content/posts/hugo-tutorial.md 添加上文章内容后，运行 hugo server -D 看测试效果。如果需要发布网站，运行 hugo, 网站就打包到 public 文件夹中了。参考资料：https://github.com/adityatelange/hugo-PaperMod/wiki/Installation