基於之前兩節阿里雲服務器部署的基礎，本節將會分享部署在阿里雲服務器的Flask如何結合HTML靜態文件、CSS和圖片設計一個稍微好看一點的網站。
一.網站創建及配置
1.這裏我們使用上節教程創建的IP地址的2222端口來進行部署測試。首先，我們需要在test1文件夾下創建templates文件夾，這裏的templates放置的文件是html文件。因爲Flask庫的特殊性，它默認索引的是templates裏的html靜態文件，因此網頁必須放在該名字的目錄之下，不然代碼會找不到網頁。
mkdir templates
2.之後我們將我們所需要展示的html文件放入templates文件夾中。上傳文件到服務器裏可以點擊寶塔Linux界面文件的上傳按鈕即可快速上傳。
二.CSS和圖片配置
1.一個精美的網站自然少不了CSS（層疊樣式表）和外界圖片。這裏我們在www.Heihei.com（域名）文件夾下創建static，並在static下又創建css和images文件夾，將我們HTML處所鏈接的css文件和圖片文件放入其中。這裏和前面templates文件夾一樣，因爲Flask庫默認索引的特殊性，因此我們必須把css和圖片文件放入名爲static的文件夾下，這需要我們自己創建。另外提醒大家一點，我們的這些文件是放在www.Heihei.com域名文件夾下的，而不是test1文件夾下，爲什麼呢？因爲我們在輸入網址時輸入的這個域名對應的IP地址，訪問的文件自然也是這個IP地址也就是域名文件夾下的文件。
↵
2.返回HTML文件代碼處，修改CSS樣式表的href引入位置和圖片的引入位置。
三.Flask文件代碼撰寫
1.之間的Flask返回字符串是直接用return即可返回。但返回網頁沒有這麼簡單，這裏需要用到一個新的函數render_template，之後把要返回的網頁名稱寫入即可。
2.下一步我們需要重啓一下uwsgi協議模塊。
3.最後輸入IP地址及對應的端口測試網站運行是否成功。
可以看到帶有一點點設計的網頁成功顯示出來了，這個網站是所有人都可以訪問的。大家有空可以測試一下自己的網頁在阿里雲服務器的部署情況，如果有碰到問題或Bug，歡迎留言討論。
以上就是本節分享的內容，謝謝大家的觀看！