# 【第二篇】Flask templates 網頁樣板
###### tags: `Flask教學`
在前一篇文章 [Flask 入門](https://hackmd.io/@Scott/Sk2k4yiMr) 介紹到如何使用 return 回傳文字並顯示在網頁上，但如果我們要加入排版，就不可能全部塞在裡面，所以我們可以額外建立 HTML 檔，當使用者進入網頁時，就直接回傳整份 HTML，除了格式更完整以外，也達到分開管理的效果。
檔案樹：
```
+ app.py
+ templates
- index.html
```
### 快速開始
首先先新增資料夾 templates，底下建立名為 index.html 的檔案，輸入以下內容：
```htmlmixed=
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<h1>這是一份獨立的 HTML 檔案</h1>
</body>
</html>
```
app.p
- # 【第一篇】Flask 入門 ###### tags: `Flask教學` ### 快速建立網站 > 官方網站：https://palletsprojects.com/p/flask/ 首先，使用 Flask 必須要安裝程式庫，在終端機輸入以下指令以安裝 Flask（建議安裝在虛擬環境 virtualenv）。 ```bash= $ pip install flask ``` 建立一個檔案，命名為 app.py（請注意不要命名成 flask.py），輸入以下程式碼： ```python= from flask import Flask app = Flask(__name__) @app.route('/') def hello_world(): return "hello world" if __name__ == '__main__': app.run() ``` 並在終端機執行(記得切換到 app.py 檔案路徑)： ```bash= $ python app.py ``` Flask 便會迅速建立在 localhost:5000，所以我們只要在你
Scott Li changed 6 years agoView mode
- # 【第三篇】Flask 擴展樣板 ###### tags: `Flask教學` 上一篇 [Flask templates 網頁樣板](https://hackmd.io/@Scott/ryApmEofH) 教大家如何使用 Jinja2 搭出網頁，在這篇是要教大家如何建立一個基底網頁，在往後使用的時候可以直接引用，省去重複輸入的時間。 ### 快速上手 一樣在 templates 資料夾底下建立 base.html 檔案： ```htmlmixed= <!DOCTYPE html> <html lang="en"> <head> {% block head %} <title> {% block title %}{% endblock %} </title> {% endblock %} </head> <body> <div id="content"> {% block content %}{% endblock %} </div> <div id="footer"> {% b
