明白了，你希望这张逻辑路线图能直接嵌入 Hugo 的 PaperMod 主题作为笔记内容，既美观又适合网页阅读。针对这种使用场景，我给你具体方案：

方案概览

1️⃣ 图片优化

  • 尺寸：建议宽度 800–1000 px，高度根据比例自动 → 适合网页显示，不会太宽导致横向滚动
  • 格式：PNG 或 WebP → 保留清晰文字，同时支持透明背景
  • 文字可读性：保持字体清晰、颜色对比强 → 即使缩小也能阅读

2️⃣ Hugo PaperMod 嵌入方法

假设你把图片保存到 /static/images/ 下，例如：/static/images/civilization-roadmap.png

在你的 Markdown 文件中直接嵌入：

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

---
title: "人性与文明自我成长路线图"
date: 2026-02-13
tags: ["人性", "文明", "个人成长", "逻辑图"]
---

# 人性与文明自我成长路线图

下面是一张总结从战争、人性、文明、权力到个人克制的完整逻辑路线图：

![人性与文明自我成长路线图](/images/civilization-roadmap.png)

> 图中展示了五个层级：
> 1. 战争与社会（冲突原因、权力集中、信息不对称）  
> 2. 力量心理（安全感、本能、文化浪漫化）  
> 3. 文明与国家（强大+克制、威慑、信任、制度约束）  
> 4. 权力逻辑（限制权力、人性有限、权力扩张性、社会规模）  
> 5. 个人成长（约束力量与欲望、防止自毁、获得自由、社会稳定、人格成熟）

PaperMod 默认会自适应图片宽度，如果想限制最大宽度，可以加 HTML 控制：

image-20260213111512562