<small id="sqcay"></small>
<div id="sqcay"><wbr id="sqcay"></wbr></div>
<div id="sqcay"><wbr id="sqcay"></wbr></div>

全網整合營銷服務商

電腦端+手機端+微信端=數據同步管理

免費咨詢熱線:15805121342

如何快速設置靜態站點的構建過程

發布時間:2020-01-25 21:20 作者:蘇州永泰網絡公司
您有一個靜態網站全部實施并準備好供全世界查看,但您應該在哪里托管它?您如何選擇合適的平臺并規劃一組靜態文件?如何更改內容時,如何確保網站自動重新生成?
 
在本文中,我將向您展示如何生成靜態站點,設置由內容更改觸發的自動構建過程,并將站點部署到面向公眾的服務器。
 
介紹
在之前的文章中,我解釋了如何使用無頭CMS Kentico Cloud 構建動態JavaScript網站。然后我向您展示了如何將其轉換為靜態站點以幫助提高性能,安全性和SEO。所以現在是時候讓網站生成并推送到全世界??去看看。
 
生成靜態站點
每個靜態站點生成器都允許您在本地構建站點,而不會在每次更改文件后生成所有文件。如果您關注我的文章,您在Vue.js上有一個站點,轉換為使用Nuxt.js作為框架,但仍需要開發服務器來處理網站請求。要生成靜態文件,請運行以下命令:
 
npx nuxt generate
打開dist項目根目錄中的文件夾以查找生成的文件,然后檢查index.html以確保您的網站正確生成。我習慣于檢查子頁面,我知道有一些來自無頭CMS的內容,比如博客頁面。如果您看到HTML格式的內容,那么您就是贏家!
 
我應該在哪里托管靜態網站?
這可能是生成所有文件后你要問的下一個問題。如果您正在重建站點并且您的舊網站仍在線,那么您可能正在考慮為靜態站點使用相同的提供程序。那很好。但是,如果您的舊網站是在傳統CMS或其他編程語言之上構建的,則可能需要三思而后行。
 
您當前的托管空間是按比例縮放的,以滿足其他系統的要求,或者旨在支持特定的設置,如PHP和MySQL或.NET和PostgreSQL。因此,如果是這種情況,您可能會使用流量,會話和其他值來計算您需要的計算能力(或者像過去一樣,只是希望它沒問題)。
 
靜態網站帶來了緩解:沒有更復雜的公式,近似值和專業猜測。托管一堆靜態文件是每個Web服務器都可以輕松完成的。最重要的方面是服務器不再需要經歷針對每次命中的復雜的請求處理管道。它只是提供靜態文件。這很簡單快捷。
 
因此,托管靜態網站要便宜得多。有許多服務允許您免費托管您的網站,或至少有免費的入門計劃。他們包括:
 
GitHub頁面
Netlify
Heroku的
和其他全球和本地提供商。當然,您也可以使用Azure或AWS等全球網站托管服務。
我決定選擇GitHub頁面,因為我的所有存儲庫都已經托管在GitHub上。它也是完全免費的,支持自定義二級域名。
 
如何構建和部署靜態站點?
但這不僅僅是托管。使頁面在線是必不可少的,但考慮整個部署過程同樣重要。也就是說 - 如何生成靜態頁面并將其傳輸到服務器。對于第一次構建,您可以使用npx nuxt generate并通過FTP將靜態文件復制粘貼到主機空間,從而在本地環境中生成頁面。但是,每當內容發生變化時,您是否會重復該過程?
 
 
部署靜態站點的過程包括三個部分:
 
觸發
建立
部署
觸發
當內容或實現發生更改時,需要進行新構建。這意味著只要內容編輯器在無頭CMS中發布新內容,或者您更改源代碼,網站就需要重建。但是我們如何實現這一目標呢?
 
 
內容更改觸發器
每個成熟的無頭CMS都有webhooks。它們代表關于某種類型的操作的服務到服務通知。因此,當編輯器發布內容項時,無頭CMS會發起一個發送到已定義URL的webhook通知。在這種情況下,構建服務器將根據通知進行操作并重建站點。

您的項目需求

*請認真填寫需求信息,我們會在24小時內與您取得聯系。

日韩AV片无码一区二区