曾经的我嗤之以鼻，现在的我逐帧学习！Obsidian 插件太强大了。乐于折腾的咱，笔记软件也不知道换了几个了，下次再详细介绍一下吧。

这篇先侧重与 Obsidian 基本配置，以及和 Hugo 的联动~

本文不是手把手教你如何配置的，更多的是提供成品参考以及个人记录。

亮点抢先看：自动精简图片成 webp，多端同步，使用模板一键生成 Hugo 文章属性，推送文章到 Github，一键统一文章格式，链接自动获取标题等等

用到的插件一览：

一、Enveloppe 推送文章

目前我的 Hugo 是基于 Github 和 Vercel 自动部署的，可以参考我之前的文章 从Wordpress迁移到Hexo，我都做了些什么，不过用的已经不是 Github Action 了，Vercel 那边的已经有集成的 Hugo 的预配置了。

因此我只需要将 Hugo 整个项目保存在 Git 仓库里，Vercel 会自动使用 Hugo 命令生成 public 各种静态文件。那么我只需要将我写的文章推送到 Git 仓库的 content/posts 下面就可以啦。

目前我的文章结构如下：

content
│  └─posts
│      └─post-name
│         ├─index.md
│         ├─pics
│            └─xxx.webp

每个文章创建文件夹，文章所有图片放在 pics 下面。

我添加几个正则替换，按需使用。

GitHub 拷贝 settings.json 设置，然后粘贴导入插件：

配置具体相关可以参考： Github Publisher 插件适配 Hugo 的配置

二、使用模板快速生成 Hugo 文章配置

---
# 注意：这个模板需要Templater插件，且需用alt+e来插入
title: <%tp.file.title%>
# url设置
slug: magisk-patch-boot
date: <% tp.date.now("YYYY-MM-DD HH:mm:ss Z") %>
summary: 博客吃灰，回来修整
tags:
  - blog
  - hugo
  - themes
categories:
  - 技术
series:
  - 系列名字
cover:
  image: pics/xxx.webp
  caption: 图片描述xxxxxxxx
# Enveloppe插件开关
share: false
# Enveloppe插件中要存到content下面地址
dir: posts/<%tp.file.title%>
# Linter插件自动维护修改日期
lastmod: 2024-08-14 10:15:06 +08:00
---

这里使用到了 Templater 和 Linter 插件，前者可以给模板拓展很多常用的变量，后者主要是用在维护 lastmod 最后修改日期这个属性。

Templater 插件只需要配置好模板文件夹即可。

Linter 插件打开”修改日期“相关配置即可。

三、一句话介绍

  • Auto Link Title：粘贴链接时转变成 markdown 格式并自动获取标题。
  • Code Styler：在代码块上添加 fold，可以折叠长代码。
  • Image Converter：自动将图片存放到当前目录的 pics 下，且精简体积转换成 webp。
  • Linter：除开在模板中，还规定了一些文章统一的样式，比如添加各种空格。
  • Remotely Save：这里我使用 InfiniCLOUD 实现了多平台的同步。

四、小尾巴

说实话这种配置文章不太好写，一是我嫌麻烦自己懒得写详细的一步步的介绍，二是我觉得能看到这篇文章的人多多少少都有自己动手能力。

每个人自己的需求大不相同，且这种文章往往时效性比较强，就比如我参考的文章里面插件名字已经从 Github Publisher 变成了 Enveloppe。

不过如果你对文中有些配置比较困惑，可以评论一起讨论。