想要 AI 幫你生成網站 —快來使用 Pineapple Builder

更新於 發佈於 閱讀時間約 3 分鐘
© 窩DEMAA

© 窩DEMAA

在數位化時代,擁有一個個性化且引人注目的網站是成功的第一步。但是,如果你不是一位專業的網頁設計師,又怎麼能輕鬆擁有一個獨具特色的網站呢?別擔心,Pineapple Builder 正是為了解決這個問題而誕生的!本文將為你詳細介紹這個令人驚豔的工具,讓你在不需任何技術背景的情況下,輕鬆打造屬於自己的網站。

01 開啟 Pineapple Builder

首先,請先前往 Pineapple Builder 官方網站。

01 開啟 Pineapple Builder

01 開啟 Pineapple Builder


02 註冊 Pineapple Builder

登入你的 Pineapple Builder 帳號或註冊一個新帳號。登入後,你將進入一個全新的網站建置體驗。


02 開始生成網站

完成註冊後,請在建立新網站的畫面中輸入你期望網站呈現的風格範例和相關主題的關鍵字。這些關鍵字將引導 AI 生成符合你期望風格的網站架構。點擊生成按鈕後, Pineapple Builder 將立即運用 AI 技術,根據你的指引和風格喜好,即時生成一個初步的網站。而這僅是起點,後續你還可以進一步調整文字、圖案、超連結以及按鈕等項目的設定。


03 大架構的網站調整

在生成的 Pineapple Builder 網站上,你可以進行進一步的風格調整。根據你的個人品味,選擇適合的色彩、字型樣式,甚至按鈕樣式。這麼一來,你的網站將呈現一致的視覺風格,提升專業感與品牌形象。


04 小細項的網站調整

Pineapple Builder 不僅使你能夠輕鬆調整網站的文字和視覺元素,還允許你自由改變整體版面配置。你可以調整每個區塊的位置和大小,甚至添加新的區塊,以使你的網站布局更符合你的需求和內容結構。雖然生成的網站可能包含預設圖片,但這不是固定的!你可以隨時更換為自己的圖片,或進行圖片編輯,以達到最佳的視覺效果。

另外,透過 Pineapple Builder,你可以輕鬆添加和管理網站上的超連結。無論是引導訪客到其他內部頁面還是外部網站,你都擁有完全的掌控權。若在使用中發現原有的 AI 生成文案仍有進一步優化的空間,Pineapple Builder 提供即時編輯功能,讓你能夠對生成的文案進行微調,確保內容更符合你的網站需求。

① 標頭 (Header)

② 圖片(Image)&超連結 (Link)

③ 按鈕 (Button)

04 小細項的網站調整|③ 按鈕

04 小細項的網站調整|③ 按鈕


05 AI 文字協助調整

若你感到文案寫作困難,別擔心!Pineapple Builder 提供 AI 文案編寫功能,輸入相關字詞,AI 就能為你將為你「優化文字內容」、「重新撰寫內容」,以及「修正單字及文法」,從而生成令人印象深刻的網站內容。

① 優化文字內容 (Improve Writing)

② 重新撰寫內容 (Rephrase)

③ 修正單字及文法 (Fix spelling & grammer)

05 AI 文字協助調整|③ 修正單字及文法

05 AI 文字協助調整|③ 修正單字及文法


06 網頁儲存及發佈

在所有設定完成後,點按「Save Draft」儲存所有修改的內容。待確定所有一切都符合你的期望後,請點擊右上角的「Publish」發佈,你的全新 Pineapple Builder 網站就會上線了!


今天的分享就到這邊啦,期待下一篇的分享,祝福大家都有個美好的一天!喜歡窩DEMAA(OS: 就是取自”我的媽啊“的諧音)的朋友,歡迎按讚追蹤分享,也歡迎加入 數位生產力 IG 和 FB 社團,就能在第一時間收到最新的生產力工具介紹。現在,你可以快速輕鬆地打造一個個性化且令人印象深刻的網站,快立即嘗試 Pineapple Builder,探索屬於你的網站世界吧!最後,也別忘記可以 🔗點此 查看本篇製作的網站。我們下次見!

☸ 窩DEMAA

FBIGTiktokMatterPopdailyLine

© 窩DEMAA|數位生產力

© 窩DEMAA|數位生產力

avatar-img
267會員
104內容數
在多工處理已是日常的世代,具備提升效率的能力變得非常重要。我們相信只要瞭解如何使用數位工具,就能夠優化工作型態及學習模式,讓生活逐步精緻化。基於此信念,窩 World 包含的 Notion 的 Small Talk 以及數位生產力,將重點說明 Notion 的使用及數位工具的分享,讓大家能視個人需求建立專屬的知識地圖。
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
窩 World 的其他內容
在這個療癒自己的世代,將名言和語錄轉化為金句庫是一種分享和啟發他人的方式。而現在,我們可以透過 ChatGPT,以更簡單又創意的方式製作獨特的 Notion Quotes 卡片。因此,本篇文章將教你如何運用 ChatGPT 來製作 Notion Quotes 卡片,讓你的頁面更加豐富及溫暖。
嗨!朋友們!新的一年即將來臨,是時候給你的手機換上一張充滿新氣象的桌布了!在這篇文章中,我將教你如何使用 Canva 輕鬆打造一款獨特的 2024 年手機桌布。Canva 提供豐富的元素和風格,看看哪一種風格最符合你的喜好。快跟著以下步驟,發揮你的創意,製作一張讓你每天看到都充滿活力的手機桌布。
0/5Canva
隨著科技的進步,AI 在特定文件場域的應用越來越受到重視。在 AI 與 PDF 的場域,除了 ChatPDF 之外,PDF.ai 是另一個可以和 PDF 對話的選擇,它能提供你不同於 ChatPDF 對 PDF 的想像,讓你透過不同的 AI 互動,創造另一種的 PDF 合作模式。
繼第一篇 ChatPDF 的文章後,今天要來和大家分享 ChatPDF 出的新功能囉!免費版功能就增加「同時和多個 PDF 對話」、「對話的問題字數增加至 700 字」與「更完整的 ChatPDF 提問之回覆」、「 PDF 中文字的解說、統整與重寫功能」,以及「在PDF中關鍵字的搜尋」囉。看下去吧!
隨著 2023 年即將結束,讓我們一同回顧這一年「窩DEMAA」文章分享的種種亮點。在這年內,分享的 66 篇文章中,有 15 篇成功突破千人閱讀的文章,彰顯了大家對於「Notion學習」及「科技」主題的濃厚興趣。其中,這些文章的瀏覽量最高達到 6,550 次,破千的瀏覽量最低也有 1,068 次。
AI 時代崛起,從聊天型 AI 到繪畫型 AI,再到統整型、文案型、語言型以及簡報型 AI,這些智能工具已經成為我們學習、生活和工作的日常幫手。面對如此多樣性的 AI,我們今天要和大家分享三個匯聚多元 AI 工具的網站,讓你一個地方能夠一次滿足我們所有對 AI的好奇心,讓你探索 AI 的無限可能性。
在這個療癒自己的世代,將名言和語錄轉化為金句庫是一種分享和啟發他人的方式。而現在,我們可以透過 ChatGPT,以更簡單又創意的方式製作獨特的 Notion Quotes 卡片。因此,本篇文章將教你如何運用 ChatGPT 來製作 Notion Quotes 卡片,讓你的頁面更加豐富及溫暖。
嗨!朋友們!新的一年即將來臨,是時候給你的手機換上一張充滿新氣象的桌布了!在這篇文章中,我將教你如何使用 Canva 輕鬆打造一款獨特的 2024 年手機桌布。Canva 提供豐富的元素和風格,看看哪一種風格最符合你的喜好。快跟著以下步驟,發揮你的創意,製作一張讓你每天看到都充滿活力的手機桌布。
0/5Canva
隨著科技的進步,AI 在特定文件場域的應用越來越受到重視。在 AI 與 PDF 的場域,除了 ChatPDF 之外,PDF.ai 是另一個可以和 PDF 對話的選擇,它能提供你不同於 ChatPDF 對 PDF 的想像,讓你透過不同的 AI 互動,創造另一種的 PDF 合作模式。
繼第一篇 ChatPDF 的文章後,今天要來和大家分享 ChatPDF 出的新功能囉!免費版功能就增加「同時和多個 PDF 對話」、「對話的問題字數增加至 700 字」與「更完整的 ChatPDF 提問之回覆」、「 PDF 中文字的解說、統整與重寫功能」,以及「在PDF中關鍵字的搜尋」囉。看下去吧!
隨著 2023 年即將結束,讓我們一同回顧這一年「窩DEMAA」文章分享的種種亮點。在這年內,分享的 66 篇文章中,有 15 篇成功突破千人閱讀的文章,彰顯了大家對於「Notion學習」及「科技」主題的濃厚興趣。其中,這些文章的瀏覽量最高達到 6,550 次,破千的瀏覽量最低也有 1,068 次。
AI 時代崛起,從聊天型 AI 到繪畫型 AI,再到統整型、文案型、語言型以及簡報型 AI,這些智能工具已經成為我們學習、生活和工作的日常幫手。面對如此多樣性的 AI,我們今天要和大家分享三個匯聚多元 AI 工具的網站,讓你一個地方能夠一次滿足我們所有對 AI的好奇心,讓你探索 AI 的無限可能性。
本篇參與的主題活動
先前麥克買了在預算及性能方面都十分複合需求的NXTPAPER 11平板,但拿到辦公室使用後便發現因為時不時有簡報需求,主機本身不支援有線視訊輸出實在是非常不方便,因又開始尋找新歡。最終麥克選擇了算是還滿熟悉的品牌小米旗下的小米平板6,以下為麥克這一個月下來的使用心得。
從預計的十月底出貨經過重重波折,Pubu自家開發的10寸彩色閱讀器Pubook Pro終於是送到第一批集資者手中了。究竟這台閱讀器有沒有本事撼動目前的電子紙閱讀器市場?有達到集資時承諾的各項功能嗎?且讓身為首批集資者之一的麥克跟大家談談收到主機後使用數天的感想。
Steam Deck 迎來大改版,最重要的更新就是換成 OLED 螢幕。使用 OLED 螢幕帶來更好看的顏色,大小還小幅提升到 7.4 吋。關係續航力的電池也從 40 瓦小時升級到 50 瓦小時, 3A 大作都可以多玩一小時呢!這麼香的更新,怎麼不給他買下去呢 😄
先前麥克買了在預算及性能方面都十分複合需求的NXTPAPER 11平板,但拿到辦公室使用後便發現因為時不時有簡報需求,主機本身不支援有線視訊輸出實在是非常不方便,因又開始尋找新歡。最終麥克選擇了算是還滿熟悉的品牌小米旗下的小米平板6,以下為麥克這一個月下來的使用心得。
從預計的十月底出貨經過重重波折,Pubu自家開發的10寸彩色閱讀器Pubook Pro終於是送到第一批集資者手中了。究竟這台閱讀器有沒有本事撼動目前的電子紙閱讀器市場?有達到集資時承諾的各項功能嗎?且讓身為首批集資者之一的麥克跟大家談談收到主機後使用數天的感想。
Steam Deck 迎來大改版,最重要的更新就是換成 OLED 螢幕。使用 OLED 螢幕帶來更好看的顏色,大小還小幅提升到 7.4 吋。關係續航力的電池也從 40 瓦小時升級到 50 瓦小時, 3A 大作都可以多玩一小時呢!這麼香的更新,怎麼不給他買下去呢 😄
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
實測五大 AI 聊天工具 上一篇文章「2024 五款 AI 聊天機器人 : 選擇最適合你的智慧助理」已經介紹了五大 AI 聊天工具的特色。為了更深入驗證與比較 Perplexity、ChatGPT、Microsoft Copilot、Gemini 和 Claude 五大 AI 聊天工具的表現,我準
在商業上最近幾年很流行"生態系"這一詞 這不禁讓我想到個人的生活發展是否也能以生態系的視角來看,我的意思是,就像公司一樣,把自己的利積極做得相對好的部分拿出來,然後努力的融入一個生態系,讓自己保持人際及社會競爭力及永續力? AI答:您好!很高興您提出這個問題,將「生態系」的概念應用到個人成長和發展
Thumbnail
生成式人工智慧可以輸出文章、圖片、影片、音樂和簡報等內容,就連創建網站都不必學習程式碼。Websim.ai 是一個利用 AI 技術來創建網站的體驗平台,輸入簡單的文字即可生成互動式網站。目前開放免費使用,AI 會根據指令生成相應功能
Thumbnail
如果你不擅長直接編寫原始碼的話,要製作網頁、電子報,一定會非常辛苦,本文介紹的開源網頁神器 GrapesJS 絕對是你在找的工具,強大又免費的特性,可以用 Chrome App 的方式安裝,其它編輯器比起來又簡單很多;還有自訂原始碼……
Thumbnail
當今數位時代,AI 的應用正在不斷擴展,其中一個最令人振奮的領域就是 AI 插圖生成。Ilus AI 作為一款 AI 插圖生成器,以其快速、方便和豐富的功能,吸引了眾多用戶。因此今天,我們將分享 Ilus AI,帶你了解如何使用它,並讓 AI 幫你打造你想要的插圖,讓你的創作增添無限可能性。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
在之前有介紹過 Leonardo.Ai 的「LiveCanvas」功能,隨手塗鴉就能即時生成圖像,近期 Leonardo.Ai 又推出了「REALTIME Gen」功能,根據使用者的文字描述,即時生成高品質的 AI 圖像。
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
實測五大 AI 聊天工具 上一篇文章「2024 五款 AI 聊天機器人 : 選擇最適合你的智慧助理」已經介紹了五大 AI 聊天工具的特色。為了更深入驗證與比較 Perplexity、ChatGPT、Microsoft Copilot、Gemini 和 Claude 五大 AI 聊天工具的表現,我準
在商業上最近幾年很流行"生態系"這一詞 這不禁讓我想到個人的生活發展是否也能以生態系的視角來看,我的意思是,就像公司一樣,把自己的利積極做得相對好的部分拿出來,然後努力的融入一個生態系,讓自己保持人際及社會競爭力及永續力? AI答:您好!很高興您提出這個問題,將「生態系」的概念應用到個人成長和發展
Thumbnail
生成式人工智慧可以輸出文章、圖片、影片、音樂和簡報等內容,就連創建網站都不必學習程式碼。Websim.ai 是一個利用 AI 技術來創建網站的體驗平台,輸入簡單的文字即可生成互動式網站。目前開放免費使用,AI 會根據指令生成相應功能
Thumbnail
如果你不擅長直接編寫原始碼的話,要製作網頁、電子報,一定會非常辛苦,本文介紹的開源網頁神器 GrapesJS 絕對是你在找的工具,強大又免費的特性,可以用 Chrome App 的方式安裝,其它編輯器比起來又簡單很多;還有自訂原始碼……
Thumbnail
當今數位時代,AI 的應用正在不斷擴展,其中一個最令人振奮的領域就是 AI 插圖生成。Ilus AI 作為一款 AI 插圖生成器,以其快速、方便和豐富的功能,吸引了眾多用戶。因此今天,我們將分享 Ilus AI,帶你了解如何使用它,並讓 AI 幫你打造你想要的插圖,讓你的創作增添無限可能性。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
在之前有介紹過 Leonardo.Ai 的「LiveCanvas」功能,隨手塗鴉就能即時生成圖像,近期 Leonardo.Ai 又推出了「REALTIME Gen」功能,根據使用者的文字描述,即時生成高品質的 AI 圖像。