«««< HEAD
«««< HEAD
各位老师好， 我是007
今天是 2025年6月12日 每天定投15分钟 实现百万梦想的第12天（2025 年 6 月 1 日）
课程表
Day6/21 AI编程行动营
案例二：微信读书+MCP，一键生成精美读书卡片
今日行动
一、需求分析
作为微信读书的忠实用户，我在微信读书里积累了大量的阅读笔记和划线，但这些知识碎片一直缺乏有效的整合方式，很多想法也是写了就忘。随着大语言模型的发展，我希望能够让AI帮助我重新组织和利用这些宝贵的个人知识资产，这就是开发微信读书MCP Server项目的初衷。
这个项目利用Model Context Protocol（MCP）协议，搭建了微信读书与支持MCP的AI客户端（如Claude Desktop）之间的桥梁，让我们可以用自然语言与自己的阅读数据进行对话，实现阅读笔记的智能化管理和利用。
https://github.com/freestylefly/mcp-server-weread
微信读书 MCP Server 是一个为微信读书提供 MCP（Model Context Protocol）服务的工具，支持将
的书籍、笔记和划线数据提供给支持MCP的大语言模型客户端，如Cursor、Claude Desktop。
功能特点
- 从微信读书获取书架信息
- 搜索书架中的图书
- 获取图书的笔记和划线
- 获取图书的热门书评
- 支持按章节组织笔记和划线
- 与支持MCP协议的LLM客户端无缝集成
二. 打开微信读书网页版本，获取cookies
官方资料：https://github.com/watchpoints/mcp-server-weread
首先，我们需要解决一个小问题：如何获取微信读书的数据。
考虑到Cookie经常过期的问题（这个真的很烦人！），
我推荐使用CookieCloud来自动更新Cookie，
这就像给你的数据通道装了一个永不断电的备用电源。
CookieCloud是一个浏览器插件，Chrome和Edge用户都可以在应用商店搜索获取：
1. 插件安装步骤：
安装浏览器插件
Edge商店：https://microsoftedge.microsoft.com/addons/detail/cookiecloud/bffenpfpjikaeocaihdonmgnjjdpjkeo
Chrome商店：https://chromewebstore.google.com/detail/cookiecloud/ffjiejobkoibkjlhjnlgmcnnigeelbdl
谷歌为例子
第一步 ：打开 点击安装
第二步：点击浏览器右上角，显示 cookie cloud
能显示 说明安装成功
2. 配置 CookieCloud 插件
参考：https://chenge.ink/article/post20250505
- 服务器地址：使用我自建的服务器 https://cc.chenge.ink
- 点击"自动生成密码"
- 同步域名关键词中填入"weread"
- 【可选】配置 Cookie 保活
- 点击"保存"，然后点击"手动同步"确保配置生效
brwUzuSAJnYPLzGwC2H1PG
7d3jAmn94G3DtQXytdjbBi
weread
https://weread.qq.com/
三、在Trae中配置微信读书MCP（放弃启动失败）
原作者在blog里介绍的是Claude/Cursor的配置方法，但其实在Trae里配置更简单，就像给手机装App一样直观。
我们打开Trae，依次进入：我的 → AI功能管理 → MCP
在MCP界面里点击”添加”，
然后在MCP/市场里，点击”手动配置”，
填入以下代码（就像输入魔法咒语一样）
在MCP Json中配置CookieCloud变量：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
|
=======
# 课程表
=======
# AI编程极速开发应用 Day12/21 ：微信小程序开发
分类：
【小白教程】手把手教你用Cursor+微信云开发做个小程序 | 小白 AI 编程 | 零基础
## AI 编程
- https://breakout.findyiai.com/action
- https://breakout.findyiai.com/details/26d07f1b-acac-4f81-8daf-525922fbd461/3e6bca5e-e149-4fef-a3d4-06fc43c01306
>>>>>>> e7593899e13f2ada364377231fb9a50cac1eb290
## AI 编程
- https://breakout.findyiai.com/action
- https://breakout.findyiai.com/details/26d07f1b-acac-4f81-8daf-525922fbd461/3e6bca5e-e149-4fef-a3d4-06fc43c01306
# 行动营Day8/21 天
今日遇到一个问题
如果有伙伴微信的MCP调用不通，找不到书架的，可以换方法重新再配置一下
https://qcnz8kfntx1q.feishu.cn/docx/L2DMdOfS4oSLplxpKACcJUyCnTe
开 https://weread.qq.com/ 页面，登陆后
按 F12 或 鼠标右键-->检查 打开开发者工具
1、点击Network标签页
2、点击Fetch/XHR，再点击 notify
3、点击 header 往下滑动找到 cookie
4、复制 cookie 的值
把刚刚复制的cookie进行替换，添加到mcp.json
```JSON
>>>>>>> f561aa5a7ebcae647b9e1c508de985629e7f9a6f
{
"mcpServers": {
"wxread": {
"command": "npx",
"args": ["-y", "mcp-server-weread"],
"env": {
<<<<<<< HEAD
"CC_URL": "https://cc.chenge.ink",
"CC_ID": "brwUzuSAJnYPLzGwC2H1PG",
"CC_PASSWORD": "7d3jAmn94G3DtQXytdjbBi"
=======
"WEREAD_COOKIE":"替换刚刚复制的cookie"
>>>>>>> f561aa5a7ebcae647b9e1c508de985629e7f9a6f
}
}
}
}
|
«««< HEAD
注意：配置 CookieCloud 后，
系统会优先使用 CookieCloud 获取 Cookie，
获取失败才会使用 WEREAD_COOKIE 环境变量的值。
结果启动失败 https://github.com/CherryHQ/cherry-studio/issues/4231
trea果然不靠谱
三、在Cursor中配置微信读书MCP
3.1 添加 MCp
3.2 创建 提示词
创建一个目录 weread，然后创建一个文件 微信读书MCP提示 输入提示词
1
2
3
|
请使用 wxread MCP 帮我总结《演讲的力量》的划线和笔记并根据@微信读书MCP提示词.md
在wxRead文件夹下生wxRead.html的成读书笔记卡片
|
请使用 wxread MCP 帮我总结《演讲的力量》的划线和笔记并根据@微信读书MCP提示词.md
在wxRead文件夹下生wxRead.html的成读书笔记卡片
1
2
3
4
|
请使用 mcp-server-weread MCP 帮我查询书架上的书籍
https://qcnz8kfntx1q.feishu.cn/docx/L2DMdOfS4oSLplxpKACcJUyCnTe
|
遇到错误： 重试
四、生产卡片
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
|
# 微信读书MCP艺术读书笔记卡片制作提示词
你是一位极具艺术感的读书笔记设计大师，擅长将读书数据转化为既有学术深度又具备视觉美学的艺术品。我需要你为我的微信读书创建一张融合文学气息与设计美感的读书笔记卡片，它应当不仅是知识的载体，更是一次视觉与心灵的双重享受。
## 输出格式选择
- **格式类型**：请生成 [Markdown格式 | HTML网页] 的读书笔记卡片
- Markdown适合在文档系统中使用，结构简洁，便于编辑
- HTML网页具有更丰富的视觉效果，适合在浏览器中查看和分享
首先，使用微信读书MCP功能获取以下信息：
1. 书籍基本信息（书名、作者、出版信息）
2. 我的阅读进度和阅读时间
3. 所有划线内容（按重要性和章节排序）
4. 我添加的所有笔记
## 内容结构
请按照以下结构组织读书笔记卡片，每个区域都应融入艺术气息：
【封面区】
- 书籍封面图像（如可获取）或富有意境的标题设计
- 书名（采用具有文学气质的优雅字体）
- 作者信息（以典雅方式呈现）
- 阅读完成度和阅读时间统计（可采用创意图表或诗意表达）
- 可考虑添加与书籍主题相关的艺术元素或意象符号
【核心洞见区】
- 提取3-5条最重要的划线或笔记，作为本书核心洞见
- 为每条洞见创造富有诗意的标题，展现深层含义
- 使用艺术化的排版和装饰元素强调这些洞见
- 考虑以优雅的手绘风格图标或象征符号点缀各洞见
【章节精华区】
- 以创意方式组织章节，如时间流、思想图谱或主题星系
- 为每个章节设计独特的视觉标识或微型插图
- 对每个章节内容进行诗意化总结（1-2句话）
- 以优雅的引用设计展示该章节最有价值的2-3条划线/笔记
- 将个人笔记与原文划线以艺术化方式组合，如对话、回响或延伸
【个人思考区】
- 基于所有笔记，创作一段富有文学气息的个人思考（不超过200字）
- 设计成类似信笺、日记或内心独白的风格
- 提炼出2-3个可能的行动点或应用建议，以优雅图标或装饰框呈现
## 艺术设计要求（通用）
- **整体美学风格**：根据书籍气质选择合适的艺术风格（如古典书卷风、现代诗集风、艺术展览风、复古印刷风等）
- **色彩方案**：
- 使用富有层次感的配色，主色调反映书籍基调
- 考虑添加微妙的色彩渐变和过渡效果
- 可选用金色、银色等贵金属色调作为点缀，增添质感
- **字体艺术**：
- 标题使用具有文学气质的字体（如衬线体、手写体或艺术字体）
- 正文使用优雅易读的字体，注重字距和行距的韵律感
- 关键词可使用特殊处理（如字重变化、颜色强调或装饰下划线）
- **引用设计**：
- 创造富有意境的引用框，如古卷展开、信笺展示或手稿效果
- 考虑为重要引用添加烫金、水印或印章等装饰元素
- **装饰元素**：
- 添加与书籍主题相关的精致装饰，如墨迹、羽毛、墨水晕染等
- 使用优雅的分隔线，如手绘线条、花纹图案或渐变线
- 为不同区块设计独特的边框或背景纹理
- **留白与韵律**：
- 确保页面有艺术性的留白，创造呼吸感
- 注重视觉元素的韵律与平衡，如黄金分割比例的应用
- **版式创意**：
- 考虑非传统的内容排列，如交错式、拼贴式或诗歌式排版
- 适当使用错落有致的布局，营造阅读节奏感
## HTML特定设计指南（当选择HTML格式时）
【艺术主题选择】
- 提供多种预设艺术主题：
- **古典书卷**：羊皮纸质感、典雅烫金、古书印章
- **现代诗集**：极简留白、精致字体、微妙渐变
- **艺术展览**：画廊布局、艺术框架、精致标签
- **古典图书馆**：木质纹理、复古书架、温暖灯光效果
- **文学手稿**：手写风格、纸张质感、墨水印记
【页面结构与动效】
- 使用HTML5语义标签构建优雅的内容结构
- 创建半透明或艺术化的固定导航栏
- 添加优雅的页面转场效果，如淡入淡出、优雅滑动或翻页效果
- 为滚动过程设计微妙动效，如视差滚动或元素渐显
- 设计富有文艺气息的返回顶部按钮，如羽毛笔、书签或纸飞机
【高级视觉效果】
- 应用精致的阴影效果，营造纸张层叠感或书页翻转感
- 考虑添加微妙的纸张纹理或老旧书页效果
- 使用CSS滤镜创造照片或插图的艺术处理效果
- 为重要区域添加柔和的光效或聚光灯效果
- 在适当位置使用毛玻璃效果或微妙的透明叠加
【高级交互设计】
- 实现精致的引用悬停效果，如轻微放大、背景变化或附加批注显示
- 为章节标题添加展开/折叠动画，如优雅的手风琴效果
- 设计创意的阅读进度指示，如墨水瓶填充、书页翻转或时间沙漏
- 为长引用设计"继续阅读"的优雅展开动效
- 添加轻柔的页面背景动效，如微妙的纸张纹理移动或柔和光影变化
【HTML模板框架与CSS增强】
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>[书名] - 艺术读书笔记</title>
<style>
/* 丰富的CSS变量系统 */
:root {
/* 主色调系统 */
--primary-color: #主题色;
--primary-light: #主题色浅色调;
--primary-dark: #主题色深色调;
--secondary-color: #次要色;
--accent-color: #强调色;
/* 文本色彩系统 */
--text-primary: #主文本色;
--text-secondary: #次要文本色;
--text-accent: #强调文本色;
--quote-color: #引用色;
/* 背景系统 */
--bg-primary: #主背景色;
--bg-secondary: #次要背景色;
--bg-card: #卡片背景色;
/* 装饰元素系统 */
--border-color: #边框色;
--shadow-color: rgba(0,0,0,0.1);
--highlight-color: #高亮色;
/* 字体系统 */
--title-font: "Font Name", serif;
--body-font: "Font Name", sans-serif;
--quote-font: "Font Name", serif;
--note-font: "Font Name", cursive;
/* 间距与尺寸系统 */
--spacing-xs: 0.5rem;
--spacing-sm: 1rem;
--spacing-md: 2rem;
--spacing-lg: 3rem;
--spacing-xl: 5rem;
/* 动画时间 */
--transition-fast: 0.2s;
--transition-medium: 0.5s;
--transition-slow: 0.8s;
/* 圆角半径 */
--radius-sm: 4px;
--radius-md: 8px;
--radius-lg: 16px;
--radius-round: 50%;
}
/* 基础风格与创意排版 */
body {
font-family: var(--body-font);
line-height: 1.8;
color: var(--text-primary);
background-color: var(--bg-primary);
background-image: url('纹理图片URL'); /* 可选的纹理背景 */
background-attachment: fixed;
background-size: cover;
max-width: 1200px;
margin: 0 auto;
padding: var(--spacing-md);
transition: all var(--transition-medium);
}
/* 标题系统 */
h1 {
font-family: var(--title-font);
font-size: 2.8rem;
color: var(--primary-color);
margin-bottom: var(--spacing-md);
letter-spacing: 1px;
position: relative;
/* 添加创意装饰，如下划线、背景或特效 */
}
h2 {
font-family: var(--title-font);
font-size: 2rem;
color: var(--secondary-color);
margin: var(--spacing-lg) 0 var(--spacing-md);
padding-bottom: var(--spacing-xs);
position: relative;
/* 添加创意装饰，如特殊边框或背景 */
}
h3 {
font-family: var(--title-font);
font-size: 1.5rem;
color: var(--text-accent);
margin: var(--spacing-md) 0 var(--spacing-sm);
/* 添加轻微装饰 */
}
/* 创意区块设计 */
.section-card {
background-color: var(--bg-card);
border-radius: var(--radius-md);
padding: var(--spacing-lg);
margin-bottom: var(--spacing-lg);
box-shadow: 0 8px 30px var(--shadow-color);
transition: transform var(--transition-medium), box-shadow var(--transition-medium);
position: relative;
overflow: hidden;
/* 可添加卡片装饰元素，如角标、纹理或边框 */
}
.section-card:hover {
transform: translateY(-5px);
box-shadow: 0 15px 35px var(--shadow-color);
}
/* 艺术化引用设计 */
.highlight {
background-color: rgba(var(--highlight-color-rgb), 0.1);
padding: var(--spacing-md);
margin: var(--spacing-sm) 0;
border-radius: var(--radius-sm);
position: relative;
font-family: var(--quote-font);
line-height: 1.8;
/* 添加引用装饰，如引号、边框或背景 */
}
.highlight:before {
content: """; /* 装饰引号 */
font-size: 3em;
position: absolute;
opacity: 0.2;
top: -10px;
left: -5px;
color: var(--primary-color);
}
.note {
background-color: rgba(var(--accent-color-rgb), 0.1);
padding: var(--spacing-md);
margin: var(--spacing-sm) 0 var(--spacing-md);
border-radius: var(--radius-sm);
border-left: 3px solid var(--accent-color);
font-family: var(--note-font);
/* 添加笔记装饰，如手写效果或纸张质感 */
}
/* 创意导航设计 */
nav {
background-color: rgba(var(--primary-color-rgb), 0.95);
position: sticky;
top: 0;
z-index: 100;
display: flex;
justify-content: center;
padding: var(--spacing-sm) 0;
margin-bottom: var(--spacing-lg);
box-shadow: 0 4px 20px var(--shadow-color);
backdrop-filter: blur(10px); /* 毛玻璃效果 */
border-radius: var(--radius-md);
}
nav a {
color: white;
text-decoration: none;
padding: 8px 20px;
margin: 0 var(--spacing-xs);
border-radius: var(--radius-sm);
transition: all var(--transition-fast);
font-family: var(--title-font);
letter-spacing: 1px;
position: relative;
/* 添加导航链接的特殊效果 */
}
nav a:after {
content: "";
position: absolute;
bottom: -2px;
left: 50%;
transform: translateX(-50%) scaleX(0);
width: 80%;
height: 2px;
background-color: white;
transition: transform var(--transition-medium);
}
nav a:hover:after {
transform: translateX(-50%) scaleX(1);
}
/* 优雅动效 */
@keyframes fadeIn {
from { opacity: 0; transform: translateY(20px); }
to { opacity: 1; transform: translateY(0); }
}
.fade-in {
animation: fadeIn var(--transition-medium) ease-out forwards;
}
/* 艺术化装饰元素 */
.decorative-line {
height: 3px;
background: linear-gradient(to right, transparent, var(--accent-color), transparent);
margin: var(--spacing-md) 0;
border-radius: var(--radius-sm);
}
.corner-decoration {
position: absolute;
width: 80px;
height: 80px;
opacity: 0.1;
/* 角落装饰，如花纹、图案等 */
}
/* 创意滚动顶部按钮 */
.scroll-top {
position: fixed;
bottom: var(--spacing-md);
right: var(--spacing-md);
background-color: var(--primary-color);
color: white;
width: 50px;
height: 50px;
border-radius: var(--radius-round);
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
box-shadow: 0 4px 15px var(--shadow-color);
transition: all var(--transition-medium);
z-index: 99;
}
.scroll-top:hover {
transform: translateY(-5px);
box-shadow: 0 8px 20px var(--shadow-color);
}
/* 响应式设计增强 */
@media (max-width: 768px) {
:root {
/* 调整移动端的间距变量 */
--spacing-lg: 2rem;
--spacing-md: 1.5rem;
--spacing-sm: 0.8rem;
}
body {
padding: var(--spacing-sm);
}
h1 { font-size: 2rem; }
h2 { font-size: 1.6rem; }
nav {
flex-wrap: wrap;
padding: 5px;
}
.section-card {
padding: var(--spacing-md);
}
}
/* 打印样式优化 */
@media print {
/* 针对打印优化的样式 */
}
/* 暗色模式增强 */
body.dark-mode {
--primary-color: #调整后的主题色;
--primary-light: #调整后的浅色调;
--primary-dark: #调整后的深色调;
--text-primary: #调整后的文本色;
--bg-primary: #暗色背景;
--bg-card: #暗色卡片背景;
/* 其他暗色模式变量调整 */
}
/* 可以添加更多创意CSS效果 */
</style>
</head>
<body>
<header class="fade-in">
<div class="corner-decoration top-left"></div>
<button class="dark-mode-toggle" id="darkModeToggle">🌓</button>
<h1>[书名]</h1>
<div class="author-info">[作者] 著 | [译者] 译</div>
<div class="progress-info">
阅读进度: [进度] | 阅读时间: [时间] | 总划线: [数量] | 笔记: [数量]
</div>
<div class="decorative-line"></div>
</header>
<nav>
<a href="#insights">核心洞见</a>
<a href="#chapters">章节精华</a>
<a href="#reflection">个人思考</a>
</nav>
<main>
<section id="insights" class="section-card fade-in">
<div class="corner-decoration top-right"></div>
<h2>核心洞见</h2>
<div class="decorative-line"></div>
<!-- 核心洞见内容 -->
<div class="insight">
<div class="insight-title">[洞见标题]</div>
<div class="highlight">[洞见内容]</div>
</div>
</section>
<section id="chapters" class="section-card fade-in">
<h2>章节精华</h2>
<div class="decorative-line"></div>
<!-- 章节内容 -->
<div class="chapter">
<h3>[章节标题]</h3>
<div class="chapter-summary">[章节简介]</div>
<div class="highlight">[划线内容]</div>
<div class="note">[笔记内容]</div>
</div>
</section>
<section id="reflection" class="section-card fade-in">
<h2>个人思考</h2>
<div class="decorative-line"></div>
<!-- 个人思考内容 -->
<p>[个人思考文字]</p>
<h3>行动建议</h3>
<ul>
<li>[行动建议1]</li>
<li>[行动建议2]</li>
</ul>
</section>
</main>
<div class="scroll-top" id="scrollTop">
<!-- 可以是箭头、羽毛笔图标或其他创意元素 -->
↑
</div>
<footer>
<div class="decorative-line"></div>
<p>读书笔记生成于 [日期] | 基于微信读书MCP</p>
</footer>
<script>
// 返回顶部功能
document.getElementById('scrollTop').addEventListener('click', function() {
window.scrollTo({
top: 0,
behavior: 'smooth'
});
});
// 暗色模式切换
document.getElementById('darkModeToggle').addEventListener('click', function() {
document.body.classList.toggle('dark-mode');
if (document.body.classList.contains('dark-mode')) {
this.textContent = '🌞';
localStorage.setItem('darkMode', 'enabled');
} else {
this.textContent = '🌓';
localStorage.setItem('darkMode', 'disabled');
}
});
// 检查本地存储中的暗色模式首选项
if (localStorage.getItem('darkMode') === 'enabled') {
document.body.classList.add('dark-mode');
document.getElementById('darkModeToggle').textContent = '🌞';
}
// 为所有区块添加淡入效果
document.addEventListener('DOMContentLoaded', function() {
const elements = document.querySelectorAll('.fade-in');
elements.forEach((element, index) => {
element.style.animationDelay = `${index * 0.2}s`;
});
});
// 为章节标题添加展开/折叠功能
const chapterTitles = document.querySelectorAll('.chapter h3');
chapterTitles.forEach(title => {
title.addEventListener('click', function() {
this.parentElement.classList.toggle('expanded');
});
});
// 可以添加更多交互功能
</script>
</body>
</html>
```
## 艺术化内容处理指南
- **内容精选原则**：
- 像策展人一样精心挑选最有文学价值和思想深度的内容
- 为核心洞见创造诗意化的标题，展现深层含义
- 以优美文笔对章节内容进行简练总结，追求文学性表达
- **洞见提炼技巧**：
- 超越简单摘抄，寻找内容间的隐藏联系和思想脉络
- 将不同章节的相关思想优雅地编织在一起
- 赋予划线内容更丰富的文化和哲学维度
- **笔记艺术化处理**：
- 将个人笔记视为与作者的思想对话，创造对话式呈现
- 为笔记添加符合书籍气质的情感色彩和文学表达
- 在个人思考部分创造富有启发性的文学性总结
- **文字风格建议**：
- 根据书籍类型调整语言风格（如学术、文学、哲学或实用类）
- 为个人思考部分注入优雅的叙事节奏和修辞手法
- 在行动建议中融入诗意表达，使实用性与艺术性并存
如果书籍划线/笔记过多，请如艺术家般筛选最具深度和美感的内容；如果过少，则以匠心独运的方式扩展现有内容的艺术表达和思想深度。最终的笔记卡片应当不仅记录知识，更应是一件融合个人思考与艺术表达的精神作品。
请确保最终呈现的不仅是一张读书笔记，而是一次美学与思想的盛宴，一件能够唤起阅读记忆与情感共鸣的艺术品，让每一张笔记卡片都成为珍贵的思想与美感的结晶。
如果输出HTML格式，请提供完整的HTML代码和内嵌CSS样式，确保代码优雅且结构清晰，方便我直接保存为.html文件使用。
|
案例1 flomo + MCP 快速记录知识管理
需求分析：记录想法
-
flomo主要目的是帮助你「记录想法的川流」
-
为什么分类不重要。
我们的大脑不会按照分类来工作，至少一开始不会。
当知识增长时，我们所知道的事物网络就会有机地生长（
而非搭建了某种结构，更像是植物。而非建筑物）
信息被个人主观的理解，贴上标签建立连接，
成为知识。
每个人的体系都不一样，所以一定是个性化的，不断生长的。
传统的分类无法满足这种生长的状态。
-
记录Trace 和Cursor 记录我交互过程。
-
和大模型聊天，然后让大模型将回答的内容总结后保存到 flomo 笔记中
依赖条件：本地部署 和源码部署
- 方法1：自己本地部署MCP服务器
- 方法2：使用第三方平台 腾讯平台https://cloud.tencent.com/developer/mcp/server/10014
- 方法3：第三方托管平台：https://mcp.so/zh
安装步骤
第一步：登录flomo 官网，找到API链接
第二步：
打开：https://cloud.tencent.com/developer/mcp/server/10014
什么是mcp-server-flomo
基于 TypeScript 的 MCP 服务器，可助力你将笔记内容写入Flomo笔记
自己本地搭建
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
https://github.com/wangcy6/mcp-server-flomo
npm install
npm run build
npm run watch
PS D:\桌面\mcp-server-flomo-main> npm insta
> npm run build
添加配置：
{
"mcpServers": {
"mcp-server-flomo": {
"command": "npx",
"args": ["-y", "@chatmcp/mcp-server-flomo"],
"env": {
"FLOMO_API_URL": "https://flomoapp.com/iwh/xxx/xxx/"
}
}
}
}
|
企培：
自己沟通不擅长，但是听到AI企培发展方向，一定克服自己害怕说话的缺点，抓住机会，发挥自己软件工程师特点 ，解决企业客户的痛点。传统的公司 每天处理原有业务，转型慢，从上到下管理策略，因此自己开发到产品 销售 全部提高自己。
AI 编程
AI 写作写手端
1
21天 第 1 天 6 月7日
🎪欢迎大家加入AI破局俱乐部行动营实战。
这里是「 AI 企培全链路增值行动营」
🏅本次行动营的保证金机制是「12-21」即：【在 21 天学习周期内，完成不少于 12 次打卡记录】
📚《破局行动 | 实战学习手册》：https://breakout.findyiai.com/docx/fa796d17-1d14-49c9-8f06-283cab1b98f3/Lgp7dTEfKo666xx6sLFcF0NXn9c?from=from_copylink
✍🏻破局行动网站：https://breakout.findyiai.com/action
⏰学员指南丨06期破局行动：https://d16rg8unadx.feishu.cn/wiki/TT6QwKnlXiiamtkUTSMcHK1rn0c
李老师对话记录
- 最大的红利就是效率提升加能力补位。对比过去做项目 10 年 200w，现在不需要了
- 势能放大，研究平台平台推荐算法规则，行业发生了是你们事情，硅谷发生什么事情
- 互动：多看评论区内容，他们代表他们一批人，自己不熟悉的圈子的人
- 共创：和同行一起做事情，而不是同行对骂，避免单打独斗
- 普通人打造AIP其实核心不是有多牛，而是你要把自己真实的厉害持续的放在网上进行AI加持对吧？AI能让你能力倍增，内容让你被看见无限，让你能活成一个有力量的人。
- 其实未来两年是超级个体爆发的窗口期，不要观望太久。从今天开始动手去打造自己的AIP，未来一定有自己的一席之地
#行动日报-Day1
🚩【行动好事】
① 使用Youware做出了拖延症任务拆解器 @tree
② 完成了手册中4个mcp案例 @奕
📚《破局行动 | 实战学习手册》：https://breakout.findyiai.com/s/9a90017c
📺《教练分享 | 直播回放》：
6月7日小林教练——开营+AI 编程的变现，深度思考，未来预判
https://zg371.xetslk.com/sl/9Vj6y
[月亮]【睡前审视 | 打卡链接】：
https://breakout.findyiai.com/details/26d07f1b-acac-4f81-8daf-525922fbd461/3e6bca5e-e149-4fef-a3d4-06fc43c01306
⭐️【备用打卡链接】：
https://breakout.findyiai.com/action
写作
资料
- 6月7号 桃姐姐 ：https://zg371.xetslk.com/sl/4bYcl7
今日行动：
- 回顾 昨天行动营开营仪式
- 阅读写手打卡规则
- 参加 6月7号 桃姐姐 ：https://zg371.xetslk.com/sl/4bYcl7
今日收获
21天 第 2 天 6 月8日
代写
- 代写唯一标准就是客户满意，你才是 boss，ai 不是
- 找到客户新增完美样本，搞清楚到底想什么样子 （3 个方法 给客户要，模版，找专家请教）
- 格式：角色：背景：任务： 要求：**
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
|
### 角色：
你是一名资深读者，有着丰富的阅读经验，擅长依据用户输入的信息编写符合用户需求的读后感。
### 背景：
《鲁滨逊漂流记》（_Robinson Crusoe_）是英国作家丹尼尔·笛福（Daniel Defoe）于1719年创作的小说。这部小说被认为是现实主义小说的先驱之作，也是西方文学中第一部真正意义上的小说。
故事讲述了主人公鲁滨逊·克鲁索（Robinson Crusoe）的冒险经历。他是一个英国人……
### 任务/目标：
- 根据[要求]撰写符合用户需求的读后感。
### 要求：
- 800字左右。
- 像素级模仿[示例]进行撰写。
### 示例：
在这个静谧的午后，我轻轻合上了《鲁滨逊漂流记》的最后一页，心中涌动的情感如同海浪般起伏不定。这部由丹尼尔·福所著的经典之作，不仅讲述了一个关于生存与冒险的传奇故事，更深刻地探讨了人性中的勇气、智慧与自立精神……
|
-
三个技巧 客户需求分析 用AI快速学习 用AI实现交付
-
看 3 遍 有声剧为例子接单的过程 1客户需求分析2 用AI快速学习 3 用AI实现交付 绝对是 手把手教学，30 分钟 完成商业单子：模仿逃出大英博物馆，自己仿照做 1 次。
-
提示词：角色：背景：任务： 要求：格式 仿写 读书读后感
Ai编程
- 小林老师 如何解决焦虑问题 没有赚到钱—利用 ai 编程帮助挣钱–你的用户是谁，你筹码是谁
- 小程序最容易变现，相比 app 和网站，激励式广告才是主要收入
- 用户凭什么点击你广告，从人性角度出发，多巴胺分泌 复活
- AI 编程核心是什么：x轴技术 y 轴 元能力 出题家脚色，解决生活中痛点
- Ai 编程终极意义是什么?为了生活更美好，降本增效，围绕人
企业培训
https://breakout.findyiai.com/details/26d07f1b-acac-4f81-8daf-525922fbd461/fa796d17-1d14-49c9-8f06-283cab1b98f3
21天 第 2 天 6 月8日企业培训
行动1：直播会看 企业培训 价值定位 完成
- AI 时代 培训什么？思路 01 从市场出发，需要什么，我就学什么，思路 2 从自身出发 我会 什么，就教什么
- 定位赋能：我在那个位置，如何定义 我起点，谁帮助我
- 企业缺什么？与业务 结合和跨部门协作 和基础设施建设，企业培训需求动态是的
- 企业缺什么？1 管理变革 2清晰 投资回报率（ROI）论证 公司需要证明
- 如何突破？构建企业级 AI 流程（全面 AI 知识库 例如词语） 与专家协作 提供额外价值
大家中午好呀，今晚20: 30 咱们企培的第二次教练直播分享来啦，我先来预告下~
#行动营教练分享 —— Time 2
📕分享主题：《如何从0到1打开本地企培市场》
🗣分享教练：jony教练
🕐分享时间：6月8日 (周日)｜20：30
📺分享形式：小鹅通直播
🔗直播链接：
21天 第 3天 6 月10
＃0610导学
1.实战淘宝
根据手册找10家淘宝，进群
2.了解都有什么类型的单子，抢不到的自己想做的可以尝试做一下。
3.学习手册的结算方式有哪些
4.实战抢单
宝子们，打卡啦～
麻烦详细的备注
1.姓名 王传义
2.性别 ：男
3.专业 ：信息管理与信息系统
4.学历 ：本科
5.大学 ：山东财经大学
6.地区 ：山东 济南
7.特长：计算机，信息管理，会计 后端开发
8.经验 ：15年项目管理 ，开发经验
9.电话 ：19223658895
链接我
正在挑战365天认知马拉松：
✍️ 晨间写作（6:30-7:30）
🏃 夜间健行（20:00-21:00）
如果您觉得阅读本文对您有帮助，
请点一下“点赞，转发” 按钮
您的“点赞，转发” 将是我最大的写作动力！
=======
听课：热门MCP分享，助力打工人，工作副业十倍提效
这么多 MCP 加速自己工作，让工作自动化
- 案例演示 制作小红书，咖啡探店小红书笔记
- 案例演示 Figama 前端设计软件界面
f561aa5a7ebcae647b9e1c508de985629e7f9a6f
次阅读
