查看“︁编辑指南”︁的源代码

# **<center>Wiki.js 编辑风格提示文档</center>**
- 悬浮提示框使用指南
先将以下代码注入页面-样式中
```
[data-tooltip] {
  position: relative;
  cursor: help;
  display: inline;
  text-decoration: none
}
[data-tooltip]::before {
  content: attr(data-tooltip);
  position: absolute;
  bottom: calc(100% + 10px);
  left: 50%;
  transform: translateX(-50%);
  min-width: 80px;
  max-width: 800px;
  width: max-content;
  white-space: pre-line;
  word-wrap: break-word;
  overflow-wrap: break-word;
  background: #fff;
  color: #333;
  border: 1px solid #e0e0e0;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: 0 2px 8px rgba(0,0,0,.1);
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  transition: all .2s ease
}
[data-tooltip]::after {
  content: '';
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 6px solid transparent;
  border-top-color: #fff;
  opacity: 0;
  visibility: hidden;
  transition: all .2s ease
}
[data-tooltip]:hover::after,
[data-tooltip]:hover::before {
  opacity: 1;
  visibility: visible
}
@media (max-width:768px) {
  [data-tooltip]::before {
    max-width: 250px;
    left: 0;
    transform: translateX(0)
  }
}
  ```
- 基础使用
这是一个<span data-tooltip="这里是悬浮提示内容">悬停文字</span>。
- 多行提示
	<span data-tooltip="第一行：重要说明
第二行：详细解释
第三行：补充信息">多行提示</span>
- 带颜色和样式
<span data-tooltip="重要提醒" style="color: red;">红色警告</span>
**<span data-tooltip="重点内容" style="color: blue;">蓝色重点</span>**
<span data-tooltip="注意细节" style="background: yellow; padding: 2px 4px;">高亮提示</span>


# 📝 基础Markdown语法速查
文字样式
<MARKDOWN>
# 一级标题
## 二级标题
### 三级标题
**粗体文字** 或 __粗体__
*斜体文字* 或 _斜体_
***粗斜体***
~~删除线文字~~
`行内代码`
列表
<MARKDOWN>
## 无序列表
- 项目一
- 项目二
  - 子项目
  - 子项目
## 有序列表
1. 第一项
2. 第二项
   1. 子项
   2. 子项
  
链接与引用
<MARKDOWN>
## 外部链接
[链接文本](https://example.com)
## 内部Wiki链接
[[页面名称]]
[[显示文本|页面名称]]
## 引用
> 这里是一段引用文字
> 
> 引用可以多行
## 脚注
这是一句话[^1]。
[^1]: 这是脚注内容。
## 表格
<MARKDOWN>
  
| 表头1 | 表头2 | 表头3 |
|-------|-------|-------|
| 内容1 | 内容2 | 内容3 |
| 左对齐 | 居中 | 右对齐 |
| :---  | :---: | ---: |
  
## 代码块
```语言名称
// 代码示例
function hello() {
  console.log("Hello World!");
}
```
# 视觉语义标记规范
- 核心原则：
  1.语义优先：颜色代表概念类别/阵营归属，尽量统一染色标准。
  2.克制使用：仅用于关键术语、阵营名称、核心概念的首次出现或重点强调，避免滥用。
  
## 色码表
| 分类 | 颜色名称 | 语义指向 | Hex 色码 | Markdown/HTML 代码示例 |
| :--- | :--- | :--- | :--- | :--- |
| **意识形态与政权（核心染色区）** | | | | |
| 共产主义 | **赤红色** | 共产主义、社会主义、工团主义、无产阶级革命组织、国际主义思潮。 | `#CC0000` | <span style="color: #CC0000;">全弥恩社会主义联盟</span> |
| 民主主义 | **珊瑚红** | 民主社会主义、渐进社会主义、福利国家主张、温和左翼改革派。 | `#FF7F50` | <span style="color: #FF7F50;">社会党</span> |
| 自由主义 | **深蓝色** | 自由主义、宪政民主、共和主义、议会制、公民权利与自由市场。 | `#1F4E79` | <span style="color: #1F4E79;">东赐守望政府</span> |
| 保守主义 | **墨绿色** | 传统主义、保皇党、立宪君主派、旧贵族、社会文化保守势力。 | `#2E4D2B` | <span style="color: #2E4D2B;">帝国监护政府</span> |
| 威权主义 | **暗橙色** | 强人政治、军事独裁、集权国家、扩张主义、民族沙文主义。 | `#CC5500` | <span style="color: #CC5500;">军阀</span> |
| **宗教与神权** | | | | |
| 泛宗教概念 | **暗金色** | 多神信仰、民间信仰、普遍宗教仪式、非圣庭的神学概念。 | `#B8860B` | <span style="color: #B8860B;">星领联盟</span> |
| 圣庭 | **绛紫色** | **圣庭**及其专属概念、机构（裁判所、修会）、教义、高阶神职人员。 | `#68228B` | <span style="color: #68228B;">圣庭</span> |
| **地理与自然** | | | | |
| 重要地理区域 | **赭石色** | 具有战略或文化意义的地区、城市、自然奇观、永恒边疆。 | `#8B4513` | <span style="color: #8B4513;">雾幻海</span> |
| **魔法、科技与知识** | | | | |
| 魔法与奥术 | **靛蓝色** | 魔网、法术原理、奥术理论、魔导工程。 | `#4B0082` | <span style="color: #4B0082;">魔网稳定锚</span> |
| 科技与工业 | **钢青色** | 科学技术、工业产物、枪械、非魔导机械、工程学。 | `#4682B4` | <span style="color: #4682B4;">电气化</span> |
| **经济与资源** | | | | |
| 关键资源 | **橄榄色** | 镜玉、石油等驱动世界经济的核心战略物资。 | `#6B8E23` | <span style="color: #6B8E23;">镜玉</span> |
| **历史、时间与灾厄** | | | | |
| 历史时期/事件 | **棕色** | 重大历史事件、战争、革命、时代名称。 | `#8B7355` | <span style="color: #8B7355;">天堂陨落</span> |
| 历法时间 | **茶色** | 独特的纪年、时节、历法单位。 | `#D2B48C` | <span style="color: #D2B48C;">清霖时节</span> |
| **灾厄与异质存在** | **深红色** | 三大灾厄（魑魅/古孽、龙族、智械）、深渊造物、不可名状之存在、系统性灾难。 | `#8B0000` | <span style="color: #8B0000;">古孽</span> |
  
政权实体染色规则：所有国家、城邦、主要政治联盟，必须根据其 主导意识形态 或 政权本质 进行染色。

示例：
东部自治联盟 → 其本质是资产阶级法团国家，主导意识形态为 自由主义民主，应染为 <span style="color: #1F4E79;">东部自治联盟</span>。
监护政府 → 其本质是威权军事统治，应染为 <span style="color: #CC5500;">监护政府</span>。
龙陵王国 → 其本质是封建奴隶制与神权结合的保守政权，应染为 <span style="color: #2E4D2B;">龙陵王国</span>。
若一个政权由 圣庭 直接控制或为其神权国家，则使用 <span style="color: #68228B;">[政权名]</span>。
复合概念处理：

以最核心、最独特的属性为准。例如“圣庭的奥术研修院”，“圣庭”是其核心归属，染绛紫色；“奥术”是其属性，可在文中单独说明。
对于明确由两种意识形态混合的实体（如某“民主社会主义共和国”），可根据其官方宣称或实际主导倾向，选择 珊瑚红 或 深蓝色，并在条目内文首段说明其复合性。
何时不使用颜色：

普通叙述性文字。
无法明确归类或存在争议的概念。
过于宽泛的通用术语（如“国家”、“经济”本身）。
确保可读性：避免在短段落内使用过多不同颜色。