挑戰(zhàn)極限使用云速成美站搭建阿里云官網(wǎng)首頁(yè)

本文開始前，請(qǐng)大家跟隨我進(jìn)行如下操作，第一步：復(fù)制下方網(wǎng)址：；第二步：在瀏覽器中打開；第三步：見(jiàn)證奇跡的時(shí)刻到了，很多伴侶在打開一剎那，不約而同地說(shuō)：“這不是阿里云官網(wǎng)嘛。”

定睛一看，內(nèi)容“一模一樣”，所謂的差別也僅僅在域名上。

我們言歸正傳，這神奇的一幕是如何做到的呢？

不少人認(rèn)為這是通過(guò)代碼實(shí)現(xiàn)的，因?yàn)閲?guó)內(nèi)的自助建站產(chǎn)品幾乎不成能做出阿里云官網(wǎng)首頁(yè)的效果。而讓人感到神奇的地方就在這，做到這一切的恰恰不是代碼，而是云·速成美站（注：云·速成美站是由云夢(mèng)網(wǎng)絡(luò)自主研發(fā)的國(guó)內(nèi)首款云計(jì)算自助建站產(chǎn)品）。

云夢(mèng)網(wǎng)絡(luò)于2021年4月正式對(duì)外發(fā)布了新版的云·速成美站，和過(guò)往比擬，設(shè)計(jì)器有了質(zhì)的飛躍。作為小編，怎能放過(guò)這天線貓SEO軟件機(jī)會(huì)，我決定進(jìn)行一天線貓SEO軟件使用測(cè)試，足夠好用是根本，能快速創(chuàng)建高大上、功能完整的網(wǎng)站是 關(guān)鍵。

我故意“難為”了一下云·速成美站，挑戰(zhàn)了一天線貓SEO軟件“極限”：使用云·速成美站搭建阿里云（s://www.aliyun.com/）官網(wǎng)首頁(yè)，并記錄下整個(gè)過(guò)程。

用意很簡(jiǎn)單，大家不難猜到，一方面為了體驗(yàn)云·速成美站的易用性，另一方面想看看它到底有多強(qiáng)，能否實(shí)現(xiàn)代碼建站的展示效果。

……

很后，就出現(xiàn)了開篇那一幕場(chǎng)景，也意味著這天線貓SEO軟件挑戰(zhàn)以勝利告終。

接下來(lái)，讓我們一步步揭曉，如何使用云·速成美站搭建阿里云官網(wǎng)首頁(yè)。

【正文】

第一步|登錄后臺(tái)

云·速成美站支持通過(guò)綁定的手機(jī)號(hào)登錄，這一點(diǎn)比起復(fù)雜賬號(hào)，更簡(jiǎn)單記憶，是不錯(cuò)的體驗(yàn)。

點(diǎn)擊“辦理站點(diǎn)”按鈕，正式進(jìn)入網(wǎng)站后臺(tái)。

云·速成美站支持自助創(chuàng)建PC網(wǎng)站和手機(jī)網(wǎng)站。點(diǎn)擊“進(jìn)入設(shè)計(jì)”按鈕，此時(shí)選擇進(jìn)入PC端設(shè)計(jì)器。

第二步|編纂頁(yè)頭頁(yè)尾

對(duì)于云·速成美站的“頁(yè)頭頁(yè)尾”來(lái)說(shuō)，可以套用到需要的每個(gè)頁(yè)面，因此用PPT母版形容更恰當(dāng)一些。

在這里，使用“高度”按鈕，可以將“頁(yè)頭頁(yè)尾”調(diào)整到合適的位置，并通過(guò)屬性欄快速自定義設(shè)置網(wǎng)站寬度及配景圖片，無(wú)需任何代碼。

（注：為確保整體效果，相關(guān)參數(shù)的取值和設(shè)置，均與阿里云官網(wǎng)首頁(yè)連結(jié)一致。）

第三步|添加LOGO

添加LOGO這一步操作，直接使用“圖片控件”即可輕松完成。云·速成美站可以自由拖拽圖片到所需位置，自定義編纂圖片屬性，更支持使用鍵盤“標(biāo)的目的鍵”進(jìn)行圖片微調(diào)，絕對(duì)“傻瓜”，絕對(duì)“智能”。

在云·速成美站中，更換圖片時(shí)除了能選擇自有素材，還能通過(guò)后臺(tái)的“圖片庫(kù)”挑選。在實(shí)際建站時(shí)，會(huì)派上大用場(chǎng)。

第四步|添加導(dǎo)航

接下來(lái)，搞定的是導(dǎo)航欄。

云·速成美站中的“導(dǎo)航控件”包孕橫向?qū)Ш脚c豎向?qū)Ш剑⑶矣胁簧贅邮娇梢灾苯舆x用。這天線貓SEO軟件挑戰(zhàn)中，參考阿里云官網(wǎng)首頁(yè)，我使用的是豎向?qū)Ш健?

在導(dǎo)航添加過(guò)程中，云·速成美站支持批量添加，，讓我省了不少功夫。

第五步|添加搜索框

阿里云首頁(yè)的搜索框效果，通過(guò)云·速成美站中的“搜索控件”可以實(shí)現(xiàn)。

說(shuō)到“搜索控件”，其中的搜索類別包孕文章和產(chǎn)品，同時(shí)支持自定義設(shè)置“提示文字”，實(shí)用性很強(qiáng)。

第六步|添加banner圖片與文字

阿里云官網(wǎng)首頁(yè)的banner圖片切換效果，需要通過(guò)云·速成美站的“幻燈秀控件”制作。

為了玩轉(zhuǎn)這個(gè)功能，我特意去參加了云夢(mèng)網(wǎng)絡(luò)直播培訓(xùn)，云夢(mèng)網(wǎng)絡(luò)的多老師在培訓(xùn)時(shí)說(shuō)：“使用云·速成美站，banner圖片設(shè)計(jì)與后期維護(hù)分分鐘搞定。”開始我還一知半解，直到親自體驗(yàn)后才發(fā)現(xiàn)其中玄妙。