
OpenAI助手 API與聊天機器人集成 API:打造智能互動體驗
可以使用 HTML 來建立自己的 WEB 站點,HTML 運行在瀏覽器上,由瀏覽器來解析。
大家可自行網上搜索,資源很多,下面這個鏈接就是我搜來的
https://www.runoob.com/html/html-tutorial.html
接下來我做兩個示例:
一個是結構化圖表;
一個是思維導圖。
我讓Deepseek直接幫我生成一個餅圖實際例子
我發現如果是Deepseek,生成內容右下角有個【運行HTML】
納米AI、騰訊元寶這種接入的是沒有的。
下圖就是點擊【運行HTML】后可以看到的。
復制html內容到文本文檔
點擊【另存為】后
【文件名】的后綴要確保是【.html】
【保存類型】文所有文件
還可以留意一下【編碼】,不過一般默認的都OK
然后點擊【保存】
保存后,文件會直接變成瀏覽器樣式
我這個就是360瀏覽器的樣式
雙擊打開,和運行HTML是一樣的
本身html格式的文件就可以直接保存了。
要保存為別的格式,不同瀏覽器功能不一樣。
就以我常用的360瀏覽器演示。
路徑看下圖:
路徑看下圖:
點擊打印,找到另存為PDF即可
布局橫向縱向,紙張尺寸A4、A3可以修改
如果懂HTML格式,都是可以在文檔中直接修改的
labels和data是根據實際業務數據修改
pie是修改圖表類型,backgroundColor是背景顏色
也可以直接再給DS下指令
Deepseek也可以生成更為復雜的圖表,如桑基圖,也是按照同樣方式做的示例。
之前Deepseek+Xmind就是用《高效能人士的七個習慣》作為示例
這次還是以此為例
可以留意下,我前面說的:
如果是騰訊元寶,生成的HTML文件右下角是沒有【運行HTML】的
如果對渲染有特別要求的,可以再借助Xmind這些工具。
Xmind、百度腦圖等渲染工具更適用于后期修改的。
采用響應式布局,適配不同屏幕尺寸
使用顏色區分三個主要部分(個人領域、公眾領域、自我更新)
清晰的層級結構展示
包含每個習慣的核心要點
使用陰影和圓角等現代設計元素
包含原書的重要概念(如四象限法則、情感賬戶等)
關鍵術語使用不同顏色突出顯示
黃色背景:個人領域的成功
綠色背景:公眾領域的成功
粉色背景:自我提升與更新
紅色標題:主要習慣
綠色文字:子要點
嵌套列表展示詳細內容