需求 & 项目结构探讨

[LordFoxFairy]

1. 需求
2. 项目结构

[LordFoxFairy]

@hexWars

[hexWars]

目录树是什么概念，是不是类似这里的左边，例如，markdown存放目录是下面这样的，而左边的技术就是一个可折叠栏，点开下面是文章

├── 技术/
│   ├── nginx使用指南
│   └── docker使用指南
├── 生活/
│   ├── 周记1
│   └── 周记2

如果是这样的话，有几个问题，最多允许嵌套多少层？目录树文件夹一层，文章两层，这样效果为佳

---

还有一种简要的写法，就是不管层级，按照时间顺序排列，例如

├── 技术/
│   ├── nginx使用指南 // 2024-1-1
│   └── docker使用指南 // 2024-1-3
├── 生活/
│   ├── 周记1 // 2024-1-4
│   └── 周记2 // 2024-1-2

那么左边可以显示成

─ nginx使用指南 // 2024-1-1
─ 周记2 // 2024-1-2
─ docker使用指南 // 2024-1-3
─ 周记1 // 2024-1-4

[hexWars]

标签和分类，一般是写在Front Matter里面，也就是markdown前面的那个东西，下面是例子：

---
title: sp-space 文档
pubDate: 2025-01-01
tags: ["周记", "css","tailwindcss"]
categories: ["生活"]
---

最近XXX

tag没啥好说的，就是直接写

categories又有几种分法，是直接在Front Matter里写，还是根据文件实际所属的目录来分

或者干脆写简单版的，只弄tag，别的先不管

[hexWars]

关于markdown的渲染，用rust解析器解释成html后，可以直接使用tailwindcss的一个排版插件，这个应该很容易做到

[hexWars]

关于搜索框，这个其实不一定要弄，现在的很多博客/技术文档，用的是这个，直接在markdown里写好怎么集成就行了

因为这个服务，针对技术博客和技术文档，免费使用

当然，用一些搜索集成也可以

[LordFoxFairy]

语法按照markdown来，不要修改别人记录，层级按照个人创建的层级来展示

[LordFoxFairy]

1. 不要修改别人源文件
2. 标签单独可设置一个可配置目录，或者个人习惯在笔记里面设置按照markdown格式
3. 层级不做限制

[LordFoxFairy]

1. 在markdown可做渲染先
2. 层级不限制，要符合个人笔记习惯，不能强迫别人

[hexWars]

好吧hhh，我只是在说业内主流的方案（很多文档主题都是这样干的），不过这个Front Matter确实没有一个统一的标准

[LordFoxFairy]

我先弄下文件树这个吧，左边的那一块，数据我弄假数据先 @hexWars
需求：文件树

[LordFoxFairy]

@hexWars https://github.com/ranile/material-yew 我们统一采用这个框架吧，没专业前端写css太过于困难了，还是用基于 tailwind的 框架来比较适合

[hexWars]

组件库啊，可以，那我先把顶部导航栏弄一下吧，我的设想是，顶部导航栏的数据，通过一个config文件来获取，我先做单级导航栏
@LordFoxFairy

[LordFoxFairy]

wasm 的限制，我发现很多第三方库，用不了，我想了下，我把文件树的搜索给去掉，我感觉都静态文件部署了，这功能去掉，
后续，可以部署web，可以弄进去，等这个弄完，就弄一个beta版本realse吧，发布出来，我们就开始着手 桌面版如何 @hexWars

[LordFoxFairy]

@hexWars 获取当前点击的文件已经实现了，可以浏览器控制台上看到打印日志

[hexWars]

你是不是没上传

[LordFoxFairy]

@hexWars 已经上传了，你需要看下 浏览器的控制台

[LordFoxFairy]

https://mathjax.github.io/MathJax-demos-web/speech-tex-chtml.html

@hexWars 我看是用的这个

[hexWars]

这两天不太有空，你要不先休息一下，我到现在力扣都还没写

[LordFoxFairy]

1. 目前，大纲未做
2. 布局样式
3. latex 语法矩阵渲染不正确，以及其他部分【可能语法写错】
4. 代码重构

[hexWars]

似乎是它没有准确读取到数学公式，例如

$$
A = [a_{ij}]_{N\times N}
$$

修改成
$$A = [a_{ij}]_{N\times N}$$
就可以识别了

或者

$$
​	$A$是状态转移概率矩阵：
$$
A = [a_{ij}]_{N\times N}
$$
其中，// 似乎是把这里识别成了数学公式，太密集了，上面和下面加个换行就行了
$$
a_{ij} = P(i_{t+1}=q_j|i_t=q_i)，i=1,2,\cdots,N;j=1,2,\cdots,N
$$

[hexWars]

我再改改样式吧，这里又溢出了

[LordFoxFairy]

强，latex的展示，我看了下，有几个，

1. 这个很长的数学公式，本来我是换行的，但是这里渲染没给换行
2. latex 渲染矩阵数学公式 没有呈现矩阵形式，而是一行

latex剩下这两个，

我先弄下大纲这里下，很快的 @hexWars

[LordFoxFairy]

目前我将大纲弄上去了，但是样式惨不忍睹，还有大纲选中后锚定到对应标题，这个还没实现。 代码重构需要等待基本功能完成后，梳理下，代码结构肯定要重新弄下

[LordFoxFairy]

在这里 @hexWars

[hexWars]

那个换行的我搞定了，是转义问题，无语了，搞半天latex的配置

[hexWars]

不过可能有更好的解决方案就是了

[LordFoxFairy]

@hexWars 强，现在还差点就可以弄完了，

1. 大纲
2. 代码重构
3. 样式整体调整，抽出样式，放到scss