<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tutorial on Hinode</title><link>https://gethinode.com/tags/tutorial/</link><description>Recent content in Tutorial on Hinode</description><generator>Hugo</generator><language>en-us</language><copyright>Copyright © 2022 - 2026 Hinode Team.</copyright><lastBuildDate>Sat, 04 Apr 2026 11:41:08 +0200</lastBuildDate><atom:link href="https://gethinode.com/tags/tutorial/index.xml" rel="self" type="application/rss+xml"/><item><title>Creating your first site with Hinode</title><link>https://gethinode.com/tutorials/creating-first-site-hinode/</link><pubDate>Mon, 03 Apr 2023 00:00:00 +0000</pubDate><guid>https://gethinode.com/tutorials/creating-first-site-hinode/</guid><description>&lt;h2 id="introduction" class="heading "&gt;Introduction&lt;a href="#introduction" aria-labelledby="introduction"&gt;






 &lt;svg class="svg-inline--fa bi bi-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-link"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 &lt;/a&gt;
&lt;/h2&gt;



 
 

 &lt;blockquote class="blockquote-alert blockquote-alert-note"&gt;
 &lt;p class="blockquote-alert-heading"&gt;
 
 






 &lt;svg class="svg-inline--fa bi bi-info-circle fa-fw" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-info-circle"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 Note
 
 &lt;/p&gt;</description></item><item><title>Customizing the appearance of your site</title><link>https://gethinode.com/tutorials/customizing-appearance-site/</link><pubDate>Tue, 20 Aug 2024 00:00:00 +0000</pubDate><guid>https://gethinode.com/tutorials/customizing-appearance-site/</guid><description>&lt;h2 id="introduction" class="heading "&gt;Introduction&lt;a href="#introduction" aria-labelledby="introduction"&gt;






 &lt;svg class="svg-inline--fa bi bi-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-link"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 &lt;/a&gt;
&lt;/h2&gt;



 
 

 &lt;blockquote class="blockquote-alert blockquote-alert-note"&gt;
 &lt;p class="blockquote-alert-heading"&gt;
 
 






 &lt;svg class="svg-inline--fa bi bi-info-circle fa-fw" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-info-circle"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 Note
 
 &lt;/p&gt;</description></item><item><title>Optimizing the user experience</title><link>https://gethinode.com/tutorials/optimizing-user-experience/</link><pubDate>Mon, 03 Apr 2023 00:00:00 +0000</pubDate><guid>https://gethinode.com/tutorials/optimizing-user-experience/</guid><description>&lt;h2 id="introduction" class="heading "&gt;Introduction&lt;a href="#introduction" aria-labelledby="introduction"&gt;






 &lt;svg class="svg-inline--fa bi bi-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-link"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 &lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;Hinode includes support for 
 &lt;a href="https://getbootstrap.com" target="_blank" rel="noopener noreferrer nofollow"&gt;Bootstrap&amp;nbsp;






 &lt;svg class="svg-inline--fa bi bi-box-arrow-up-right fa-2xs" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-box-arrow-up-right"&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/a&gt;
 and 
 &lt;a href="https://fontawesome.com" target="_blank" rel="noopener noreferrer nofollow"&gt;Font Awesome&amp;nbsp;






 &lt;svg class="svg-inline--fa bi bi-box-arrow-up-right fa-2xs" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-box-arrow-up-right"&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/a&gt;
 by default. Although these packages provide many great features, they do increase the size of your site&amp;rsquo;s assets. This guide illustrates several strategies on how to optimize your Hinode site. We will use the 
 &lt;a href="https://github.com/gethinode/docs.git" target="_blank" rel="noopener noreferrer nofollow"&gt;Hinode documentation repository&amp;nbsp;






 &lt;svg class="svg-inline--fa bi bi-box-arrow-up-right fa-2xs" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-box-arrow-up-right"&gt;&lt;/use&gt;&lt;/svg&gt;&lt;/a&gt;
 as a case example.&lt;/p&gt;</description></item><item><title>Developing Hugo modules</title><link>https://gethinode.com/tutorials/developing-hugo-modules/</link><pubDate>Sat, 22 Jul 2023 00:00:00 +0000</pubDate><guid>https://gethinode.com/tutorials/developing-hugo-modules/</guid><description>&lt;h2 id="introduction" class="heading "&gt;Introduction&lt;a href="#introduction" aria-labelledby="introduction"&gt;






 &lt;svg class="svg-inline--fa bi bi-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-link"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 &lt;/a&gt;
&lt;/h2&gt;



 
 

 &lt;blockquote class="blockquote-alert blockquote-alert-note"&gt;
 &lt;p class="blockquote-alert-heading"&gt;
 
 






 &lt;svg class="svg-inline--fa bi bi-info-circle fa-fw" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-info-circle"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 Note
 
 &lt;/p&gt;</description></item><item><title>Automating dependency updates</title><link>https://gethinode.com/tutorials/automating-dependency-updates/</link><pubDate>Mon, 21 Aug 2023 00:00:00 +0000</pubDate><guid>https://gethinode.com/tutorials/automating-dependency-updates/</guid><description>&lt;h2 id="introduction" class="heading "&gt;Introduction&lt;a href="#introduction" aria-labelledby="introduction"&gt;






 &lt;svg class="svg-inline--fa bi bi-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-link"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 &lt;/a&gt;
&lt;/h2&gt;
&lt;p&gt;The Hinode template uses both Hugo modules and npm packages. In this guide we will use GitHub actions to upgrade both types of dependencies automatically, ensuring our repository is always up to date. However, before we enable these automation steps, we will set up branch protection first. This guide assumes you have successfully setup a site based on the Hinode template. See the guide on 


 &lt;a href="https://gethinode.com/tutorials/creating-first-site-hinode/"&gt;How to Create a Site With Hinode&lt;/a&gt;
 for more information.&lt;/p&gt;</description></item><item><title>Generating LLM-ready content</title><link>https://gethinode.com/tutorials/generating-llm-content/</link><pubDate>Wed, 18 Mar 2026 00:00:00 +0000</pubDate><guid>https://gethinode.com/tutorials/generating-llm-content/</guid><description>&lt;h2 id="introduction" class="heading "&gt;Introduction&lt;a href="#introduction" aria-labelledby="introduction"&gt;






 &lt;svg class="svg-inline--fa bi bi-link anchor" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-link"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 &lt;/a&gt;
&lt;/h2&gt;



 
 

 &lt;blockquote class="blockquote-alert blockquote-alert-note"&gt;
 &lt;p class="blockquote-alert-heading"&gt;
 
 






 &lt;svg class="svg-inline--fa bi bi-info-circle fa-fw" fill="currentColor" aria-hidden="true" role="img" viewBox="0 0 16 16" overflow="visible"&gt;&lt;use href="#bi-info-circle"&gt;&lt;/use&gt;&lt;/svg&gt;&amp;nbsp;
 Note
 
 &lt;/p&gt;</description></item></channel></rss>