fpsvogel

Bridgetown 0.21 new site - post

Jun 10th, 2021
123
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.04 KB | None | 0 0
  1. <!doctype html>
  2. <html lang="en">
  3.   <head>
  4.     <meta charset="utf-8" />
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  6.  
  7. <title>Your First Post on Bridgetown | Your awesome title</title>
  8.  
  9. <meta name="description" content="Write an awesome description for your new site here. It will appear in your document head meta (for Google search results) and in your feed.xml site description." />
  10.  
  11. <link rel="stylesheet" href="/_bridgetown/static/css/main.ffe06e9e95f4774b4af7.css" />
  12. <script src="/_bridgetown/static/js/main.f07a37c53b30e1989ec1.js" defer></script>
  13.  
  14.   </head>
  15.   <body class="post ">
  16.     <nav>
  17.   <a href="/">Home</a>
  18.   <a href="/about">About</a>
  19.   <a href="/posts">Posts</a>
  20. </nav>
  21.  
  22.  
  23.     <main>
  24.       <h1>Your First Post on Bridgetown</h1>
  25.  
  26. <p>You’ll find this post in your <code class="highlighter-rouge">_posts</code> directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run <code class="highlighter-rouge">bridgetown serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
  27.  
  28. <p>Bridgetown requires blog post files to be named according to the following format:</p>
  29.  
  30. <p><code class="highlighter-rouge">YEAR-MONTH-DAY-title.EXT</code></p>
  31.  
  32. <p>Where <code class="highlighter-rouge">YEAR</code> is a four-digit number, <code class="highlighter-rouge">MONTH</code> and <code class="highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="highlighter-rouge">EXT</code> is the file extension representing the format used in the file (for example, <code class="highlighter-rouge">md</code> for Markdown). After that, include the necessary front matter. Take a look at the source for this post to get an idea about how it works.</p>
  33.  
  34. <p>Bridgetown also offers powerful support for code snippets:</p>
  35.  
  36. <div class="language-ruby highlighter-rouge"><div class="highlight"><pre class="highlight"><code><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
  37.   <span class="nb">puts</span> <span class="s2">"Hi, </span><span class="si">#{</span><span class="nb">name</span><span class="si">}</span><span class="s2">"</span>
  38. <span class="k">end</span>
  39. <span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
  40. <span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span>
  41. </code></pre></div></div>
  42.  
  43. <p>Check out the <a href="https://bridgetownrb.com/docs/">Bridgetown docs</a> for more info on how to get the most out of Bridgetown. File all bugs/feature requests at <a href="https://github.com/bridgetownrb/bridgetown">Bridgetown’s GitHub repo</a>. If you have questions, you can ask them on <a href="https://github.com/bridgetownrb/bridgetown/discussions">Bridgetown Discussions on GitHub</a>.</p>
  44.  
  45.  
  46.     </main>
  47.  
  48.     <footer>
  49.   Contact me at <a href="mailto:[email protected]">[email protected]</a>
  50. </footer>
  51.  
  52.   </body>
  53. </html>
  54.  
Advertisement
Add Comment
Please, Sign In to add comment