CINXE.COM
Post with Comments
<!DOCTYPE html> <html lang="en"> <head> <title>Post with Comments</title> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="HandheldFriendly" content="True" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <style> :root { --button-bg-color: #ffffff; --button-text-color: var(--color-darkgrey); } </style> <link rel="stylesheet" type="text/css" href="/assets/built/screen.css?v=5d4af688d2" /> <link rel="canonical" href="https://ghost-with-comments.ghost.io/post-with-comments/"> <meta name="referrer" content="no-referrer-when-downgrade"> <meta property="og:site_name" content="Comment Demo"> <meta property="og:type" content="article"> <meta property="og:title" content="Post with Comments"> <meta property="og:description" content="Call me Ishmael. Some years ago鈥攏ever mind how long precisely鈥攈aving little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of"> <meta property="og:url" content="https://ghost-with-comments.ghost.io/post-with-comments/"> <meta property="og:image" content="https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=2000"> <meta property="article:published_time" content="2022-05-16T17:49:06.000Z"> <meta property="article:modified_time" content="2022-05-17T18:20:06.000Z"> <meta property="article:publisher" content="https://www.facebook.com/ghost"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Post with Comments"> <meta name="twitter:description" content="Call me Ishmael. Some years ago鈥攏ever mind how long precisely鈥攈aving little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of"> <meta name="twitter:url" content="https://ghost-with-comments.ghost.io/post-with-comments/"> <meta name="twitter:image" content="https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=2000"> <meta name="twitter:label1" content="Written by"> <meta name="twitter:data1" content="Ghost"> <meta name="twitter:site" content="@ghost"> <meta property="og:image:width" content="1200"> <meta property="og:image:height" content="675"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Article", "publisher": { "@type": "Organization", "name": "Comment Demo", "url": "https://ghost-with-comments.ghost.io/", "logo": { "@type": "ImageObject", "url": "https://ghost-with-comments.ghost.io/favicon.ico", "width": 48, "height": 48 } }, "author": { "@type": "Person", "name": "Ghost", "url": "https://ghost-with-comments.ghost.io/author/ghost/", "sameAs": [] }, "headline": "Post with Comments", "url": "https://ghost-with-comments.ghost.io/post-with-comments/", "datePublished": "2022-05-16T17:49:06.000Z", "dateModified": "2022-05-17T18:20:06.000Z", "image": { "@type": "ImageObject", "url": "https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=2000", "width": 1200, "height": 675 }, "description": "Call me Ishmael. Some years ago鈥攏ever mind how long precisely鈥攈aving little or\nno money in my purse, and nothing particular to interest me on shore, I thought\nI would sail about a little and see the watery part of the world. It is a way I\nhave of driving off the spleen and regulating the circulation. Whenever I find\nmyself growing grim about the mouth; whenever it is a damp, drizzly November in\nmy soul; whenever I find myself involuntarily pausing before coffin warehouses,\nand bringing up the re", "mainEntityOfPage": "https://ghost-with-comments.ghost.io/post-with-comments/" } </script> <meta name="generator" content="Ghost 5.109"> <link rel="alternate" type="application/rss+xml" title="Comment Demo" href="https://ghost-with-comments.ghost.io/rss/"> <script defer src="https://cdn.jsdelivr.net/ghost/portal@~2.49/umd/portal.min.js" data-i18n="true" data-ghost="https://ghost-with-comments.ghost.io/" data-key="c2e138c8e8e5cec0874974bf8b" data-api="https://ghost-with-comments.ghost.io/ghost/api/content/" data-locale="en" crossorigin="anonymous"></script><style id="gh-members-styles">.gh-post-upgrade-cta-content, .gh-post-upgrade-cta { display: flex; flex-direction: column; align-items: center; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; text-align: center; width: 100%; color: #ffffff; font-size: 16px; } .gh-post-upgrade-cta-content { border-radius: 8px; padding: 40px 4vw; } .gh-post-upgrade-cta h2 { color: #ffffff; font-size: 28px; letter-spacing: -0.2px; margin: 0; padding: 0; } .gh-post-upgrade-cta p { margin: 20px 0 0; padding: 0; } .gh-post-upgrade-cta small { font-size: 16px; letter-spacing: -0.2px; } .gh-post-upgrade-cta a { color: #ffffff; cursor: pointer; font-weight: 500; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a:hover { color: #ffffff; opacity: 0.8; box-shadow: none; text-decoration: underline; } .gh-post-upgrade-cta a.gh-btn { display: block; background: #ffffff; text-decoration: none; margin: 28px 0 0; padding: 8px 18px; border-radius: 4px; font-size: 16px; font-weight: 600; } .gh-post-upgrade-cta a.gh-btn:hover { opacity: 0.92; }</style> <script defer src="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/sodo-search.min.js" data-key="c2e138c8e8e5cec0874974bf8b" data-styles="https://cdn.jsdelivr.net/ghost/sodo-search@~1.5/umd/main.css" data-sodo-search="https://ghost-with-comments.ghost.io/" data-locale="en" crossorigin="anonymous"></script> <link href="https://ghost-with-comments.ghost.io/webmentions/receive/" rel="webmention"> <script defer src="/public/cards.min.js?v=5d4af688d2"></script> <link rel="stylesheet" type="text/css" href="/public/cards.min.css?v=5d4af688d2"> <script defer src="/public/member-attribution.min.js?v=5d4af688d2"></script><style>:root {--ghost-accent-color: #FF1A75;}</style> </head> <body class="post-template"> <div class="viewport"> <header id="gh-head" class="gh-head has-cover"> <nav class="gh-head-inner inner gh-container"> <div class="gh-head-brand"> <a class="gh-head-logo" href="https://ghost-with-comments.ghost.io"> Comment Demo </a> <a class="gh-burger" role="button"> <div class="gh-burger-box"> <div class="gh-burger-inner"></div> </div> </a> </div> <div class="gh-head-menu"> <ul class="nav"> <li class="nav-home"><a href="https://ghost-with-comments.ghost.io/">Home</a></li> <li class="nav-about"><a href="https://ghost-with-comments.ghost.io/about/">About</a></li> </ul> </div> <div class="gh-head-actions"> <div class="gh-social"> <a class="gh-social-facebook" href="https://www.facebook.com/ghost" title="Facebook" target="_blank" rel="noopener"><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><path d="M16 0c8.837 0 16 7.163 16 16s-7.163 16-16 16S0 24.837 0 16 7.163 0 16 0zm5.204 4.911h-3.546c-2.103 0-4.443.885-4.443 3.934.01 1.062 0 2.08 0 3.225h-2.433v3.872h2.509v11.147h4.61v-11.22h3.042l.275-3.81h-3.397s.007-1.695 0-2.187c0-1.205 1.253-1.136 1.329-1.136h2.054V4.911z" /></svg></a> <a class="gh-social-twitter" href="https://twitter.com/ghost" title="Twitter" target="_blank" rel="noopener"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"><path d="M30.063 7.313c-.813 1.125-1.75 2.125-2.875 2.938v.75c0 1.563-.188 3.125-.688 4.625a15.088 15.088 0 0 1-2.063 4.438c-.875 1.438-2 2.688-3.25 3.813a15.015 15.015 0 0 1-4.625 2.563c-1.813.688-3.75 1-5.75 1-3.25 0-6.188-.875-8.875-2.625.438.063.875.125 1.375.125 2.688 0 5.063-.875 7.188-2.5-1.25 0-2.375-.375-3.375-1.125s-1.688-1.688-2.063-2.875c.438.063.813.125 1.125.125.5 0 1-.063 1.5-.25-1.313-.25-2.438-.938-3.313-1.938a5.673 5.673 0 0 1-1.313-3.688v-.063c.813.438 1.688.688 2.625.688a5.228 5.228 0 0 1-1.875-2c-.5-.875-.688-1.813-.688-2.75 0-1.063.25-2.063.75-2.938 1.438 1.75 3.188 3.188 5.25 4.25s4.313 1.688 6.688 1.813a5.579 5.579 0 0 1 1.5-5.438c1.125-1.125 2.5-1.688 4.125-1.688s3.063.625 4.188 1.813a11.48 11.48 0 0 0 3.688-1.375c-.438 1.375-1.313 2.438-2.563 3.188 1.125-.125 2.188-.438 3.313-.875z"/></svg> </a> </div> <a class="gh-head-button" href="#/portal/signup" data-portal="signup">Subscribe</a> </div> </nav> </header> <div class="site-content"> <main id="site-main" class="site-main"> <article class="article post "> <header class="article-header gh-canvas"> <h1 class="article-title">Post with Comments</h1> <div class="article-byline"> <section class="article-byline-content"> <ul class="author-list"> <li class="author-list-item"> <a href="/author/ghost/" class="author-avatar author-profile-image"><svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M3.513 18.998C4.749 15.504 8.082 13 12 13s7.251 2.504 8.487 5.998C18.47 21.442 15.417 23 12 23s-6.47-1.558-8.487-4.002zM12 12c2.21 0 4-2.79 4-5s-1.79-4-4-4-4 1.79-4 4 1.79 5 4 5z" fill="#FFF"/></g></svg> </a> </li> </ul> <div class="article-byline-meta"> <h4 class="author-name"><a href="/author/ghost/">Ghost</a></h4> <div class="byline-meta-content"> <time class="byline-meta-date" datetime="2022-05-16">May 16, 2022</time> <span class="byline-reading-time"><span class="bull">•</span> 1 min read</span> </div> </div> </section> </div> <figure class="article-image"> <img srcset="https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=300 300w, https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=600 600w, https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=1000 1000w, https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=2000 2000w" sizes="(min-width: 1400px) 1400px, 92vw" src="https://images.unsplash.com/photo-1617925109341-2b99305cdee2?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=MnwxMTc3M3wwfDF8c2VhcmNofDN8fHdoYWxlfGVufDB8fHx8MTY1MjcyMzMxNQ&ixlib=rb-1.2.1&q=80&w=2000" alt="Post with Comments" /> <figcaption>Photo by <a href="https://unsplash.com/@gabrieldizzi?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit">Gabriel Dizzi</a> / <a href="https://unsplash.com/?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit">Unsplash</a></figcaption> </figure> </header> <section class="gh-content gh-canvas"> <p>Call me Ishmael. Some years ago鈥攏ever mind how long precisely鈥攈aving little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation. Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people鈥檚 hats off鈥攖hen, I account it high time to get to sea as soon as I can. This is my substitute for pistol and ball. With a philosophical flourish Cato throws himself upon his sword; I quietly take to the ship. There is nothing surprising in this. If they but knew it, almost all men in their degree, some time or other, cherish very nearly the same feelings towards the ocean with me.</p> </section> <section class="article-comments gh-canvas"> <div id="disqus_thread"></div> <script> /** * RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS. * LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables */ var disqus_config = function () { this.page.url = "https://ghost-with-comments.ghost.io/post-with-comments/"; // Replace PAGE_URL with your page's canonical URL variable this.page.identifier = "62828dff7b46b5003dff28d6"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable }; (function() { // DON'T EDIT BELOW THIS LINE var d = document, s = d.createElement('script'); s.src = 'https://ghost-with-comments.disqus.com/embed.js'; s.setAttribute('data-timestamp', +new Date()); (d.head || d.body).appendChild(s); })(); </script> <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> </section> </article> </main> <section class="footer-cta "> <div class="inner"> <h2>Sign up for more like this.</h2> <a class="footer-cta-button" href="#/portal" data-portal> <div class="footer-cta-input">Enter your email</div> <span>Subscribe</span> </a> </div> </section> </div> <footer class="site-footer outer"> <div class="inner"> <section class="copyright"><a href="https://ghost-with-comments.ghost.io">Comment Demo</a> © 2025</section> <nav class="site-footer-nav"> <ul class="nav"> <li class="nav-sign-up"><a href="#/portal/">Sign up</a></li> </ul> </nav> <div><a href="https://ghost.org/" target="_blank" rel="noopener">Powered by Ghost</a></div> </div> </footer> </div> <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"> </script> <script src="/assets/built/casper.js?v=5d4af688d2"></script> <script> $(document).ready(function () { // Mobile Menu Trigger $('.gh-burger').click(function () { $('body').toggleClass('gh-head-open'); }); // FitVids - Makes video embeds responsive $(".gh-content").fitVids(); }); </script> </body> </html>