靜態樣式與谷歌應用程序引擎

我決定設計我的網站jetstrap（用於引導可視化設計器），下載HTML，然後編程後端與python並將其上傳到谷歌應用程序引擎。

當我從jetstrap下載文件時，我有一個文件夾和我的html以及一個名爲assets的文件夾，裏面有3個文件夾。 CSS，圖像，JS。

如果我用瀏覽器打開html，我可以看到像我設計的網站。但是如果我用python渲染它並在localhost上打開它，我可以看到它沒有任何css。

我嘗試添加文件夾app.yamal

application: web-development-test 
version: 1 
runtime: python27 
api_version: 1 
threadsafe: yes 

handlers: 
- url: /templates/assets 
    static_dir: stylesheet 


- url: .* 
    script: main.app 

libraries: 
- name: jinja2 
    version: latest

模板是對我所有的HTMLS和資產與CSS，JS和圖片的文件夾我的應用程序目錄的文件夾。

從jetstrap HTML的部分是：

<link href="assets/css/bootstrap.css" rel="stylesheet"> 
    <style> 
     body { padding-top: 60px; /* 60px to make the container go all the way 
     to the bottom of the topbar */ } 
    </style>

我看到的rel =樣式出現，這就是爲什麼我添加上app.yamal的static_dir：樣式

幾乎所有的東西我都做了，是從在線教程。

預先感謝您！

編輯：我的app文件夾

google project 
    app.yaml 
    favicon.ico 
    index.yaml 
    main.py 
    templates 
     page1.html 
     page2.html 
     assets 
      css 
      img 
      js

來源

2013-03-14 Tasos

你能發佈更多關於你的目錄結構的細節嗎？你的項目的頂層有哪些目錄，下一個目錄等等？您也可以在[靜態目錄處理程序]（https://developers.google.com/appengine/docs/python/config/appconfig#Static_Directory_Handlers）上找到有用的文檔。 – 2013-03-15 00:21:55

我編輯我的目錄結構的第一篇文章。我也會看到你給我的文檔。 – Tasos 2013-03-15 00:43:14

在app.yaml中的第一個處理程序說「做目錄樣式表的整體結構可在URL路徑（要在應用程序根目錄）/模板/資產「。這可能與你想要的相反。試試這個處理程序來代替：

- url: /assets 
    static_dir: templates/assets

這將使如此，例如，在http://localhost:8090/assets/css/bootstrap.css返回templates/assets/css/bootstrap.css文件。假設page1.html是在/或/page1或類似的服務，應該做你想做的。

來源

2013-03-15 00:49:46

真的非常感謝你。這解決了我的問題。正如我所說我是新的，你的評論不僅解決了這個問題，而且讓我明白我做錯了什麼。 – Tasos 2013-03-15 09:46:23

@Tasos我很高興能幫上忙。這是適當的StackOverflow禮節接受解決你的問題的答案（通過點擊左邊的箭頭），這也鼓勵其他人回答你未來的問題。（您可能還想回到之前的問題並接受答案。） – 2013-03-15 11:25:54

我有同樣的問題。我關注了後面的所有內容，甚至是app.yaml文件中的縮進錯誤，可以看到here。我固定了縮進，就是這樣。

來源

2013-10-14 09:01:36 wcyn

處理程序的順序可能會導致問題：

網址：/樣式static_dir：樣式網址：/.*腳本：helloworld.application

會工作，而不是

網址：/ 。* script：helloworld.application url：/ stylesheets static_dir：stylesheets

來源

2014-10-09 16:32:54

靜態樣式與谷歌應用程序引擎

回答

相關問題