為什么80%的碼農都做不了架構師？>>> ??

上一篇主要是跟大家分享了注冊購買域名，解析以及使用蟬知免費CMS搭建自己個人網站的詳細過程。

不懂語言代碼，超級菜鳥的建站分享（一）：建站流程

我的個人網站：先知廚房 的雛形已經搭建成功，接下來就要設置站點，優化界面，填充內容了。

慢慢的使先知廚房充實，豐滿起來。

今天給大家分享一下，如何設置站點和界面。

首先，登錄云蟬知，然后從我的站點進入個人網站的管理后臺。我先從界面開始下手，其實后天的每一項設置，你都可以根據自己的習慣和需要先后設置調整。我先從界面開始，是這樣的考慮，最短的時間里，至少能讓我的網站首頁看起來豐滿一些，然后再設置和填充網站內頁的界面和內容等。

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

先知廚房網站的界面設置里涉及到了logo設置，網站圖標設置，主題風格設置，幻燈片設置，區塊管理，布局設置。界面下的區塊管理和布局設置，這些目前暫時不設置，得等具體的內容填充好了之后，再做設置。

1、logo設置。

登錄云禪知后臺→界面→LOGO設置即可進行操作。

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

把圖片設置為提醒的范圍內，顯示效果比較好。

個人暫時沒有什么好的想法設計logo圖，就簡單的PS了一下，把字加到圖片上就算湊合吧。

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

以下是后臺截圖：

以下是前臺截圖：

2、網站圖標設置。

網站圖標是顯示在瀏覽器的標題欄，即網站名稱前的一個小圖標。

如果別人收藏了你的網站，這個圖標還會出現在他的收藏夾里，顯目便于區分。

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

因為這個圖標的格式為.ico，和咱們通常使用的照片格式不一樣，所以后臺上傳前得轉一下格式。

我直接在度娘上搜了一個在線的ico圖標制作應用，把圖片直接轉成.ico格式，格式轉換時有圖標的尺寸選擇16*16px，32*32px，64*64px可供選擇，如果你不確定你用哪個尺寸，直接使用應用當前默認的尺寸就好。

把轉換好的圖標存為favicon.ico，然后后臺里上傳即可。

以下是網站圖標設置前默認的綠五星：

以下是網站圖標設置后，顯示了自己設置的圖案：

顯示沒怎么清晰，其實換了好幾個了，都不大滿意，暫時這個先湊合著，后期再調整。

3、主題風格設置。

后臺有6個主題風格可以選擇，選一個你喜歡的，和你網站所想要呈現的效果差不多的風格就行。

先知的廚房主要是記錄我做過吃過的飯菜，美食的話，配上暖色調的風格會顯得更誘人更有食欲。

所以我選擇了蟬之格這個主題風格，剛好格子和咱們大多數家庭里的格子餐桌布不謀而合，也非常的應景。

這是后臺設置的截圖：

?

以下是設置成功后的前臺截圖：

4、幻燈片設置。

幻燈片的顯示位置是在網站首頁的頭部位置，算是很顯要的位置，一個很好的展示平臺。

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

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

另外幻燈片還有標題鏈接之類的可以添加，我沒設置，因為幻燈片只想作為純粹的展示。

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

以下是添加幻燈片的頁面截圖：

?

以下是幻燈片上傳成功后的列表，顯示的順序可通過升降排序來實現。

我一般最多上傳5張幻燈片，雖然他沒有上傳數量的限制。

個人覺得太多了，其實后面顯示的機會蠻少的。我個人覺得3-5張最合適。

?

幻燈片的前臺顯示截圖，默認應該是幾秒換一張，左側和右側都有上一張下一張的按鈕。

轉載于:https://my.oschina.net/candou/blog/203976

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。