长安的个人博客

Hugo 博客写作指南（一）：Front Matter 基础属性详解

Wed, 04 Mar 2026 00:00:00 +0800

Hugo 博客写作指南（一）：Front Matter 基础属性详解

本文是 Hugo 博客写作指南系列的第一篇，详细介绍 Front Matter 的基本属性和使用方法。

在开始写作之前，了解 Hugo 的 Front Matter 是非常重要的。Front Matter 是 Markdown 文件顶部的元数据区域，用于定义文章的标题、日期、分类、标签等属性。

Hugo 博客写作指南（二）：hugo.toml 配置详解

Wed, 04 Mar 2026 00:00:00 +0800

Hugo 博客写作指南（二）：hugo.toml 配置详解

本文是 Hugo 博客写作指南系列的第二篇，详细介绍 hugo.toml 配置文件的各项参数和使用方法。

hugo.toml 是 Hugo 站点的主配置文件，控制着整个博客的行为和外观。本文将基于 ChangAn 主题，详细解析每个配置项的作用。

Hugo 博客写作指南（三）：Markdown 基础用法详解

Wed, 04 Mar 2026 00:00:00 +0800

Hugo 博客写作指南（三）：Markdown 基础用法详解

本文是 Hugo 博客写作指南系列的第三篇，详细介绍 Markdown 语法在 Hugo 博客中的使用方法。

Markdown 是一种轻量级标记语言，易于阅读和编写，是博客写作的理想选择。本文将介绍在 ChangAn 主题中使用 Markdown 的各种技巧。

Obsidian Git Sync 插件使用指南

Fri, 13 Mar 2026 00:00:00 +0800

本文提供 Obsidian Git Sync 插件的完整使用指南，从安装配置到日常操作，帮助你轻松为 Obsidian 笔记添加 Git 版本控制。

📋 目录

安装插件

方法 1: 手动安装

前往 Releases 下载最新版本的压缩包文件
在 Obsidian 库插件目录中解压缩：你的库/.obsidian/plugins/git-sync/
重启 Obsidian 并在设置中启用插件

方法 2: 从源码构建（高级用户）

# 克隆仓库
git clone https://github.com/icecome/obsidian-plugin-git-sync.git
cd obsidian-plugin-git-sync

# 安装依赖
npm install

# 构建
npm run build

# 开发模式（监视文件变化）
npm run dev

开启并初始化仓库

安装完成后，需要开启插件并初始化 Git 仓库：

Hugo 博客写作指南（六）：Chroma 代码高亮主题完整指南

Thu, 05 Mar 2026 00:00:00 +0800

Hugo 博客写作指南（六）：Chroma 代码高亮主题完整指南

本文是 Hugo 博客写作指南系列的第六篇，详细介绍 Hugo Chroma 代码高亮器的所有可用主题，以及如何配置和选择适合的主题。

Hugo 博客写作指南（五）：YAML 和 TOML 中的引号使用规则

Wed, 04 Mar 2026 00:00:00 +0800

Hugo 博客写作指南（五）：YAML 和 TOML 中的引号使用规则

本文是 Hugo 博客写作指南系列的第五篇，详细说明 YAML 和 TOML 配置文件中引号的正确使用规则。

在 Hugo 博客写作中，我们会接触到两种配置文件格式：

Hugo 博客写作指南（四）：ChangAn 主题特色功能详解

Wed, 04 Mar 2026 00:00:00 +0800

Hugo 博客写作指南（四）：ChangAn 主题特色功能详解

本文是 Hugo 博客写作指南系列的第四篇，详细介绍 ChangAn 主题的特色功能和使用技巧。

ChangAn 是一个现代化的 Hugo 博客主题，基于 astro-gyoza 风格设计，具有简洁、可爱、快速的特点。本文将详细介绍主题的各项特色功能。

Git 常用命令大全

Tue, 10 Feb 2026 00:00:00 +0000

初始化配置

git config --global user.name "用户名"
git config --global user.email "邮箱"

基本命令

初始化仓库

git init

克隆仓库

git clone <url>

添加文件

git add .           # 添加所有文件
git add <file>      # 添加指定文件

提交更改

git commit -m "提交信息"

查看状态

git status

查看日志

git log
git log --oneline   # 简洁模式

分支操作

创建分支

git branch <name>

切换分支

git checkout <name>
git switch <name>   # Git 2.23+

创建并切换分支

git checkout -b <name>
git switch -c <name>

合并分支

git merge <name>

删除分支

git branch -d <name>

远程操作

添加远程仓库

git remote add origin <url>

推送代码

git push origin main
git push -u origin main  # 首次推送

拉取代码

git pull origin main

总结

掌握这些 Git 命令，可以满足日常开发的大部分需求。

Hugo 博客搭建指南

Mon, 02 Feb 2026 00:00:00 +0000

Hugo 简介

Hugo 是一个用 Go 语言编写的静态网站生成器，它以速度快、易用性强著称。

安装 Hugo

Windows

choco install hugo-extended

macOS

brew install hugo

创建新站点

hugo new site myblog
cd myblog

添加主题

git init
git submodule add https://github.com/theNewDynamic/gohugo-theme-ananke.git themes/ananke

创建文章

hugo new posts/my-first-post.md

本地预览

hugo server -D

访问 http://localhost:1313 即可预览博客。

项目介绍

Sun, 01 Feb 2026 00:00:00 +0000

项目背景

这是一个基于 Hugo 搭建的长安的个人博客项目，主要用于记录技术学习和生活感悟。

技术栈

静态站点生成器: Hugo
主题: 自定义主题
部署: GitHub Pages

功能特点

响应式设计，支持移动端
多种布局样式切换
深色/浅色主题切换
文章搜索功能
友链展示

未来计划

添加评论系统
添加文章目录
添加阅读统计
优化 SEO

我的第一篇文章

Thu, 01 Jan 2026 00:00:00 +0000

欢迎来到我的博客

这是我使用 Hugo 创建的第一篇文章。

Hugo 是什么？

Hugo 是一个用 Go 语言编写的静态网站生成器，具有以下特点：

快速：构建速度极快
灵活：支持多种内容格式
简单：易于安装和使用

代码示例

def hello_world():
    print("Hello, Hugo!")
    
if __name__ == "__main__":
    hello_world()

引用

一级引用：作是思考的最好方式。通过文字，我们可以整理思绪，记录灵感。

CSS Flexbox布局详解

Tue, 18 Feb 2025 00:00:00 +0000

什么是Flexbox

Flexbox是CSS3中引入的一种新的布局模式，它提供了一种更加有效的方式来对容器中的子项进行排列、对齐和分配空间。

基本概念

容器和项目

使用Flexbox布局的元素称为Flex容器（flex container），它的所有子元素自动成为容器成员，称为Flex项目（flex item）。

JavaScript异步编程

Sat, 15 Feb 2025 00:00:00 +0000

异步编程概述

JavaScript是单线程语言，但它通过异步编程机制来处理耗时操作，如网络请求、文件读写等。

回调函数

最原始的异步编程方式：

function fetchData(callback) {
  setTimeout(() => {
    callback('数据');
  }, 1000);
}

fetchData(function(data) {
  console.log(data);
});

回调地狱问题：