cpred/jekyll/update/2025/03/16/welcome-to-jekyll.html

182 lines
5.9 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Jekyll! - ThePhoenixDivision</title>
<!-- Stylesheets -->
<link rel="stylesheet" href="/cpred/assets/css/normalize.css">
<link rel="stylesheet" href="/cpred/assets/css/main.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="/cpred/assets/css/cyberpunk.css">
</head>
<body>
<header>
<nav class="cyber-razor-bottom bg-black">
<div class="nav-wrapper">
<a href="/cpred/" class="cyberpunk-font-og f-x2-5">ThePhoenixDivision</a>
<a href="#" data-target="mobile-menu" class="sidenav-trigger"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li><a href="/cpred/" class="cyber-a">Home</a></li>
<li><a href="/cpred/characters/" class="cyber-a">Charaktere</a></li>
<li><a href="/cpred/lifepaths/" class="cyber-a">Lebensweg</a></li>
<li><a href="/cpred/roles/" class="cyber-a">Rollen</a></li>
</ul>
</div>
<ul class="sidenav" id="mobile-menu">
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/">
Home
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/characters/">
Charaktere
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/lifepaths/">
Lebensweg
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
<li>
<button class="cyber-button bg-red fg-white m-2 vt-bot" data-href="/cpred/roles/">
Rollen
<span class="glitchtext">$_glitch;</span>
<span class="tag"></span>
</button>
</li>
</ul>
</nav>
<!-- Breadcrumb -->
<div class="cyber-att">
<a href="/cpred/">Home</a>
<span>jekyll</span>
<span>update</span>
<span>2025</span>
<span>03</span>
<span>16</span>
<span>welcome-to-jekyll.html</span>
</div>
</header>
<main>
<article class="cyber-tile-big bg-dark" style="display: flex; flex-direction: column; margin: 0 auto;">
<h1 class="cyber-h">Welcome to Jekyll!</h1>
<p><strong>Datum:</strong> <span class="cyber-glitch-4">16.03.2025</span></p>
<p>Youll find this post in your <code class="language-plaintext 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="language-plaintext highlighter-rouge">jekyll serve</code>, which launches a web server and auto-regenerates your site when a file is updated.</p>
<p>Jekyll requires blog post files to be named according to the following format:</p>
<p><code class="language-plaintext highlighter-rouge">YEAR-MONTH-DAY-title.MARKUP</code></p>
<p>Where <code class="language-plaintext highlighter-rouge">YEAR</code> is a four-digit number, <code class="language-plaintext highlighter-rouge">MONTH</code> and <code class="language-plaintext highlighter-rouge">DAY</code> are both two-digit numbers, and <code class="language-plaintext highlighter-rouge">MARKUP</code> is the file extension representing the format used in the file. 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>
<p>Jekyll also offers powerful support for code snippets:</p>
<figure class="highlight"><pre><code class="language-ruby" data-lang="ruby"><span class="k">def</span> <span class="nf">print_hi</span><span class="p">(</span><span class="nb">name</span><span class="p">)</span>
<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>
<span class="k">end</span>
<span class="n">print_hi</span><span class="p">(</span><span class="s1">'Tom'</span><span class="p">)</span>
<span class="c1">#=&gt; prints 'Hi, Tom' to STDOUT.</span></code></pre></figure>
<p>Check out the <a href="https://jekyllrb.com/docs/home">Jekyll docs</a> for more info on how to get the most out of Jekyll. File all bugs/feature requests at <a href="https://github.com/jekyll/jekyll">Jekylls GitHub repo</a>. If you have questions, you can ask them on <a href="https://talk.jekyllrb.com/">Jekyll Talk</a>.</p>
</article>
</main>
<div class="cyber-razor-top bg-black" style="width: 100%"></div>
<script
src="https://code.jquery.com/jquery-3.7.1.min.js"
integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo="
crossorigin="anonymous"></script>
<script src="/cpred/assets/js/materialize.min.js"></script>
<script>
document.addEventListener('DOMContentLoaded', function() {
var sidenavElems = document.querySelectorAll('.sidenav');
var sidenavInstances = M.Sidenav.init(sidenavElems, {});
});
document.querySelectorAll("button").forEach(button => {
const href = button.getAttribute("data-href");
if (!href) return;
button.addEventListener("click", () => {
window.location.href = button.getAttribute("data-href");
});
});
</script>
</body>
</html>