【hexo系列】02.hexo和obsidian实现笔记丝滑
文章目录
- hexo主题
- hexo进阶
- hexo插件:自动生成目录
- hexo插件:自动生成目录序号(自行选用)
- obsidian插件:templater
- 安装插件
- 配置插件
- 定制模板
- 新建笔记
- 参考资料
hexo主题
hexo主题大全
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
hexo clean
hexo g
hexo d
效果如下:
(修改了部分配置数据,没有在博客里写出来)
hexo进阶
hexo插件:自动生成目录
想要自动生成目录
原始的文章目录格式如下,文章的原数据如下右
npm install hexo-auto-category --save
配置 Hexo _config.yml
# 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: truedepth:
# 本地预览
hexo clean && hexo g && hexo s
# github
hexo clean && hexo g && hexo d
可以看到categories目录已经自动添加上了
hexo插件:自动生成目录序号(自行选用)
配置 Hexo _config.yml
# 插件 hexo-heading-index 自动生成标题序号
heading_index:enable: trueindex_styles: "{1} {1} {1} {1} {1} {1}"connector: "."global_prefix: ""global_suffix: ". "start_level: 1allow_html: false
obsidian插件:templater
安装插件
打开插件
左下角设置 --> 第三方插件 --> 社区插件市场,搜索:templater
点击安装,然后启用。
配置插件
在仓库下新建一个文件夹,随意取名
在插件的配置处,将刚刚的文件夹填上。
定制模板
定制一个hexo的元数据模板
---
title: <% tp.file.title %>
author: ningan123
date: <% tp.file.creation_date() %>
updated: <% tp.file.last_modified_date() %>
tags:
---
新建笔记
此处选择一个之前就创建的笔记,点击左侧templater的模板,选择刚刚建的模板hexo
可以看到,已经动态生成了模板数据
之所以要选择之前就建好的笔记,是因为想体现出插件的creation_date和last_modified_date的区别。
还可以定制其他自己想要的数据,可以到Templater进行查看其他语法的生成。
搭配刚刚hexo动态生成目录的插件,可以实现元数据自动化,是不是爽歪歪~—
参考资料
# hexo-auto-category
hexo-heading-index
Templater
【hexo系列】02.hexo和obsidian实现笔记丝滑相关推荐
- Hexo系列——(一) Hexo的安装与使用
目录 前言 一.安装Node.js和Git 1.安装node.js和npm,npm是node.js的包管理工具 2.更新npm的镜像源 3.全局安装n管理器(用于管理node.js) 4.安装最新的n ...
- ubuntu安装有道云笔记_Ubuntu 安装Node 10.16 跑 Nodeppt 加Hexo博客再来个为知笔记私有云...
几个月前偶然看到NodePPT的霸气标语 U work so hard, but 干不过 write PPTs 当时觉得挺好玩的,后来在自己的Windows笔记本上安装了,效果也确实不错,但是在Ubu ...
- https 加端口_Ubuntu 安装Node 10.16 跑 Nodeppt 加Hexo博客再来个为知笔记私有云
几个月前偶然看到NodePPT的霸气标语 U work so hard, but 干不过 write PPTs 当时觉得挺好玩的,后来在自己的Windows笔记本上安装了,效果也确实不错,但是在Ubu ...
- 个人博客系列【Hexo】-实现在百度中搜索到自己的博客
目录 1.添加站点 2.选择协议头"http:// ",填写网站域名,点击下一步: 3.设置站点领域,这里选择信息技术(按需选择),点击下一步: 4.验证网站,选择CNAME验证, ...
- Hexo系列 | Hexo安装、启动
目录 前言 一.Hexo是什么? 二.安装node.js 三.安装Git 四.检查是否安装成功 五.Hexo安装.启动 前言 用Hexo框架搭建个人博客,记录搭建过程 个人博客效果 一.Hexo是什么 ...
- Hexo系列(1) - 简单搭建教程与远程部署
前言 搭建个人博客一般有两种选择,一个是使用WordPress,但是需要将博客搭建在服务器上,不过搭建好后写文章方便,适合没有程序基础的人使用.另一个是使用Hexo,相对简洁高效,不需要服务器,既可以 ...
- 《Hexo: 从零开始编写自己的主题》1. Hexo概述以及Hexo工作原理
<Hexo: 从零开始编写自己的主题> 1. Hexo概述以及Hexo工作原理 2. 入门Hexo主题编写 3. 优化样式,设计自己的主题 4. fancybox优化图片展示效果.代码高亮 ...
- scrapy爬虫折腾系列-02
Scrapy折腾系列-02 1.笔记 response是一个scrapy.http.response.html.HtmlResponse对象,可执行xpath和css语法来提取数据 提取出来的数据,是 ...
- Java 集合系列02之 Collection架构
概要 首先,我们对Collection进行说明.下面先看看Collection的一些框架类的关系图: Java 集合系列02之 Collection架构 Collection是一个接口,它主要的两个分 ...
最新文章
- ios unrecognized selector sent to instance出现的原因和解决方案
- Android中创建和响应选项菜单
- 北京通州拟3年培训技能人才5万人次 服务城市副中心行政办公区等
- 2.Python算法之分治算法思想
- Oracle primary,unique,foreign 区别,Hibernate 关联映射
- 工具_HBuilder使用快捷方式
- jquery-数字渐变
- php字符串原地反转,php反转字符串方法
- 关于C/C++中的几个关键字(C基础)
- devcon 用法2
- Hibernate一对多关联关系
- Python从excel读取数据并绘图
- 笔记本卡顿不流畅是什么原因_电脑卡顿不流畅是什么原因?
- 数据库(一)--数据库系统的核心知识点
- html5获取坐标高德,vue 单纯的获取经纬度 百度与高德 H5
- Python搭建简单的web服务器
- AMS1084电路图
- 新路程------imx6 wtd摘要
- Neo4j Cypher查询语言详解
- 复杂交联环境下的测试任务快速开发工具系统情况