2019年3月10日 星期日

Flask + Bootstrap 暴力解

最近寫了一個機械學習(machine learning)的program,想試試把它部署上網,所以開始學習利用Flask為架構建立自己的網站。Flask確實是個不錯的框架,非常簡單,幾行程式馬上就搞定了,真的很適合初學者或僅僅需要簡單架構網頁的選擇。

不過畢竟是網頁,還是希望不要太單調,而想要有美美的網頁,當然少不了Bootstrap,Bootstrap是個 HTML、CSS 和 JS 的開源工具包,有了Bootstrap的幫忙,可以更簡單地就寫好美美的網頁了。而一般使用Bootstrap最方便的方式就是使用CDN,只要在HTML多一行link就搞定,不過在Heroku上試了幾次好像不大成功。如果是使用Flask,官網上介紹是載入這個包:

https://pythonhosted.org/Flask-Bootstrap/

好像也是很麻煩,google之後發現一個很暴力絕對有用的方式,來源在這:

https://pythonprogramming.net/bootstrap-jinja-templates-flask/?completed=/basic-flask-website-tutorial/

還附有影片教學。其實原理很簡單,因為Bootstrap基本上是CSS與JS庫,就地安裝後直接copy CSS或JS的檔案直接部署到想要的地方,html內的<link>當然就是直接link到相對應的檔案夾就好,實在是夠暴力的,但簡單不少,檔案其實也不會很大,


沒有留言:

張貼留言