mirror of
https://github.com/Superredstone/patrickcanal.it.git
synced 2026-03-07 20:18:08 +01:00
First commit
This commit is contained in:
273
public/posts/building-my-website-in-hugo/index.html
Normal file
273
public/posts/building-my-website-in-hugo/index.html
Normal file
@@ -0,0 +1,273 @@
|
||||
<!DOCTYPE html>
|
||||
<html class="" lang="en-us"><head><script src="/livereload.js?mindelay=10&v=2&port=1313&path=livereload" data-no-instant defer></script>
|
||||
|
||||
<meta name="robots" content="noai, noimageai">
|
||||
<meta name="viewport" content="width=device-width" />
|
||||
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=7" />
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href='/favicon.png'
|
||||
/>
|
||||
<link
|
||||
rel="shortcut icon"
|
||||
href='/favicon.ico'
|
||||
type="image/x-icon"
|
||||
/>
|
||||
<link
|
||||
rel="apple-touch-icon"
|
||||
href='/apple-touch-icon.png'
|
||||
/>
|
||||
|
||||
<link
|
||||
rel="icon"
|
||||
href='logo.svg'
|
||||
type="image/svg+xml"
|
||||
/>
|
||||
|
||||
<title>
|
||||
|
||||
Building my website in Hugo –
|
||||
|
||||
Patrick Canal
|
||||
</title>
|
||||
|
||||
|
||||
<link href="/symbols-nerd-font/symbols-nerd-font.css" rel="stylesheet" />
|
||||
<link href="/jetbrains-mono/jetbrains-mono.css" rel="stylesheet" />
|
||||
|
||||
|
||||
|
||||
<link type="text/css" rel="stylesheet" href=http://localhost:1313/css/styles.abbd6311bb4b6ca58f8e7398140529245ae0f6428b759fcd830742eee2619eabb900ba9914a9affb82aa9a16a9b9ea727bb315315a976a0db0e7513a5f12c504.css integrity="sha512-q71jEbtLbKWPjnOYFAUpJFrg9kKLdZ/NgwdC7uJhnqu5ALqZFKmv+4Kqmhapuepye7MVMVqXag2w51E6XxLFBA==" />
|
||||
<meta name="author" content="Patrick Canal" />
|
||||
|
||||
|
||||
<meta name="keywords" content='hosting, website' />
|
||||
|
||||
|
||||
<meta name="description" content=" website/blog to write articles about what I like, so today I decided to make one!</p>
|
||||
<p>After buying a domain and setting up the server I had just to decide what to write the website with.</p>
|
||||
<h2 id="hugo">Hugo</h2>
|
||||
<p><img src="https://gohugo.io/images/hugo-logo-wide.svg" alt="hugo-logo"></p>
|
||||
<p>As a tech stack I wanted something simple and easy to mantain,
|
||||
<a href="https://gohugo.io/">Hugo</a> makes everything so easy and painless that it is too good to be true.</p>
|
||||
<p>Just install it and then write in the terminal</p>" />
|
||||
|
||||
|
||||
<meta property="og:site_name"
|
||||
content='Patrick Canal' />
|
||||
|
||||
<meta property="og:title" content="Building my website in Hugo" />
|
||||
<meta property="og:type" content="article" />
|
||||
|
||||
<meta
|
||||
property="article:author" content="Patrick Canal" />
|
||||
|
||||
<meta
|
||||
property="article:published_time"
|
||||
content='2025-04-07T19:16:28Z+0200' />
|
||||
|
||||
|
||||
<meta property="article:tag" content="hosting" />
|
||||
|
||||
<meta property="article:tag" content="website" />
|
||||
|
||||
|
||||
<meta property="og:url" content="http://localhost:1313/posts/building-my-website-in-hugo/" />
|
||||
|
||||
|
||||
<meta property="og:image"
|
||||
content="http://localhost:1313/img/icon.svg" />
|
||||
|
||||
<meta property="og:description" content="<p>I always wanted a website/blog to write articles about what I like, so today I decided to make one!</p>
|
||||
<p>After buying a domain and setting up the server I " />
|
||||
|
||||
|
||||
<meta name="twitter:card" content="summary_large_image" />
|
||||
<meta property="twitter:domain"
|
||||
content='localhost:1313'
|
||||
/>
|
||||
<meta property="twitter:url" content="http://localhost:1313/posts/building-my-website-in-hugo/" />
|
||||
|
||||
|
||||
<meta name="twitter:title" content="Building my website in Hugo" />
|
||||
|
||||
|
||||
|
||||
<meta name="twitter:image"
|
||||
content="http://localhost:1313/img/icon.svg" />
|
||||
|
||||
<meta name="twitter:description" content="<p>I always wanted a website/blog to write articles about what I like, so today I decided to make one!</p>
|
||||
<p>After buying a domain and setting up the server I " />
|
||||
|
||||
|
||||
<link rel="manifest" href="/manifest/index.json" />
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<div id="baseContainer"><header class="">
|
||||
<div class="titleAndSearchContainer">
|
||||
<div id="titleContainer">
|
||||
|
||||
<a class="unstyledLink" href="/">
|
||||
<img src='logo.svg' alt='Logo'/>
|
||||
</a>
|
||||
|
||||
<div class="rightOfLogo">
|
||||
<div class="titleAndHamburger">
|
||||
<h1>
|
||||
<a class="unstyledLink" href="/">Patrick Canal</a>
|
||||
|
||||
</h1>
|
||||
|
||||
</div>
|
||||
<div id="wide_nav"><nav>
|
||||
|
||||
<ul id="main-nav">
|
||||
<li><a href="/">Home</a></li>
|
||||
|
||||
<li><a href="/posts/">Posts</a></li>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<li><a href="/tags/">Tags</a></li>
|
||||
|
||||
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="search">
|
||||
<input id="searchbar" type="text" placeholder='Search' />
|
||||
<span class="nerdlink" onclick="newSearch();"></span>
|
||||
</div>
|
||||
<script>
|
||||
function newSearch() {
|
||||
let term = searchbar.value.trim();
|
||||
if (!term) return;
|
||||
location.href = `/search/?q=${term}`;
|
||||
}
|
||||
searchbar.onkeyup = (ev) => {if (ev.keyCode == 13) newSearch()};
|
||||
</script>
|
||||
|
||||
</div>
|
||||
<div id="links">
|
||||
<a
|
||||
|
||||
rel="noreferrer"
|
||||
|
||||
target="_blank"
|
||||
class="nerdlink"
|
||||
href="/index.xml">
|
||||
|
||||
|
||||

|
||||
|
||||
<span>
|
||||
RSS
|
||||
</span>
|
||||
</a>
|
||||
|
||||
|
||||
<a
|
||||
|
||||
rel="noreferrer"
|
||||
|
||||
target="_blank"
|
||||
class="nerdlink"
|
||||
href="https://github.com/Superredstone">
|
||||
|
||||
|
||||

|
||||
|
||||
<span>
|
||||
Github
|
||||
</span>
|
||||
</a>
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
</header>
|
||||
<div id="contentContainer">
|
||||
<div id="content">
|
||||
<main>
|
||||
<article class="card single">
|
||||
|
||||
<h1>Building my website in Hugo</h1>
|
||||
|
||||
|
||||
<p class="date">
|
||||
<span title='Date'> </span>
|
||||
2025-04-07
|
||||
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
<div><p>I always wanted a website/blog to write articles about what I like, so today I decided to make one!</p>
|
||||
<p>After buying a domain and setting up the server I had just to decide what to write the website with.</p>
|
||||
<h2 id="hugo">Hugo</h2>
|
||||
<p><img src="https://gohugo.io/images/hugo-logo-wide.svg" alt="hugo-logo"></p>
|
||||
<p>As a tech stack I wanted something simple and easy to mantain,
|
||||
<a href="https://gohugo.io/">Hugo</a> makes everything so easy and painless that it is too good to be true.</p>
|
||||
<p>Just install it and then write in the terminal</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>hugo new site <website-name> <span style="color:#f92672">&&</span> cd <website-name>
|
||||
</span></span></code></pre></div><p>to generate the template, install a good-looking theme from the <a href="https://themes.gohugo.io/themes/">themes page</a> on the Hugo website, in my case Ficurinia</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>git clone https://github.com/patrickacciaioli/ficurinia themes/ficurinia
|
||||
</span></span></code></pre></div><p>add the following line inside of <code>hugo.toml</code> with the greatest editor ever lived (Vim)</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-toml" data-lang="toml"><span style="display:flex;"><span><span style="color:#a6e22e">theme</span> = <span style="color:#e6db74">"ficurinia"</span>
|
||||
</span></span></code></pre></div><p>Start the server with</p>
|
||||
<div class="highlight"><pre tabindex="0" style="color:#f8f8f2;background-color:#272822;-moz-tab-size:4;-o-tab-size:4;tab-size:4;"><code class="language-bash" data-lang="bash"><span style="display:flex;"><span>hugo server
|
||||
</span></span></code></pre></div><p>and you are ready to go. A complete blog in seconds.</p>
|
||||
<h2 id="conclusion">Conclusion</h2>
|
||||
<p>Building a personal website with Hugo was faster and easier than I could have ever done in plain HTML. With minimal setup and maximum flexibility, Hugo proved to be the perfect choice for my blog. Now, I can focus on writing posts worrying about the infamous <a href="https://en.wikipedia.org/wiki/HTML">Hypertext Markup Language</a>.</p>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<hr />
|
||||
<p class="articleTagsContainer">
|
||||
<span> </span>
|
||||
<strong>Tags:</strong>
|
||||
|
||||
<a
|
||||
|
||||
href="/tags/hosting/">#hosting</a>
|
||||
|
||||
<a
|
||||
|
||||
href="/tags/website/">#website</a>
|
||||
|
||||
</p>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</main><footer>
|
||||
<hr />
|
||||
|
||||
<p><small>
|
||||
2025 © Patrick Canal
|
||||
</small></p>
|
||||
<p><small>
|
||||
<a href='https://gitlab.com/gabmus/hugo-ficurinia'>Ficurinia theme</a> for <a href='https://gohugo.io'>Hugo</a> by <a href='https://gabmus.org'>Gabriele Musco</a>. Licensed under <a href='https://www.gnu.org/licenses/agpl-3.0.html'>GNU AGPLv3</a>.
|
||||
</small></p>
|
||||
</footer>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user