首先安装Logseq并创建HTML标签知识库，接着为每个标签建立页面并记录功能、属性与代码示例，然后通过双向链接关联相关标签，最后导入外部HTML文档并整合至知识图谱。
如果您希望在Linux系统上使用Logseq记录关于HTML标签的知识点，并构建一个结构化的个人知识图谱，可以通过多种方式高效组织和管理这些信息。以下是实现该目标的具体操作步骤。
本文运行环境：联想ThinkPad X1 Carbon，Ubuntu 24.04
一、安装并配置Logseq桌面应用
Logseq是一款基于本地文件的开源知识管理工具，支持Markdown和大纲格式，适合用于构建HTML标签的知识库。通过桌面端安装可获得更稳定的使用体验。
1、打开终端，添加Logseq的APT仓库密钥：wget -qO- https://logseq.github.io/deb-repo/gpg.key | sudo gpg --dearmor -o /usr/share/keyrings/logseq.gpg
立即学习“前端免费学习笔记（深入）”；
2、将Logseq的软件源写入系统源列表：echo "deb [signed-by=/usr/share/keyrings/logseq.gpg] https://logseq.github.io/deb-repo/ stable main" | sudo tee /etc/apt/sources.list.d/logseq.list
3、更新软件包索引并安装Logseq：sudo apt update && sudo apt install logseq
4、在应用程序菜单中启动Logseq，首次运行会提示选择图谱目录，建议创建专门的“HTML_Tags_Knowledge”文件夹进行管理。
二、创建HTML标签知识条目
在Logseq中，每个页面代表一个主题，可以为常用HTML标签创建独立页面，便于后续链接与检索。
1、在左侧导航栏点击“新建图谱”或打开已有图谱后，点击左上角“+ 新建页面”。
2、输入页面名称如“<p>标签”，进入编辑模式后，在首行输入“# HTML标签”作为分类标记。
3、使用无序列表记录该标签的功能说明：- 定义段落内容，是块级元素
4、添加属性说明：- 支持class、id、style等全局属性
5、插入代码示例区块，用三个反引号包裹HTML代码：
使用 `gh` CLI 与 GitHub 交互。通过`gh issue`、`gh pr`、`gh run` 和 `gh api` 管理 issue、PR、CI 运行以及高级查询。
```html
<p class="intro">这是一个段落</p>
```
三、建立标签之间的关联关系
利用Logseq的双向链接功能，可以将相关HTML标签相互引用，形成知识网络。
1、在“<div>标签”页面中，输入[[<p>标签]]以创建指向段落标签的链接。
2、在“<span>标签”页面中，添加说明：与[[<p>标签]]不同，span是行内元素，不自动换行
3、创建通用比较页面“块级 vs 行内元素”，在其中列出所有涉及的标签链接，如[[<div>标签]]、[[<p>标签]]、[[<span>标签]]等。
4、使用Logseq的“引用”功能查看哪些页面链接到了当前标签，帮助发现知识盲区。
四、导入外部HTML文档作为知识源
可以将MDN或其他权威网站上的HTML参考文档转换为Markdown格式，批量导入Logseq。
1、使用Pandoc工具将HTML文档转为Markdown：pandoc -f html -t markdown input.html -o output.md
2、将生成的output.md文件复制到Logseq图谱的journals或pages目录下。
3、重启Logseq，新文件将以页面形式出现在侧边栏，可进一步拆分内容到独立标签页面。
4、对导入内容进行校验，确保代码块正确显示，必要时手动调整格式。
