環境

• windows10
• pycharm2017.3.3 professional edition(必須專業版)
• python3.6.4
• django2.0.2

參考資料

方法

1. 從網路上下載模板，比如模板之家
2. 將模板中的html檔案放入專案的template資料夾下，其實也可以放到其他目錄下，只是設定的時候改一下目錄即可。
3. 在專案的根目錄或APP下建立一個資料夾命名為static用於儲存css、js、images等檔案

4. 開啟專案，在settings.py檔案裡尋找TEMPLATES選項，新增static檔案

   'DIRS': [os.path.join(BASE_DIR, 'templates'
    
   ),
            os.path.join(BASE_DIR, 'static').replace('\\', '/')],

   在settings.py最底部新增

   STATIC_ROOT = os.path.join(BASE_DIR, 'static').replace('\\', '/')
   STATICFILES_DIRS = (
       ('css', os.path.join(STATIC_ROOT, 'css').replace('\\', '/')),
       ('images', os.path.join(STATIC_ROOT, 'images').replace('\\', '/'
    
   )),
       ('fonts', os.path.join(STATIC_ROOT, 'fonts').replace('\\', '/')),
       ('js', os.path.join(STATIC_ROOT, 'js').replace('\\', '/')),
   )

5. 修改urls.py檔案在檔案頭新增

   from django.contrib.staticfiles.urls import staticfiles_urlpatterns

   在檔案尾部新增

   urlpatterns += staticfiles_urlpatterns()

6. 修改HTML檔案裡面的路徑
   

   匯入css

   <link href="/static/css/bootstrap.css"
    
    rel="stylesheet" type="text/css" media="all" />
   <link href="/static/css/style.css" rel="stylesheet" type="text/css" media="all" />

   匯入js

   <script src="/static/js/jquery-1.11.1.min.js"></script>

   插圖

   <img src="/static/images/4.jpg" alt=" " class="img-responsive" />