在 Gemini 中可以撰寫含有 AI 功能的網頁程式,但是如果要布署到其他網站上,對大部分的人都是吃力的。我想要使用以下的例子來操作:

(1)由 Gemini 撰寫有 AI 功能的網頁程式→(2)由 v0 處理成可發布的程式→(3)發布到 Vercel 網站中使用。

過程應該還算是輕鬆的,因為系統會做完大部分的事。你只要做一些過程的連結即可。

讓Gemini撰寫的程式布署到Vercel中開放使用

請寫參考:下載Gemini的網頁程式碼,利用API Key轉成具有AI功能的可攜網頁

我要利用 Gemini 撰寫一個具AI功能的Excel函數學習助理,並且發布到 Vercel 網站。參考以下的步驟:

首先,開啟 Gemini(https://gemini.google.com/)。

使用以下指令在 Gemini 中建立網頁程式:

使用者輸入一個Excel函數,再由Gemini AI以學習者必須知道的核心內容為主,根據以下學習指引產生教學內容的互動式平台。網頁內容要求: 

1.可以輸入Gemini的API Key(以連續*顯示) 。 

2.可以輸入Excel函數名稱。

3.利用Gemini的AI功能產生教學內容。

4.Gemini的AI回覆內容必須詳細,文意應該淺顯易懂,並且具備邏輯性和步驟性。

5.可以下載AI產生教學內容的文字檔。

5.注意界面的字體大小以利學生閱讀。

6.以明亮而色彩豐富的視覺化設計呈現。

7.盡量增加網頁互動性以利學生學習。

學習指引:

(1)提供這個函數所適用的Excel版本。

(2)提供這個函數的引數完整說明。

(3)提供這個函數的清楚使用範例。

(4)提供這個函數的可能使用時機。

(5)提供這個函數延伸學習的函數。

(6)提供這個函數容易誤用的狀況。

(7)提供這個函數的線上學習資源。

Gemini 完成的程式如下:(https://gemini.google.com/share/937c4b53268c

讓Gemini撰寫的程式布署到Vercel中開放使用

接著,選取「共用/複製內容」,再開啟記事本貼上。再將記事本儲存為文字檔。

再來,開啟 v0(https://v0.dev/),上傳這個文字檔,並且輸入以下指令:

上傳的是由 Gemini 產生的程式,請將程式內容轉換成可以在 Vercel 上架的程式。

得到以下的結果:

讓Gemini撰寫的程式布署到Vercel中開放使用

最後,點選 Publish,再點選:Deploy to Production。

讓Gemini撰寫的程式布署到Vercel中開放使用

網站布署好後,點選:Visit Site,即可看到布署後的網頁。

讓Gemini撰寫的程式布署到Vercel中開放使用

本例:https://v0-vercel-to-gemini-conversion.vercel.app/

在這個例子中,就可以在 Vercel 的網站中使用 Gemini 的 AI 功能了!

讓Gemini撰寫的程式布署到Vercel中開放使用

下載的文字檔內容:

讓Gemini撰寫的程式布署到Vercel中開放使用

學不完.教不停.用不盡文章列表

arrow
arrow
    文章標籤
    Gemini Vercel v0
    全站熱搜
    創作者介紹
    創作者 vincent 的頭像
    vincent

    學不完.教不停.用不盡

    vincent 發表在 痞客邦 留言(0) 人氣()