【hexo系列】02.hexo和obsidian实现笔记丝滑

hexo主题

hexo主题大全

1
2
cd blog
git clone https://github.com/yelog/hexo-theme-3-hexo.git themes/3-hexo

这是将3-hexo主题下载到blog目录的themes主题下的3-hexo文件夹中。

打开博客目录下的_config.yml配置文件,修改主题为3-hexo

1
2
3
hexo clean
hexo g
hexo d

效果如下:
(修改了部分配置数据,没有在博客里写出来)

hexo进阶

hexo插件:自动生成目录

想要自动生成目录

原始的文章目录格式如下,文章的原数据如下右

1
npm install hexo-auto-category --save

配置 Hexo _config.yml

1
2
3
4
5
6
# Generate categories from directory-tree
# Dependencies: https://github.com/xu-song/hexo-auto-category
# depth: the max_depth of directory-tree you want to generate, should > 0
auto_category:
enable: true
depth:
1
2
3
4
# 本地预览
hexo clean && hexo g && hexo s
# github
hexo clean && hexo g && hexo d

可以看到categories目录已经自动添加上了

hexo插件:自动生成目录序号(自行选用)

配置 Hexo _config.yml

1
2
3
4
5
6
7
8
9
# 插件 hexo-heading-index 自动生成标题序号
heading_index:
enable: true
index_styles: "{1} {1} {1} {1} {1} {1}"
connector: "."
global_prefix: ""
global_suffix: ". "
start_level: 1
allow_html: false

obsidian插件:templater

安装插件

打开插件
左下角设置 –> 第三方插件 –> 社区插件市场,搜索:templater

image.png

点击安装,然后启用。

配置插件

在仓库下新建一个文件夹,随意取名

image.png

在插件的配置处,将刚刚的文件夹填上。

image.png

定制模板

定制一个hexo的元数据模板

image.png

1
2
3
4
5
6
7
---
title: <% tp.file.title %>
author: ningan123
date: <% tp.file.creation_date() %>
updated: <% tp.file.last_modified_date() %>
tags:
---

新建笔记

此处选择一个之前就创建的笔记,点击左侧templater的模板,选择刚刚建的模板hexo

image.png

image.png

可以看到,已经动态生成了模板数据
之所以要选择之前就建好的笔记,是因为想体现出插件的creation_date和last_modified_date的区别。
image.png

还可以定制其他自己想要的数据,可以到Templater进行查看其他语法的生成。

搭配刚刚hexo动态生成目录的插件,可以实现元数据自动化,是不是爽歪歪~—

参考资料

# hexo-auto-category
hexo-heading-index
Templater


【hexo系列】02.hexo和obsidian实现笔记丝滑
http://example.com/2022/12/11/hexo/【hexo系列】02.hexo和obsidian实现笔记丝滑/
作者
ningan123
发布于
2022年12月11日
许可协议