20. September 2023

不需要图床的hugo+OBsidian博客搭建全过程

涉及到的软件与应用

#git #OBsidian #HUGO #github #cloudflare

成品

OBsidian archetypes ---保存模板文件 content ---保存主体文件

OBsidian

新建OBsidian库

  • 打开本地仓库 不要选择新建，新建目录可能会不正确。
    • Z:\hugo\Sites\NoteBlog
    • path=yourblog

OBsidian配置

配置文件与链接

  • 设置-文件与链接
    • 删除文件设置-移至系统回收站 ---→移至软件回收站(.trash文件夹)
      • 防止误删
    • 始终更新内部链接-OFF ---→ON
      • 自动更新修改的文件名,基本上都选择开启
    • 新建笔记的存放位置-仓库的根目录 ---→指定的附件文件夹
      • 存放新建笔记的文件夹-None ---→content/blog
        或者其他content文件夹下，如日记新加个日记文件夹
    • 反复观看，内部链接类型-尽可能简短的形式 ---→基于当前笔记的相对路径
      • 非常重要，一定要选择这个形式
      • 但是粘贴图片时还是需要手动更改一下路径,修改后再博客和文档中即可通用图片地址了，实现图在本地，地址在本地。OB中这样的地址OB也是完全能识别的。
      • 将中的static跟换为..变成
      • 在多级文件夹下，../ 的数量会增多，而手动增加多个../ 在路径前，对结果不尝试影响，都能正确显示图片。应该是少了路径就识别不出，多了到没影响。只需安心将static更改为..即可。不影响结果。
      • obsidian-regex-replace使用插件进行全文统一替换，设置其快捷键到ctrl+F当然使用其他如VScode打开替换也行。
    • 使用Wiki链接-ON ---→OFF
      • 为了与主题语法匹配，使用markdown标准语法链接图片与文件
    • 附件默认存放路径-仓库的根目录 ---→指定的附件文件夹
      • 附件文件夹路径-None ---→static/images
      • 同时static/images地址为Metadate中设置image 的文件夹。是博客的封面文件，banner图片，默认地址指向static/images为根目录,从static/images中搜寻图片文件，在元数据image中直接输入图片名称如images/1.jpg与直接输入1.jpg等效
      • -文档地址又是另一套逻辑。混乱了。 搞定！
    • 忽略文件-按需配置

配置模板

  • 设置-核心插件-模板-OFF ---→ON
    • 模板文件夹位置-None ---→archetypes
    • 日期格式-None ---→YYYY-MM-DDTHH:mm:ssZ
    • 时间格式-None ---→YYYY-MM-DDTHH:mm:ssZ

配置模板YAML文件

  • 在文档右上方 20 点击切换源码模式
  • 属性内容参考 参考地址

配置日记

  • 设置

配置文档属性视图

  • 设置-核心插件-文档属性视图-打开
  • 设置-核心插件-文件列表-关闭

配置content

  • 修改content文件夹下的_idex文件，将语法改为yaml的语法。

配置FileHider插件（已弃用）

原因：文件数量太多，隐藏以后，容易导致文件列表错乱。

  • 设置-第三方插件-关闭安全模式-社区插件市场 浏览-FileHider
  • 在文件夹上右键-Hide Folder 隐藏不需要的文件夹
  • 隐藏content文件夹下的_index 文件，使用VSCODE管理
    • 笔者保留了content、archetypes文件夹以外基本都删除。保留了README

配置file-tree-alternative插件

  • 打开插件后
  • 右键content文件夹-FoucsOnFolder，以仅显示content内容
  • 关闭眼睛，在子菜单面板关闭显示子菜单文件

配置Update time on edit 插件

  • 目标：自动添加创建时间和更新文档的时间到Metadata中
  • Folder to exclude of all update不更新文件夹目录设置
    • any file updated in this folder will not trigger an updated and created update
      此文件夹中更新的任何文件都不会触发更新和创建的更新
    • 添加文件夹位置 ---→archetypes 点击 + 添加
      • 保护模板文件，不更新。否则Metadata中如date会自动更新，插入模版时间将固定，达不到我们的目标
  • Date format 日期格式 保持默认也无妨
  • Front matter created neme
    • 修改created ---→ date
      • 较少重复Metadate，且如果没有date 属性，博客不识别。

配置OBsidianGit

目标：自动提交到github

  • Folder to exclude of all update不更新文件夹目录设置

    • any file updated in this folder will not trigger an updated and created update
      此文件夹中更新的任何文件都不会触发更新和创建的更新
    • 添加文件夹位置 ---→archetypes 点击 + 添加
      • 保护模板文件，不更新。否则Metadata中如date会自动更新，插入模版时间将固定，达不到我们的目标

    如果打开的页面已经是当前文件夹中的页面，需要用什么命令指向相同文件夹中的其他页面? #question

如果你想将地址从/blog/aaa/BBB/指向/blog/BBB/，可以使用相对路径中的../表示返回上一级目录。可以使用以下链接：

1<a href="../BBB/">链接到另一个页面</a>

在这个链接中，../表示返回上一级目录（从/blog/aaa/BBB/返回到/blog/），然后再加上BBB作为文件名。这样的链接会指向/blog/BBB/地址。

但是，域名地址不支持大写。故，文件名都应该小写。上述BBB应写作bbb才生效 故，我们协定。所有文件名，标签，等都写作小写。 好像不对。 文件名跟的名称跟tittle是俩回事嘛。很好。