我之前拉了一個(gè)AI自媒體的群，就...同行交流，互相學(xué)習(xí)。
很快就500人了，然后里面這群人，每天就話不停。
幾小時(shí)不看，里面就是99+。
真的，爬樓爬不動(dòng)了，信息太多也是一種負(fù)擔(dān)。。。（不是打廣告，群已經(jīng)滿了，找我加也進(jìn)不去。。。）
直到前幾天，即夢(mèng)3.0內(nèi)測(cè)的那天，突然有個(gè)群友，在晚上11點(diǎn)，發(fā)了一張圖出來(lái)。那張圖是這樣的。
是我們整個(gè)群一天的聊天記錄匯總，還是可視化的，而且分門別類，還有每日金句和云圖，超級(jí)有意思。
這個(gè)群友，叫@ Simon的精神世界。
他說(shuō)，他之所以想做這個(gè)東西，也是因?yàn)槿豪锵⑻嗔?。。。他是在爬樓爬不過(guò)來(lái)，那不如，就自己手搓一個(gè)。
我問(wèn)他，是怎么做的，他直接給我開(kāi)了個(gè)飛書會(huì)議，分享了20分鐘。
在得到他的授權(quán)后，我也想，把這個(gè)做法，分享給大家。
不止可以總結(jié)群，你跟女朋友、領(lǐng)導(dǎo)、基友的聊天記錄，也都可以總結(jié)。
真的，酷到封神。
做這樣一個(gè)可視化的微信聊天記錄總結(jié)，一共可以分為三步。
1. 導(dǎo)出微信聊天記錄。
2. 讓AI根據(jù)聊天記錄生成網(wǎng)頁(yè)代碼。
3. 將代碼運(yùn)行變成可視化網(wǎng)頁(yè)/圖片。
我們一步一步來(lái)說(shuō)，保證手把手教會(huì)你。很簡(jiǎn)單的。
一. 導(dǎo)出微信聊天記錄
中所周知，微信的聊天記錄是加密的，很多人其實(shí)都卡在這一步，不知道怎么把微信的聊天記錄導(dǎo)出出來(lái)。
同時(shí)，還怕會(huì)有數(shù)據(jù)泄露風(fēng)險(xiǎn)。
@ Simon的精神世界 給我推薦了一個(gè)很傻瓜簡(jiǎn)單的工具。
叫MemoTrace，留痕。
數(shù)據(jù)風(fēng)險(xiǎn)肯定也是我非常關(guān)心的，所以在用之前，我把作者的播客、過(guò)往兩年的資料還有一些評(píng)論信息全部在網(wǎng)上遍歷了一遍，沒(méi)看到啥負(fù)面，同時(shí)也進(jìn)行了斷網(wǎng)測(cè)試，也找了某實(shí)驗(yàn)室做安全的大佬看了一下，沒(méi)發(fā)現(xiàn)有啥問(wèn)題。
然后，我自己才敢用，也才敢在這里寫出來(lái)。
項(xiàng)目網(wǎng)址在此： https://github.com/LC044/WeChatMsg/?tab=readme-ov-file
在項(xiàng)目中，可以進(jìn)入官網(wǎng)直接下載，目前比較蛋疼是，mac不支持。
所以，需要有一臺(tái)Windows電腦。在網(wǎng)頁(yè)里面，下載2.1.1版本，上面大字寫了，小白用戶請(qǐng)不要下載測(cè)試版。。。
正常下載完成安裝。
在保持微信已經(jīng)打開(kāi)正在運(yùn)行的狀態(tài)，打開(kāi)軟件，你會(huì)看到一個(gè)沒(méi)有那么精致的UI。
別看有那么多亂七八糟的信息，你其實(shí)根本不需要管那些東西，正常情況下你沒(méi)魔改過(guò)微信的話，第一次使用，你只需要先點(diǎn)擊獲取信息。
然后，你就會(huì)發(fā)現(xiàn)，你的手機(jī)號(hào)、昵稱、微信的ID被抓出來(lái)了。緊接著，點(diǎn)解析數(shù)據(jù)這個(gè)按鈕就行。
速度一般很快，我是5080的顯卡，幾秒就全部解析完了。
然后，它就會(huì)給你復(fù)刻了一個(gè)，使用微信的UI界面。
有一說(shuō)一，雖然安裝完剛打開(kāi)的那個(gè)UI有點(diǎn)丑，但是這個(gè)界面，我還是真的很喜歡的，非常的直觀，符合用戶的預(yù)期，簡(jiǎn)直就是UI設(shè)計(jì)中 所見(jiàn)即所得的典范。。。
第一個(gè)聊天框，就是那個(gè)天天刷屏的AI自媒體群。
我寫這篇文章的時(shí)間是4月8日凌晨1點(diǎn)56，他們居然還有人在里面聊天。。。
我們直接點(diǎn)擊群聊右上角的導(dǎo)出聊天記錄，選擇這個(gè)AI對(duì)話專用TXT。
這個(gè)專用的TXT，你可以理解為做了一些數(shù)據(jù)清洗，把一些跟AI對(duì)話無(wú)關(guān)的信息比如時(shí)間等等都給剔除了，只留了每天的日期信息，同時(shí)還做了一些格式的排列，讓大模型更好識(shí)別。
所以，無(wú)腦導(dǎo)出這個(gè)就行，因?yàn)槲覀兛偨Y(jié)和可視化聊天記錄，也不需要那些精確到幾分幾秒的時(shí)間信息，更多的是看每天的內(nèi)容總結(jié)，這個(gè)時(shí)間維度幾乎就夠了。
點(diǎn)擊以后，會(huì)彈出一個(gè)彈窗?？梢赃x擇消息類型和時(shí)間周期，我一般就會(huì)把除了文本、分享卡片、文件啥的都勾掉，那些變成文本以后本身也沒(méi)用，都是垃圾信息。
時(shí)間的話你可以自己選，我建議還是圈定一下范圍，不要一次性導(dǎo)出全部時(shí)間，要不然...你的電腦可能會(huì)卡死。。。
全部搞定以后，點(diǎn)擊開(kāi)始，沒(méi)幾秒就會(huì)給你一個(gè)彈窗。
你就可以點(diǎn)擊打開(kāi)，跳轉(zhuǎn)到聊天記錄存儲(chǔ)的文件夾下面，看到那個(gè)聊天記錄的txt文件。
雙擊打開(kāi)，你就能看到，這個(gè)文件是這樣子的。
至此，第一步我們搞定。
你已經(jīng)有了，能扔給AI最牛逼的原料，同時(shí)，最難的一步已經(jīng)完成了。
后面的步驟，更加簡(jiǎn)單傻瓜。
2. 讓AI根據(jù)聊天記錄生成網(wǎng)頁(yè)代碼
得益于之前Claude 3.7的更新，以及藏師傅的發(fā)明和教程，AI把任意信息，轉(zhuǎn)成可視化網(wǎng)頁(yè)這一流派發(fā)揚(yáng)光大。
它能做到傳統(tǒng)拼圖或者總結(jié)，所遠(yuǎn)遠(yuǎn)達(dá)不到的精致效果。
而這次的思路，其實(shí)也是基于藏師傅可視化網(wǎng)頁(yè)的基礎(chǔ)上，繼續(xù)生根發(fā)芽。
把聊天記錄，給可視化。
只不過(guò)，跟之前的PDF、word等等不同的是，微信聊天記錄信息太多了，在Simon的測(cè)試中，Claude 3.7、DeepSeek v3這些有能力做出漂亮網(wǎng)頁(yè)的模型，幾乎都吃不下微信聊天記錄這么大的文本，更別提要按格式輸出一段很棒的代碼了。
但是有一個(gè)模型，卻在這個(gè)場(chǎng)景上完美的不可置信。
這就是前幾天發(fā)布，但是被GPT4o畫圖爆火給淹了的Google Gemeni 2.5 pro...
AI界汪峰實(shí)錘。
我們可以在兩個(gè)地方用到Gemeni 2.5 pro，一個(gè)是他們的AI Studio，一個(gè)是Gemini助手官網(wǎng)。
AI Studio： https://aistudio.google.com/
Gemini： https://gemini.google.com/app
我個(gè)人還是推薦使用AI Studio。
一是Gemini上面不知道為啥，我給進(jìn)去聊天記錄和Prompt，這玩意就開(kāi)始亂碼輸出，雖然最后的Html代碼沒(méi)啥問(wèn)題，但是強(qiáng)迫癥看著是真難受。
而是AI studio可以直接下載Html代碼文件，而Gemini只能復(fù)制，保存成文件我還得打開(kāi)Trae自己手動(dòng)處理，就非常呆逼。
所以，我們打開(kāi) AI studio，在右邊把模型選成Gemini 2.5 pro。然后，把我們的聊天記錄，和Prompt扔進(jìn)去。
Prompt的話，Simon直接寫了一個(gè)模板，為了固定樣式，他直接把樣式代碼也寫進(jìn)去了。。。
因?yàn)閷?shí)在太太太太長(zhǎng)了，763行，我就不貼在文章里面了，我給他放到了一個(gè)txt里。
你直接在公眾號(hào)后臺(tái)，對(duì)著公眾號(hào)發(fā)送消息“wx”就會(huì)自動(dòng)發(fā)給你了。
還記得我們?cè)诘谝徊嚼?，?dǎo)出的微信聊天記錄txt嗎。
直接把兩個(gè)文件，一起扔進(jìn)去就行。
啥都不用說(shuō)，你就直接扔進(jìn)去就完事了。
然后Gemini 2.5 pro就會(huì)自己嘟嘟的推理了，你啥也不用管，喝杯咖啡尿泡尿，回來(lái)的時(shí)候，他就把代碼寫好了。
你拉倒最后，有復(fù)制和下載兩個(gè)按鈕，直接點(diǎn)下載就行。
你的下載文件夾里，就會(huì)出現(xiàn)一個(gè)名叫code的HTML文件。
至此，第二步完成。
三. 將代碼運(yùn)行變成可視化網(wǎng)頁(yè)/圖片
其實(shí)如果你裝了Chrome的話，上面那個(gè)html文件，是可以直接雙擊點(diǎn)開(kāi)運(yùn)行的。
但是它有個(gè)很大的問(wèn)題，就是是個(gè)本地鏈接，你想把這個(gè)東西分享給別人，要么從頭到尾截一張長(zhǎng)圖，要么把這個(gè)文件發(fā)給別人讓別人打開(kāi)。
怎么看怎么都不夠優(yōu)雅。
所以，我們有兩種方式，分享給別人。
1. 轉(zhuǎn)成一個(gè)在線的網(wǎng)頁(yè)。
2. 直接把html文件轉(zhuǎn)成一張長(zhǎng)圖。
轉(zhuǎn)成在線的網(wǎng)頁(yè)很簡(jiǎn)單，用之前我安利過(guò)很多次的小眾產(chǎn)品 yourwar就行。
網(wǎng)址在此：https://www.yourware.so/
直接切換到Upload tab，把你的html文件上傳上去。
幾秒時(shí)間，一個(gè)在線的網(wǎng)頁(yè)就搞定了。
直接點(diǎn)Share，就能把這個(gè)在線的網(wǎng)址，分享給你的朋友，你的朋友們，也都可以打開(kāi)了。
比如我總結(jié)的4月7號(hào)的聊天記錄，就是這樣的，你們也可以打開(kāi)看看。
https://z5gw1aprhd.app.yourware.so/
另一種方式，是直接把html文件，轉(zhuǎn)成長(zhǎng)圖，可以少幾步操作步驟。
這個(gè)小公舉也是在線的。
https://cloudconvert.com/html-to-png
你什么都不用管，只需要，把你的html文件，傳上去。
點(diǎn)擊Convert。
等十幾秒鐘。它就會(huì)給你一個(gè)下載鏈接。
主打一個(gè)方便快捷。
除了頭部的emoji給我干沒(méi)了，其他的都挺好。。。
這個(gè)小教程，我個(gè)人還是覺(jué)得蠻有趣的。
感謝 @ Simon的精神世界 提供的這么棒的點(diǎn)子。
讓大家再一次眼前一亮，哇AI還能做這么好玩的事。
可視化的Prompt，別忘了直接在公眾號(hào)后臺(tái)，對(duì)著公眾號(hào)發(fā)送消息“wx”就會(huì)自動(dòng)發(fā)給你了。
希望大家，都能把AI玩出花來(lái)。
去做一些，屬于自己的故事。
以上，既然看到這里了，如果覺(jué)得不錯(cuò)，隨手點(diǎn)個(gè)贊、在看、轉(zhuǎn)發(fā)三連吧，如果想第一時(shí)間收到推送，也可以給我個(gè)星標(biāo)?～謝謝你看我的文章，我們，下次再見(jiàn)。
>/ 作者：卡茲克
>/ 投稿或爆料，請(qǐng)聯(lián)系郵箱：wzglyay@virxact.com
熱門跟貼