지킬 GitHub 사용자 페이지 빌드 오류

Question

GitHub Pages에 Jekyll을 사용하여 블로그를 호스팅하려고합니다. 나는 문제없이 로컬에서 블로그를 운영 할 수 있었다. 나는 username.github.io/username 저장소를 사용 중입니다. 다음 명령을 사용하여 새 블로그를 만들었습니다.

git clone https://github.com/xxx/xxx.github.io.git 
jekyll new blog 
cd blog 
jekyll serve 

이것은 로컬로 작동합니다. 그때 최선을 다하고했습니다과 아래의 명령을 사용하여 자식의 repo에 밀어 :

cd .. 
git add * 
git commit -m "testing" 
git push 

다음과 같은 오류와 함께 실패 페이지 빌드 :

The file blog/css/main.scss contains syntax errors. For more information, see https://help.github.com/articles/page-build-failed-markdown-errors .

If you have any questions please contact us at https://github.com/contact .

main.scss, 다음과 같습니다

--- 
# Only the main Sass file needs front matter (the dashes are enough) 
--- 
@charset "utf-8"; 



// Our variables 
$base-font-family: Helvetica, Arial, sans-serif; 
$base-font-size: 16px; 
$small-font-size: $base-font-size * 0.875; 
$base-line-height: 1.5; 

$spacing-unit:  30px; 

$text-color:  #111; 
$background-color: #fdfdfd; 
$brand-color:  #2a7ae2; 

$grey-color:  #828282; 
$grey-color-light: lighten($grey-color, 40%); 
$grey-color-dark: darken($grey-color, 25%); 

// Width of the content area 
$content-width: 800px; 

$on-palm:   600px; 
$on-laptop:  800px; 



// Using media queries with like this: 
// @include media-query($on-palm) { 
//  .wrapper { 
//   padding-right: $spacing-unit/2; 
//   padding-left: $spacing-unit/2; 
//  } 
// } 
@mixin media-query($device) { 
    @media screen and (max-width: $device) { 
     @content; 
    } 
} 



// Import partials from `sass_dir` (defaults to `_sass`) 
@import 
     "base", 
     "layout", 
     "syntax-highlighting" 
; 

저는 문제는 CSS가 scss에서 생성되지 않는다고 생각합니다. 나는 확실하지 않다. 뭐가 문제 야?

Answer 1

_sass 디렉토리를 지정해야합니다. _sass 디렉토리에서 부분을 가져 오는 main.scss (css/main.scss에 있음) 파일을 확인하십시오. ->https://github.com/wiredsister/wiredsister.github.io