Skip to content
This repository has been archived by the owner on Nov 9, 2023. It is now read-only.

zxcvbnmzsedr/blog-gatsby

Repository files navigation

通过Gatsby生成博客站点

点击这里查看生成后的效果

运行方式

git clone [email protected]:zxcvbnmzsedr/blog-gatsby.git
cd blog-gatsby
yarn install

启动思源客户端,配置config.js下的思源笔记对应的url路径和token

siYuan: {
    host: 'http://127.0.0.1:6806/api/',
    token: '<token>',
    box: '<boxId>'
}

通过yarn start启动项目,启动成功之后访问 localhost:8000 即可访问

LwEJBV

复制出来的ID,就是对应笔记本的BoxId

笔记本下面分为三块,posts、pages、topic

  • posts 就是日常的博客记录
  • pages 用于存放首页的一些title之类
  • topic 用于存放体系化结构的知识,会通过这些生成思维导图

目前生成出来的文章标签是通过路径标记的,比如笔记本的路径是/posts/java/HashMap, 生成出来的文章的标签就是java

思维导图的生成逻辑也是通过路径标记的,比如笔记本的路径是/topic/分布式/topic/并发,这样就会以分布式并发生成两份思维导图

思维导图的顺序是根据手动排序的结果生成。

Posts的顺序是通过文档的创建时间来生成。

以下面的笔记结构为例:

IdyNzp

生成的思维导图就是这样的:

FHyPDb

rsuarD

文章就是这样的:

U0ExiV