為什么80%的碼農(nóng)都做不了架構(gòu)師？>>> ??

上一篇主要是跟大家分享了注冊(cè)購(gòu)買域名，解析以及使用蟬知免費(fèi)CMS搭建自己個(gè)人網(wǎng)站的詳細(xì)過(guò)程。

不懂語(yǔ)言代碼，超級(jí)菜鳥(niǎo)的建站分享（一）：建站流程

我的個(gè)人網(wǎng)站：先知廚房 的雛形已經(jīng)搭建成功，接下來(lái)就要設(shè)置站點(diǎn)，優(yōu)化界面，填充內(nèi)容了。

慢慢的使先知廚房充實(shí)，豐滿起來(lái)。

今天給大家分享一下，如何設(shè)置站點(diǎn)和界面。

首先，登錄云蟬知，然后從我的站點(diǎn)進(jìn)入個(gè)人網(wǎng)站的管理后臺(tái)。我先從界面開(kāi)始下手，其實(shí)后天的每一項(xiàng)設(shè)置，你都可以根據(jù)自己的習(xí)慣和需要先后設(shè)置調(diào)整。我先從界面開(kāi)始，是這樣的考慮，最短的時(shí)間里，至少能讓我的網(wǎng)站首頁(yè)看起來(lái)豐滿一些，然后再設(shè)置和填充網(wǎng)站內(nèi)頁(yè)的界面和內(nèi)容等。

我個(gè)人建站的初衷就是記錄自己做飯的各種，就干脆用自己名字的相似音，于是個(gè)人站名字就叫：先知廚房。

先知廚房網(wǎng)站的界面設(shè)置里涉及到了logo設(shè)置，網(wǎng)站圖標(biāo)設(shè)置，主題風(fēng)格設(shè)置，幻燈片設(shè)置，區(qū)塊管理，布局設(shè)置。界面下的區(qū)塊管理和布局設(shè)置，這些目前暫時(shí)不設(shè)置，得等具體的內(nèi)容填充好了之后，再做設(shè)置。

1、logo設(shè)置。

登錄云禪知后臺(tái)→界面→LOGO設(shè)置即可進(jìn)行操作。

LOGO設(shè)置后有對(duì)logo圖片的高度和寬度的最佳尺寸的提醒：最佳高度范圍：50px~80px，最佳寬度范圍：80px~240px。

把圖片設(shè)置為提醒的范圍內(nèi)，顯示效果比較好。

個(gè)人暫時(shí)沒(méi)有什么好的想法設(shè)計(jì)logo圖，就簡(jiǎn)單的PS了一下，把字加到圖片上就算湊合吧。

Logo圖片尺寸我的設(shè)置為了80*240px。

以下是后臺(tái)截圖：

以下是前臺(tái)截圖：

2、網(wǎng)站圖標(biāo)設(shè)置。

網(wǎng)站圖標(biāo)是顯示在瀏覽器的標(biāo)題欄，即網(wǎng)站名稱前的一個(gè)小圖標(biāo)。

如果別人收藏了你的網(wǎng)站，這個(gè)圖標(biāo)還會(huì)出現(xiàn)在他的收藏夾里，顯目便于區(qū)分。

選擇一張你喜歡的圖片，當(dāng)然清晰度要非常好。

因?yàn)檫@個(gè)圖標(biāo)的格式為.ico，和咱們通常使用的照片格式不一樣，所以后臺(tái)上傳前得轉(zhuǎn)一下格式。

我直接在度娘上搜了一個(gè)在線的ico圖標(biāo)制作應(yīng)用，把圖片直接轉(zhuǎn)成.ico格式，格式轉(zhuǎn)換時(shí)有圖標(biāo)的尺寸選擇16*16px，32*32px，64*64px可供選擇，如果你不確定你用哪個(gè)尺寸，直接使用應(yīng)用當(dāng)前默認(rèn)的尺寸就好。

把轉(zhuǎn)換好的圖標(biāo)存為favicon.ico，然后后臺(tái)里上傳即可。

以下是網(wǎng)站圖標(biāo)設(shè)置前默認(rèn)的綠五星：

以下是網(wǎng)站圖標(biāo)設(shè)置后，顯示了自己設(shè)置的圖案：

顯示沒(méi)怎么清晰，其實(shí)換了好幾個(gè)了，都不大滿意，暫時(shí)這個(gè)先湊合著，后期再調(diào)整。

3、主題風(fēng)格設(shè)置。

后臺(tái)有6個(gè)主題風(fēng)格可以選擇，選一個(gè)你喜歡的，和你網(wǎng)站所想要呈現(xiàn)的效果差不多的風(fēng)格就行。

先知的廚房主要是記錄我做過(guò)吃過(guò)的飯菜，美食的話，配上暖色調(diào)的風(fēng)格會(huì)顯得更誘人更有食欲。

所以我選擇了蟬之格這個(gè)主題風(fēng)格，剛好格子和咱們大多數(shù)家庭里的格子餐桌布不謀而合，也非常的應(yīng)景。

這是后臺(tái)設(shè)置的截圖：

?

以下是設(shè)置成功后的前臺(tái)截圖：

4、幻燈片設(shè)置。

幻燈片的顯示位置是在網(wǎng)站首頁(yè)的頭部位置，算是很顯要的位置，一個(gè)很好的展示平臺(tái)。

后臺(tái)后提示幻燈片的尺寸為1140*270px。這個(gè)尺寸的照片不好裁剪出來(lái)，ps用了4張270*270px的照片組合成一張幻燈片。滿足了我利用有限資源展示更多飯菜照片的可能。

當(dāng)然這個(gè)圖片組合也可以變換不同的方式，就看你自己喜歡了。

另外幻燈片還有標(biāo)題鏈接之類的可以添加，我沒(méi)設(shè)置，因?yàn)榛脽羝幌胱鳛榧兇獾恼故尽?/p>

你可以根據(jù)你自己的需要做添加就好。

以下是添加幻燈片的頁(yè)面截圖：

?

以下是幻燈片上傳成功后的列表，顯示的順序可通過(guò)升降排序來(lái)實(shí)現(xiàn)。

我一般最多上傳5張幻燈片，雖然他沒(méi)有上傳數(shù)量的限制。

個(gè)人覺(jué)得太多了，其實(shí)后面顯示的機(jī)會(huì)蠻少的。我個(gè)人覺(jué)得3-5張最合適。

?

幻燈片的前臺(tái)顯示截圖，默認(rèn)應(yīng)該是幾秒換一張，左側(cè)和右側(cè)都有上一張下一張的按鈕。

轉(zhuǎn)載于:https://my.oschina.net/candou/blog/203976

總結(jié)

以上是生活随笔為你收集整理的NO.119 不懂语言代码，超级菜鸟的建站分享（二）：界面设置。的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。