可以使用 HTML 來建立自己的 WEB 站點,HTML 運行在瀏覽器上,由瀏覽器來解析。

大家可自行網上搜索,資源很多,下面這個鏈接就是我搜來的
https://www.runoob.com/html/html-tutorial.html

接下來我做兩個示例:
一個是結構化圖表;
一個是思維導圖。

圖表

第一步:Deepseek生成html代碼的內容

我讓Deepseek直接幫我生成一個餅圖實際例子

運行HTML

我發現如果是Deepseek,生成內容右下角有個【運行HTML】
納米AI、騰訊元寶這種接入的是沒有的。
下圖就是點擊【運行HTML】后可以看到的。

第二步:保存到文檔,以”.HTML”后綴保存

復制html內容到文本文檔

點擊【另存為】后
【文件名】的后綴要確保是【.html】
【保存類型】文所有文件
還可以留意一下【編碼】,不過一般默認的都OK
然后點擊【保存】


保存后,文件會直接變成瀏覽器樣式
我這個就是360瀏覽器的樣式

雙擊打開,和運行HTML是一樣的

第三步:保存

保存1:保存為html

本身html格式的文件就可以直接保存了。
要保存為別的格式,不同瀏覽器功能不一樣。
就以我常用的360瀏覽器演示。

保存2:保存為圖片

路徑看下圖:

保存3:保存為pdf

路徑看下圖:
點擊打印,找到另存為PDF即可
布局橫向縱向,紙張尺寸A4、A3可以修改

第四步:調整數據

Deepseek在html下方給出了圖表的說明

請看最后一句:需要調整數據,只需要修改data和labels

如果懂HTML格式,都是可以在文檔中直接修改的
labels和data是根據實際業務數據修改
pie是修改圖表類型,backgroundColor是背景顏色
也可以直接再給DS下指令

更復雜的圖表

Deepseek也可以生成更為復雜的圖表,如桑基圖,也是按照同樣方式做的示例。

思維導圖

之前Deepseek+Xmind就是用《高效能人士的七個習慣》作為示例
這次還是以此為例

第一步:把提示詞給到Deepseek


可以留意下,我前面說的:
如果是騰訊元寶,生成的HTML文件右下角是沒有【運行HTML】的

第二步保存到文檔、第三步保存和圖表是一樣的,不再贅述

效果如下


如果對渲染有特別要求的,可以再借助Xmind這些工具。
Xmind、百度腦圖等渲染工具更適用于后期修改的。

Deepseek在html下方給出了思維導圖的說明

具有以下特點

采用響應式布局,適配不同屏幕尺寸
使用顏色區分三個主要部分(個人領域、公眾領域、自我更新)
清晰的層級結構展示
包含每個習慣的核心要點
使用陰影和圓角等現代設計元素
包含原書的重要概念(如四象限法則、情感賬戶等)
關鍵術語使用不同顏色突出顯示

顯示效果包括

黃色背景:個人領域的成功
綠色背景:公眾領域的成功
粉色背景:自我提升與更新
紅色標題:主要習慣
綠色文字:子要點
嵌套列表展示詳細內容

上一篇:

Claude 3.7 Sonnet超全使用指南:8種方法,白嫖到付費全都有!

下一篇:

DeepSeek 圖片教程:全面指南與實用技巧,值得收藏!
#你可能也喜歡這些API文章!

我們有何不同?

API服務商零注冊

多API并行試用

數據驅動選型,提升決策效率

查看全部API→
??

熱門場景實測,選對API

#AI文本生成大模型API

對比大模型API的內容創意新穎性、情感共鳴力、商業轉化潛力

25個渠道
一鍵對比試用API 限時免費

#AI深度推理大模型API

對比大模型API的邏輯推理準確性、分析深度、可視化建議合理性

10個渠道
一鍵對比試用API 限時免費