A simple way to integrate Instagram to your Ghost blog https://gitlab.no/rune/ghost-instagram
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

page-insta.hbs 1.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. {{!< default}}
  2. {{!-- The tag above means: insert everything in this file
  3. into the {body} of the default.hbs template --}}
  4. {{!-- The big featured header, it uses blog cover image as a BG if available --}}
  5. <header class="site-header outer {{#if @blog.cover_image}}" style="background-image: url({{@blog.cover_image}}){{else}}no-cover{{/if}}">
  6. <div class="inner">
  7. <div class="site-header-content">
  8. <h1 class="site-title">
  9. {{#if @blog.logo}}
  10. <img class="site-logo" src="{{@blog.logo}}" alt="{{@blog.title}}" />
  11. {{else}}
  12. {{@blog.title}}
  13. {{/if}}
  14. </h1>
  15. <h2 class="site-description">{{@blog.description}}</h2>
  16. </div>
  17. {{> "site-nav"}}
  18. </div>
  19. </header>
  20. {{!-- The main content area --}}
  21. <main id="site-main" class="site-main outer" role="main">
  22. <div class="instagram">
  23. <span class="instaframe" style="float:left;"></span>
  24. <span class="instaframe" style="float:right;"></span>
  25. </div>
  26. <div class="instagram">
  27. <span class="instaframe" style="float:left;"></span>
  28. <span class="instaframe" style="float:right;"></span>
  29. </div>
  30. <div class="instagram">
  31. <span class="instaframe" style="float:left;"></span>
  32. <span class="instaframe" style="float:right;"></span>
  33. </div>
  34. <div class="instagram">
  35. <span class="instaframe" style="float:left;"></span>
  36. <span class="instaframe" style="float:right;"></span>
  37. </div>
  38. </div>
  39. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  40. <script type="text/javascript" src="{{asset "js/insta.js"}}"></script>
  41. </div>
  42. </main>