<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Websites on YHY Study Website</title><link>https://ryan.0412.online/en/tags/websites/</link><description>Recent content in Websites on YHY Study Website</description><generator>Hugo</generator><language>en-US</language><lastBuildDate>Wed, 30 Sep 2026 21:25:01 +0800</lastBuildDate><atom:link href="https://ryan.0412.online/en/tags/websites/index.xml" rel="self" type="application/rss+xml"/><item><title>DNS Notes: Domain Lookups, Resource Records, and HTTPS Certificates</title><link>https://ryan.0412.online/en/blog/dns-cname-notes/</link><pubDate>Sat, 12 Sep 2026 00:00:00 +0000</pubDate><guid>https://ryan.0412.online/en/blog/dns-cname-notes/</guid><description>&lt;p&gt;When connecting a personal site to a custom domain, the console presents CNAME, A, and sometimes TXT records. These notes follow the process from the browser finding an IP address, through the purpose of each record type, to the point where HTTPS certificates enter the chain.&lt;/p&gt;
&lt;figure class="td-figure"&gt;
 &lt;img src="https://ryan.0412.online/blog/dns-cname-notes/cover.png" alt="DNS translates a name before reaching a locked server" width="1280" height="720" loading="lazy" decoding="async"&gt;&lt;figcaption&gt; &lt;span class="td-fig-caption"&gt;Name → DNS records → machine; TLS proves that the name belongs to the server&lt;/span&gt;&lt;/figcaption&gt;
&lt;/figure&gt;&lt;div class="td-callout td-callout--note" role="note"&gt;
 &lt;div class="td-callout__title"&gt;&lt;i class="td-callout__icon fa-solid fa-circle-info" aria-hidden="true"&gt;&lt;/i&gt;&lt;span class="td-callout__label"&gt;About the examples&lt;/span&gt;&lt;/div&gt;
 &lt;div class="td-callout__body"&gt;
&lt;p&gt;&lt;code&gt;0412.online&lt;/code&gt; and &lt;code&gt;ryan.0412.online&lt;/code&gt; are this site&amp;rsquo;s public domains. The CNAME target, verification string, and mail hostname are &lt;strong&gt;illustrative&lt;/strong&gt;.&lt;/p&gt;</description></item><item><title>Building a Personal Site with Oink, from Setup to Publication</title><link>https://ryan.0412.online/en/blog/oink-site-setup-notes/</link><pubDate>Sat, 29 Aug 2026 00:00:00 +0000</pubDate><guid>https://ryan.0412.online/en/blog/oink-site-setup-notes/</guid><description>&lt;p&gt;The &lt;a href="https://oink.pgsty.com/zh/book/"&gt;official Oink tutorial&lt;/a&gt; is comprehensive, but connecting the folders, configuration, and commands can still be confusing the first time, especially without much frontend experience. These notes from building &lt;a href="https://ryanyhy.github.io/YHY-Website/"&gt;YHY Study Website&lt;/a&gt; follow one path: understand Oink, learn how &lt;code&gt;content/&lt;/code&gt; is organized, and then write and publish a blog post.&lt;/p&gt;
&lt;figure class="td-figure"&gt;
 &lt;img src="https://ryan.0412.online/blog/oink-site-setup-notes/oink-site-setup-cover.png" alt="Oink site setup diagram" width="1536" height="1024" loading="lazy" decoding="async"&gt;&lt;figcaption&gt; &lt;span class="td-fig-caption"&gt;Markdown → Hugo → the Oink theme → a deployable static site&lt;/span&gt;&lt;/figcaption&gt;
&lt;/figure&gt;&lt;h2 id="stack"&gt;What Hugo and Oink each do
&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Hugo&lt;/strong&gt; is a static site generator: it reads Markdown and configuration and produces HTML.
&lt;strong&gt;Oink&lt;/strong&gt; is a Hugo theme: it controls the appearance of sidebars, cards, callouts, code blocks, and other components.&lt;/p&gt;</description></item></channel></rss>