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

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

接下來我做兩個示例:
一個是結(jié)構(gòu)化圖表;
一個是思維導(dǎo)圖。

圖表

第一步:Deepseek生成html代碼的內(nèi)容

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

運行HTML

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

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

復(fù)制html內(nèi)容到文本文檔

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


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

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

第三步:保存

保存1:保存為html

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

保存2:保存為圖片

路徑看下圖:

保存3:保存為pdf

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

第四步:調(diào)整數(shù)據(jù)

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

請看最后一句:需要調(diào)整數(shù)據(jù),只需要修改data和labels

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

更復(fù)雜的圖表

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

思維導(dǎo)圖

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

第一步:把提示詞給到Deepseek


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

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

效果如下


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

Deepseek在html下方給出了思維導(dǎo)圖的說明

具有以下特點

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

顯示效果包括

黃色背景:個人領(lǐng)域的成功
綠色背景:公眾領(lǐng)域的成功
粉色背景:自我提升與更新
紅色標(biāo)題:主要習(xí)慣
綠色文字:子要點
嵌套列表展示詳細(xì)內(nèi)容

上一篇:

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

下一篇:

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

我們有何不同?

API服務(wù)商零注冊

多API并行試用

數(shù)據(jù)驅(qū)動選型,提升決策效率

查看全部API→
??

熱門場景實測,選對API

#AI文本生成大模型API

對比大模型API的內(nèi)容創(chuàng)意新穎性、情感共鳴力、商業(yè)轉(zhuǎn)化潛力

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

#AI深度推理大模型API

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

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