page.html 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485
  1. {% extends "base.html" %}
  2. {% block head %}
  3. {{ super() }}
  4. {% if page.description %}
  5. <meta name="description" content="{{ page.description }}" />
  6. {% endif %}
  7. {% for tag in page.tags %}
  8. <meta name="tags" content="{{tag}}" />
  9. {% endfor %}
  10. {% endblock %}
  11. {% block twittercard %}
  12. {% if page.cover_image %}
  13. <meta name="twitter:card" content="summary_large_image">
  14. <meta name="twitter:image" content="{{ SITEURL }}/images/{{ page.cover_image }}">
  15. <meta name="twitter:creator" content="{{ TWITTER_USERNAME }}">
  16. {% elif GRAVATAR %}
  17. <meta name="twitter:card" content="summary">
  18. <meta name="twitter:image" content="{{ GRAVATAR }}">
  19. {% elif LOGO %}
  20. <meta name="twitter:card" content="summary">
  21. <meta name="twitter:image" content="{{ SITEURL }}/images/{{ LOGO }}">
  22. {% endif %}
  23. <meta name="twitter:site" content="{{ TWITTER_USERNAME }}">
  24. <meta name="twitter:title" content="{{ page.title }}">
  25. <meta name="twitter:description" content="{{ page.description }}">
  26. {% endblock twittercard %}
  27. <!-- OG Tags -->
  28. {% block ogtags %}
  29. <meta property="og:url" content="{{ SITEURL }}/{{ page.url }}"/>
  30. <meta property="og:title" content="{{ SITENAME }} | {{ page.title }}" />
  31. <meta property="og:description" content="{{ page.description }}" />
  32. {% if page.cover_image %}
  33. <meta property="og:image" content="{{ SITEURL }}/images/{{ page.cover_image }}" />
  34. {% endif %}
  35. {% endblock ogtags %}
  36. {% block content %}
  37. <div class="article" role="article">
  38. <article>
  39. {% if page.date %}
  40. <footer>
  41. <a name="top"></a>
  42. <p>
  43. <time datetime=" {{ page.date }}">
  44. <script>document.write(moment('{{ page.date }}').format('LL'));</script>
  45. </time>
  46. </p>
  47. </footer>
  48. {% endif %}
  49. <header>
  50. <h1>
  51. {{ page.title }}
  52. </h1>
  53. </header>
  54. <div class="content">
  55. {{ page.content|safe }}
  56. </div>
  57. <div class="back-to-top">
  58. <a href="#top">back to top</a>
  59. </div>
  60. {% if DISQUS_SITENAME %}
  61. <div id="disqus_thread"></div>
  62. {% if SITEURL %}
  63. <script>
  64. var disqus_config = function () {
  65. this.page.url = "{{ SITEURL }}/{{ page.url }}"; // Replace PAGE_URL with your page's canonical URL variable
  66. this.page.identifier = "{{ page.slug }}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
  67. };
  68. </script>
  69. {% endif %}
  70. <script>
  71. (function() {
  72. var d = document, s = d.createElement('script');
  73. s.src = 'https://{{ DISQUS_SITENAME }}.disqus.com/embed.js';
  74. s.setAttribute('data-timestamp', +new Date());
  75. (d.head || d.body).appendChild(s);
  76. })();
  77. </script>
  78. <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
  79. {% endif %}
  80. </article>
  81. </div>
  82. <!-- end article -->
  83. {% endblock content %}