Yesod와 함께 Blueprint CSS Framework를 사용하고 싶습니다. 모범 사례가 있습니까?Yesod에서 CSS 프레임 워크를 사용하는 방법은 무엇입니까?
Yesod는 CSS 용 템플릿을 사용하기 때문에 .css 파일을 직접 사용할 수없는 것으로 보입니다. 나는 파일을 .lucius 파일로 이름을 바꿔야합니까?
CSS를 defaultLayout에 어떻게 추가합니까?
한 가지 방법은 파일 이름을 .lucius로 변경하는 것입니다. 은이어야합니다. (그렇지 않으면 Lucius의 버그이므로보고해야합니다.)하지만 CSS를 정적 폴더에 저장하고 addStylesheet 호출을 사용하여 참조 할 수도 있습니다. 예를 들어, Yesod Wiki에서 사용한 방법입니다.
yesod 위키의 내용은 article입니다. 이 솔루션은, 당신의 정적 폴더에 청사진의 사본을 넣어 기본적으로 다음 수 (^{pageHead pc} 전에 templates/default-layout-wrapper.hamlet에서)이 같은 청사진에 입력 안전한 방법 참조에 :
<link rel=stylesheet media=screen [email protected]{StaticR blueprint_screen_css}>
<link rel=stylesheet media=print [email protected]{StaticR blueprint_print_css}>
, 가장 좋은 방법은 정적 폴더에 배치하는 것입니다. – davidbe