Ghost 본문 다 보이기

Page content

theme을 수정해서 ghost blog 화면에서 글 본문이 다 나오도록 할 수 있다.

대신 theme마다 조금씩 적용 방법이 다른데 기본적으로 변경해야 할 내용은 동일

casper theme

casper는 index.hbs 파일에서 loop.hbs라는 별도 파일을 통해 본문을 보이게 하고 있다.

index.hbs

 21 {{! The main content area on the homepage }}
 22 <main id="content" class="content" role="main">
 23
 24     {{! The tag below includes the post loop - partials/loop.hbs }}
 25     {{> "loop"}}
 26
 27 </main>

위 코드에서 가리키는 partials/loop.hbs 코드에서 exceprt인 부분을 찾아서 다음과 같이 변경한다. 아래에서 13라인부터 15라인이 원본으로 각 post의 일부만 보이게 하고, 더 읽으려면 >>등을 클릭하게 한다. 이 부분을 막고 post 전체를 표시하는 17라인에서 19라인까지의 내용을 추가한다.

partials/loop.hbs

 12 <!--
 13     <section class="post-excerpt">
 14         <p>{{excerpt words="26"}} <a class="read-more" href="{{url}}">&raquo;</a></p>
 15     </section>
 16 -->
 17     <section class="post-content">
 18         {{content}}
 19     </section>

landyon theme

이건 별도의 loop.hbs없이 직접 index.hbs에서 처리하고 있어 보다 구조가 간단하다. 위 방법 역시 이 theme 파일을 분석(?)해서 알아냈다. Caspser theme에서와 동일하게 post-exceprt인 부분을 post-content class로 변경하면 동일하게 기본 화면에서 post 내용을 모두 볼 수 있다.

참고로 post를 모두 보는 방법은 특정 post를 화면에 출력할 때 사용하는(것으로 추정되는) page.hbs파일의 내용을 통해 알아냈다.

깔끔한 page.hbs

{{!< default}}

<article class="{{post_class}}">
{{#post}}

  <h1 class="post-title">{{title}}</h1>

  <section class="post-content">
    {{content}}
  </section>

{{/post}}
</article>