2014-11-21 2 views
1

좋은 template을 찾았습니다. 내 레일 앱 홈페이지에 사용하고 싶습니다. 나는 high voltage gem을 사용하고 그 readme를 읽는 것을 결정했다. 나는 라우팅을 제대로 할 수 있었지만 템플릿 zip 파일 내부에있는 수많은 자산 (css, js, svgs 및 sass) 파일에 대해 적절한 경로/폴더를 찾을 수 없었으며 분명히 멋져 보였습니다.레일에서 skel로 빌드 된 정적 페이지를 제공합니다.

나는 "레일"기능의 일부를 가지고있는 레일즈 앱의 assets 폴더에 넣으려고했으나 svgs와 이미지는 표시되지 않고 기존 페이지를 망쳤습니다. Rails 문서를 읽은 다음 템플릿 애셋을 공급 업체 폴더에 저장하려고 시도했으나 작동하지 않았습니다.

일반/앱 페이지의 모양이 엉망이되지 않도록 템플리트 영감을받은 홈페이지의 자산은 어디에 저장해야합니까? html로 어떤 경로를 사용해야합니까?

+0

설치 한 레일즈 버전, CSS 및 자바 스크립트 프레임 워크, 베어 본 레일스 애플리케이션 또는 기존 버전 업그레이드? –

+0

네,이 소중한 모든 세부 사항들을 잊어 버렸습니다. 벌거 벗은 뼈가있는 Rails 4.4 앱. 기초 만 설치. –

답변

0

이미지에 문제가있는 경우 템플릿 소스의 이미지 참조를 확인하십시오. 다음과 같이 이미지에 대한 참조를 볼 수 있습니다.

background-image: url('images/top-1280.svg') 

이 이미지는 Rails에서 제공되지 않습니다.

당신의 CSS (또는 scss) 파일에있는 모든 이미지 참조를 찾아 바꾸는 것이 좋습니다.

이 시도 :

레일에 대한 적절한 방법입니다
background-image: url(image-path('top-1280.svg')); 

4.

의 차이 : 리알에 당신은 도우미 메서드 "이미지 경로"가 당신은 이미지를 접두사하지 않습니다 디렉토리 이름을 가진 파일.

같은 라인이 있다면 당신에 확인하는 것이 중요합니다 "응용 프로그램/자산/스타일/appilcation.css"입니다 :

*= require_tree . 
*= require_self 

자에 대한 글꼴 최고 :이 주제에 당신에 대한 것을 볼 Font Awesome을 사용하십시오. 나는 레일의 보석을 사용하는 것이 좋습니다 것입니다 :

당신의 Gemfile에 :

gem 'font-awesome-sass' 

난 당신이 선택한 주제는 아주 좋은 생각합니다. 그것을 공유해 주셔서 감사합니다, 그것은 내 현재 프로젝트에 유용 할 것입니다.

관련 문제