- 提供了HTML、CSS、JS的頁面呈現
- 可以自動新增與更新網頁文章的數量和標籤內容 (支援Markdown語法)
- 提供作品集及自我介紹的頁面
- 先測試部落格功能
- 未來首頁功能是?
目前跟Blog為同一頁
- 介面優化及設計
- 作品集
- 關於我
- 佈署Azure or PythonAnywhere
- Django連結template 用HTML ,CSS ,Bootstrap 美化介面
- 建立Mysql資料庫表格(本地端)
- 部落格新增文章 or 刪除文章 (admin後台)
- 發文日期,會員名稱
- HTML新增文章後,要怎麼自動多一頁HTML
- HTML文章上傳圖片url
- HTML新增程式碼框 (Pygments的CodeHilite擴展)
- 文章內容支援為Markdown語法
- Markdown程式碼區域複製功能
- 部落格文章五頁以上要換頁 [1,2,3,4,5...好幾頁]
- 部落格文章 分類標籤
- 右側顯示 標籤名稱 和 標籤總數量
- tags_with_counts 之後要顯示所有文章的數量 & 分類文章的數量
- 分頁書籤 會多一個空白
- 標籤連結 篩選只有 該標籤的內容
- 作品集 css樣板有衝突
- 關於我 內容要更新
python --version
pip install --upgrade pip
pip install django
pip list
django-admin startproject firstproject
cd firstproject
python manage.py startapp myblog
firstproject/
├── manage.py
└── firstproject/
├── __init__.py
├── asgi.py
├── settings.py
├── urls.py
└── wsgi.py
└── myblog/
├── __init__.py
├── admin.py
├── apps.py
├── migrations/
├── models.py
├── tests.py
└── views.py
mkdir templates
mkdir static
settings.py 設定
LANGUAGE_CODE = 'zh-hant'
TIME_ZONE = 'Asia/Taipei'
DATABASES = {
'default': {
'ENGINE': 'django.db.backends.sqlite3',
'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
}
}
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(BASE_DIR, 'static')
DEBUG = True
TEMPLATES = [
{
"BACKEND": "django.template.backends.django.DjangoTemplates",
"DIRS": [BASE_DIR / "templates"], # 加上 templates 目錄
"APP_DIRS": True,
"OPTIONS": {
"context_processors": [
"django.template.context_processors.debug",
"django.template.context_processors.request",
"django.contrib.auth.context_processors.auth",
"django.contrib.messages.context_processors.messages",
],
},
},
]
-
下載 https://getbootstrap.com/docs/5.3/getting-started/download/
-
點選 Docs > Download > bootstrap-5.3.3-dist解壓縮後放至以下<pluguns資料夾路徑>
-
H:\我的雲端硬碟\Github專案\Django_Blog\firstproject\static\pluguns
將bootstrap.css加入在HTML呈現CSS
<head>
<meta charset='utf-8'>
<title>{{name}}</title>
<link rel="stylesheet" href="/static/pluguns/bootstrap-5.3.3-dist/css/bootstrap.css">
</head>
創建表格結構資料庫
python manage.py migrate
從firstproject\TestModel\models.py的class創建資料型態 , (此時還沒有建立表格)
python manage.py makemigrations
創建資料型態後 , 以下以下指令就可以使用 Django 創建Mysql Table
python manage.py migrate TestModel