天天看點

【十年一站】零成本實作“永久官網”建設

首先,我在開始寫這個專欄的時候,我所處的時代是一個自媒體泛濫,原創内容浮誇,但仍有科技快速發展的社會。

是以,我在開始寫這個專欄的時候,我百度了一下《十年一站》,沒有一個搜尋結果,于是我的内心大松了一口氣,這,就是原創,沒錯了。

好了,我現在所處的這個時代,雲計算、大資料、人工智能三駕馬車碾壓着倉促的時間,留下了許多閃耀的精魄,《十年一站》開篇即将展開的零成本實作永久官網建設,就是這許多閃耀的精魄中,我覺得最為實用,而且容易使用的一項技術。下面我将以阿裡雲平台為實踐的田野向大家詳細撰寫如何零成本實作“永久官網”。

首先,我們需要準備以下内容:

一、對象存儲OSS(

在阿裡雲平台免費開通

二、用于生産環境的 Bootstrap(

下載下傳位址

三、網站建設工具 DreamWeaver

然後,開始建設:

首先,我們将下載下傳的用于生産環境的 Bootstrap解壓到一個檔案夾

【十年一站】零成本實作“永久官網”建設

如圖所示,我們将會獲得四個檔案夾:css | js | fonts | example

接下來,我們通過使用 DreamWeaver設計出我們需要的網站頁面,下面将以我現在就職的《瑞強電器》為例進行說明。

現在,我需要為《瑞強電器》做一個産品介紹頁,用于展示《瑞強電器》每一年的産品詳情。

【十年一站】零成本實作“永久官網”建設
網頁設計完畢,接下來我們設定對象存儲 OSS

首先,我們通過阿裡雲 OSS管理控制台建立一個Bucket"rqproduct"

請按照下圖所示選擇:标準儲存類型 | 公共讀權限 | 啟用同城區域備援儲存

【十年一站】零成本實作“永久官網”建設

然後通過OSS用戶端将本地靜态檔案及檔案夾上傳至"rqproduct",如下圖所示:

【十年一站】零成本實作“永久官網”建設

然後通過阿裡雲 OSS管理控制台獲得一個URL路徑,例如:http://rqproduct.oss-cn-shenzhen.aliyuncs.com/

然後批量替換本地html檔案中的本地路徑,例如:assets/css/style.css 替換為 http://rqproduct.oss-cn-shenzhen.aliyuncs.com/assets/css/style.css

然後儲存,将html通過OSS用戶端上傳至"rqproduct"

ok,ok

下面是關鍵的一步,将OSS設定為靜态網站托管模式,具體操作步驟如下:

一、進入OSS管理控制台界面。

二、在左側存儲空間清單中,單擊目标存儲空間名稱,打開該存儲空間概覽頁面。

三、單擊基礎設定頁簽,找到靜态頁面區域。

【十年一站】零成本實作“永久官網”建設

四、單擊設定,設定以下參數:

        預設首頁:即索引頁面(相當于網站的index.html),僅支援根目錄下html格式的檔案。如果為空則不啟用預設首頁設定。

        預設 404 頁:即通路錯誤路徑時傳回的預設404頁,僅支援根目錄下html、jpg、png、bmp、webp格式的檔案。如果為空則不啟用預設404頁設定。

五、單擊儲存。

至此,“永久官網”建設完成,輸入域名:http://rqproduct.oss-cn-shenzhen.aliyuncs.com/ 即可!(實際應用請将"rqproduct"替換為您的Bucket名稱,"shenzhen"替換為您的Bucket所在區域簡稱)

這一套做下來,幾乎不用出任何錢,但是根據我的個人經驗,我是建議在您的個人賬戶中預存10元,或通過下面的連結領取1888元阿裡雲全産品通用代金券

https://promotion.aliyun.com/ntms/yunparter/invite.html?userCode=dkrxvo9r

繼續閱讀