<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>SiteonDocs</title><link>https://hiraethecho.github.io/docs/tags/site/</link><description>Recent contentinSiteonDocs</description><generator>Hugo --0.152.2</generator><language>en</language><managingEditor>wyz2016zxc@outlook.com(Hiraeth)</managingEditor><webMaster>wyz2016zxc@outlook.com(Hiraeth)</webMaster><lastBuildDate>Mon, 16 Mar 2026 15:39:39 +0800</lastBuildDate><atom:link href="https://hiraethecho.github.io/docs/tags/site/index.xml" rel="self" type="application/rss+xml"/><item><title>hugo主题lichtung</title><link>https://hiraethecho.github.io/docs/project/example/</link><pubDate>Sun, 05 Oct 2025 00:00:00 +0000</pubDate><author>wyz2016zxc@outlook.com(Hiraeth)</author><guid>https://hiraethecho.github.io/docs/project/example/</guid><description>&lt;h1 id="my-hugo-theme"&gt;
&lt;a class="anchor inpage" href="#my-hugo-theme"&gt;#&lt;/a&gt;My hugo theme&lt;/h1&gt;
&lt;p&gt;&lt;figure&gt;
&lt;a
href="https://asset.877675.xyz/202510101905530.webp"
class="img-link"
data-sub-html=""
target="_blank"
&gt;
&lt;img
src="https://asset.877675.xyz/202510101905530.webp"
alt=""loading="lazy"
/&gt;
&lt;/a&gt;&lt;/figure&gt;
&lt;/p&gt;
&lt;p&gt;some thing.&lt;br&gt;
another line
a
&lt;/p&gt;
&lt;h2 id="titles"&gt;
&lt;a class="anchor inpage" href="#titles"&gt;##&lt;/a&gt;titles&lt;/h2&gt;
&lt;h3 id="h3"&gt;
&lt;a class="anchor inpage" href="#h3"&gt;###&lt;/a&gt;h3&lt;/h3&gt;
&lt;h4 id="h4"&gt;
&lt;a class="anchor inpage" href="#h4"&gt;####&lt;/a&gt;h4&lt;/h4&gt;
&lt;h5 id="h5"&gt;
&lt;a class="anchor inpage" href="#h5"&gt;#####&lt;/a&gt;h5&lt;/h5&gt;
&lt;h6 id="h6"&gt;
&lt;a class="anchor inpage" href="#h6"&gt;######&lt;/a&gt;h6&lt;/h6&gt;
&lt;h2 id="fonts"&gt;
&lt;a class="anchor inpage" href="#fonts"&gt;##&lt;/a&gt;fonts&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;bold text&lt;/strong&gt; and &lt;em&gt;italic text&lt;/em&gt;. and both &lt;strong&gt;&lt;em&gt;bold and italic&lt;/em&gt;&lt;/strong&gt; and &lt;em&gt;&lt;strong&gt;jlkfas&lt;/strong&gt;&lt;/em&gt;&lt;/p&gt;
&lt;p&gt;try some thing new: &lt;del&gt;delete&lt;/del&gt;, &lt;ins&gt;insert&lt;/ins&gt;, &lt;mark&gt;mark&lt;/mark&gt;, superscript&lt;sup&gt;2&lt;/sup&gt; and subscript&lt;sub&gt;2&lt;/sub&gt;&lt;/p&gt;
&lt;p&gt;some Typographer&lt;/p&gt;
&lt;pre&gt;&lt;code&gt;... &amp;amp;hellip; horizontal ellipsis
' &amp;amp;rsquo; apostrophe
-- &amp;amp;ndash; en dash
--- &amp;amp;mdash; em dash
« &amp;amp;laquo; left angle quote
“ &amp;amp;ldquo; left double quote
‘ &amp;amp;lsquo; left single quote
» &amp;amp;raquo; right angle quote
” &amp;amp;rdquo; right double quote
’ &amp;amp;rsquo; right single quote
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;as&lt;/p&gt;</description><content:encoded><![CDATA[<h1 id="my-hugo-theme">
  <a class="anchor inpage" href="#my-hugo-theme">#</a>My hugo theme</h1>
<p><figure>
  <a
    href="https://asset.877675.xyz/202510101905530.webp"
    class="img-link"
    data-sub-html=""
    target="_blank"
  >
    <img
      src="https://asset.877675.xyz/202510101905530.webp"
      alt=""loading="lazy"
    />
  </a></figure>
</p>
<p>some thing.<br>
another line
a 
</p>
<h2 id="titles">
  <a class="anchor inpage" href="#titles">##</a>titles</h2>
<h3 id="h3">
  <a class="anchor inpage" href="#h3">###</a>h3</h3>
<h4 id="h4">
  <a class="anchor inpage" href="#h4">####</a>h4</h4>
<h5 id="h5">
  <a class="anchor inpage" href="#h5">#####</a>h5</h5>
<h6 id="h6">
  <a class="anchor inpage" href="#h6">######</a>h6</h6>
<h2 id="fonts">
  <a class="anchor inpage" href="#fonts">##</a>fonts</h2>
<p><strong>bold text</strong> and <em>italic text</em>. and both <strong><em>bold and italic</em></strong> and <em><strong>jlkfas</strong></em></p>
<p>try some thing new: <del>delete</del>, <ins>insert</ins>, <mark>mark</mark>, superscript<sup>2</sup> and subscript<sub>2</sub></p>
<p>some Typographer</p>
<pre><code>... &amp;hellip;    horizontal ellipsis
'   &amp;rsquo; apostrophe
--  &amp;ndash; en dash
--- &amp;mdash; em dash
«   &amp;laquo; left angle quote
“   &amp;ldquo; left double quote
‘   &amp;lsquo; left single quote
»   &amp;raquo; right angle quote
”   &amp;rdquo; right double quote
’   &amp;rsquo; right single quote
</code></pre>
<p>as</p>
<p>&hellip; … horizontal ellipsis
&rsquo; ’ apostrophe
&ndash; – en dash
&mdash; — em dash
« « left angle quote
“ “ left double quote
‘ ‘ left single quote
» » right angle quote
” ” right double quote
’ ’ right single quote</p>
<h2 id="callouts">
  <a class="anchor inpage" href="#callouts">##</a>callouts</h2>
<p>some text</p>
<blockquote class="alert alert-note">
      <p class="alert-heading">a</p></blockquote><p>and other</p>
<blockquote class="alert alert-tip">
      <p class="alert-heading">b</p></blockquote><blockquote class="alert alert-important">
      <p class="alert-heading">重要</p></blockquote><blockquote class="alert alert-warning">
      <p class="alert-heading">WARNING</p><p>hell</p></blockquote><blockquote class="alert alert-caution">
      <p class="alert-heading">CAUTION</p><p>waow</p>
<blockquote class="alert alert-warning">
      <p class="alert-heading">WARNING</p><p>nested</p></blockquote><p>blocks</p></blockquote><h3 id="blockquotes">
  <a class="anchor inpage" href="#blockquotes">###</a>blockquotes</h3>
<blockquote class="alert"><p>just<br>
a quote</p>
</blockquote><p>nest</p>
<blockquote class="alert"><p>nest</p>
<blockquote class="alert"><p>anoth</p>
</blockquote></blockquote><p>and</p>
<blockquote class="alert"><p>nest</p>
<blockquote class="alert"><p>anoth</p>
</blockquote><p>a</p>
</blockquote><h2 id="latex">
  <a class="anchor inpage" href="#latex">##</a>latex</h2>
<p>行间</p>
<pre><code>\[
\mathrm{e}^{\theta \mathrm{i}} = \cos \theta + \mathrm{i}\sin \theta
\]
</code></pre>
<p>和</p>
<pre><code>\[
\mathcal{E}=\mathcal{O}^{\oplus n} \rightarrow \mathcal{F}
\]
</code></pre>
<p>为
</p>
\[
\mathrm{e}^{\theta \mathrm{i}} = \cos \theta + \mathrm{i}\sin \theta
\]<p>
和
</p>
\[
\mathcal{E}=\mathcal{O}^{\oplus n} \rightarrow \mathcal{F}
\]<p>
行中 <code>$E=mc^2$</code> 和 <code>\(E=mc^2\)</code> 为 $E=mc^2$ 和 \(E=mc^2\)</p>
<h2 id="footnotes">
  <a class="anchor inpage" href="#footnotes">##</a>footnotes</h2>
<p>some text.<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup> And named footnote<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup> another footnote<sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup> what if <sup id="fnref1:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup> same one.</p>
<h2 id="forms">
  <a class="anchor inpage" href="#forms">##</a>forms</h2>
<p>select 跳转</p>
<pre><code>&lt;select onchange=&quot;location = this.value;&quot;&gt;
&lt;option value=&quot;&quot;&gt;导航菜单&lt;/option&gt;
&lt;option value=&quot;/&quot;&gt;首页&lt;/option&gt;
&lt;option value=&quot;/glade&quot;&gt;关于&lt;/option&gt;
&lt;/select&gt;
</code></pre>
<select onchange="location = this.value;">
  <option value="">导航菜单</option>
  <option value="/">首页</option>
  <option value="/about">关于</option>
</select>
<details><summary>details</summary>
<ul>
  <li>nested</li>
  <li> ul </li>
</ul>
</details>
<h2 id="lists">
  <a class="anchor inpage" href="#lists">##</a>lists</h2>
<p>some texts</p>
<ul>
<li>askjdfk</li>
<li>jklasdf
<ul>
<li>nested
<ol>
<li>mixed type</li>
<li>ok</li>
</ol>
</li>
<li>sdajfl</li>
</ul>
</li>
<li>laksdfjlk</li>
</ul>
<p>ok, then another list</p>
<ol>
<li>i do</li>
<li>not</li>
</ol>
<h2 id="codes">
  <a class="anchor inpage" href="#codes">##</a>codes</h2>
<h3 id="inline-codes">
  <a class="anchor inpage" href="#inline-codes">###</a>inline codes</h3>
<p>asdfjlk <code>ajsdfj</code> sdjfakl</p>
<h3 id="code-fences">
  <a class="anchor inpage" href="#code-fences">###</a>code fences</h3>
<p>iolkjlkasdf</p>
<details open>
    <summary>bash</summary><pre
        class="chroma codeblock"
      ><code class="language-bash" data-lang="bash"
          ><span style="display:flex;"><span><span style="color:#75715e">#!/bin/bash --noprofile --norc
</span></span></span><span style="display:flex;"><span><span style="color:#75715e"></span>export MY_VARIABLE<span style="color:#f92672">=</span><span style="color:#e6db74">&#34;value&#34;</span></span></span></code
        ><button onclick="copyCode(this)" class="copybtn">copy</button></pre></details>

  <script>
    function copyCode(btn) {
      const code = btn.previousElementSibling.textContent.trim();
      navigator.clipboard.writeText(code).then(() => {
        btn.innerText = "copied";
        setTimeout(() => (btn.innerText = "copy"), 2000);
      });
    }
  </script><details open>
    <summary>TEXT</summary><pre
        class="codeblock"
      ><code class="language-" data-lang="">#!/bin/bash --noprofile --norc
export MY_VARIABLE=&#34;value&#34;
echo &#34;Current PATH: $PATH&#34;</code><button onclick="copyCode(this)" class="copybtn">copy</button></pre></details>

  <script>
    function copyCode(btn) {
      const code = btn.previousElementSibling.textContent.trim();
      navigator.clipboard.writeText(code).then(() => {
        btn.innerText = "copied";
        setTimeout(() => (btn.innerText = "copy"), 2000);
      });
    }
  </script><p>this is confusing</p>
<pre><code>#!/bin/bash --noprofile --norc
export MY_VARIABLE=&quot;value&quot;
echo &quot;Current PATH: $PATH&quot;
</code></pre>
<h3 id="pre">
  <a class="anchor inpage" href="#pre">###</a>pre</h3>
<pre><code>       一剪梅·舟过吴江 蒋捷
一片春愁待酒浇。江上舟摇，楼上帘招。
秋娘渡与泰娘桥，风又飘飘，雨又萧萧。
何日归家洗客袍？银字笙调，心字香烧。
流光容易把人抛，红了樱桃，绿了芭蕉。
</code></pre>
<hr>
<h2 id="table">
  <a class="anchor inpage" href="#table">##</a>table</h2>
<table>
  <thead>
      <tr>
          <th>ajksldf</th>
          <th>dsf</th>
          <th>dfs</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>dfs</td>
          <td>dfs</td>
          <td>dfsx</td>
      </tr>
      <tr>
          <td>ss</td>
          <td>eet</td>
          <td>zzz</td>
      </tr>
      <tr>
          <td>dsfwe</td>
          <td>dsfb</td>
          <td>we</td>
      </tr>
  </tbody>
</table>
<h2 id="plain-text">
  <a class="anchor inpage" href="#plain-text">##</a>plain text</h2>
<p>ok Let me see.</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>what is this&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a>&#160;<a href="#fnref1:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p>a footnote with name.&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:3">
<p>another footnote&#160;<a href="#fnref:3" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded></item><item><title>我的网站计划</title><link>https://hiraethecho.github.io/docs/project/mysites/</link><pubDate>Sun, 17 Aug 2025 00:00:00 +0000</pubDate><author>wyz2016zxc@outlook.com(Hiraeth)</author><guid>https://hiraethecho.github.io/docs/project/mysites/</guid><description>建站资料，技术和服务汇总</description><content:encoded><![CDATA[<h1 id="我的网站们">
  <a class="anchor inpage" href="#%e6%88%91%e7%9a%84%e7%bd%91%e7%ab%99%e4%bb%ac">#</a>我的网站们</h1>
<p>想要建站，各种方式建了很多站，试了很多技术功能。<br>
截至 2025-08-29前 汇总一下。</p>
<h2 id="服务器上的">
  <a class="anchor inpage" href="#%e6%9c%8d%e5%8a%a1%e5%99%a8%e4%b8%8a%e7%9a%84">##</a>服务器上的</h2>
<p>在starship上的服务器跑的服务，用zero trust-network-tunnel的方式绑定到877675.xyz域名下的子域名。</p>
<ul>
<li>
 一个类似flomo的轻量级笔记服务</li>
<li>
 一个结合AI的memo服务</li>
<li><del>
</del> 把github的copilot加上OpenAI的接口。找不到怎么加密，先关掉了。项目的
有本地部署方法。</li>
<li>
 网盘合集</li>
<li>
 用radicale做的日历和联系人服务</li>
</ul>
<h2 id="一些赛博善人">
  <a class="anchor inpage" href="#%e4%b8%80%e4%ba%9b%e8%b5%9b%e5%8d%9a%e5%96%84%e4%ba%ba">##</a>一些赛博善人</h2>
<h3 id="netlify">
  <a class="anchor inpage" href="#netlify">###</a>netlify</h3>
<ul>
<li>twikoo</li>
<li>waline</li>
<li>代替 obsidian publish的 
，要把<code>github-repo/content</code>作为obsidian repo，但是里面还有很多别的东西</li>
<li>digitalgarden 同上，但是可以选择哪些发布，并且不用放在github仓库里，简单但同时自定义差一点。</li>
</ul>
<h3 id="vercel">
  <a class="anchor inpage" href="#vercel">###</a>vercel</h3>
<ul>
<li>memos.top 一个memos的展示
，需要有memos</li>
<li>neno 类似flomo的
，功能很少。</li>
<li>digitalgarden</li>
</ul>
<h3 id="claw-cloud">
  <a class="anchor inpage" href="#claw-cloud">###</a>claw-cloud</h3>
<ul>
<li>企图host一个
，但自定义域名未遂。</li>
</ul>
<h3 id="github-pages">
  <a class="anchor inpage" href="#github-pages">###</a>github pages</h3>
<ul>
<li>
 
 
 这三个博客暂时都是</li>
<li>memos.top 同vercel的上，但是用github pages部署的
</li>
</ul>
<h2 id="cloudflare-属于赛博菩萨了">
  <a class="anchor inpage" href="#cloudflare-%e5%b1%9e%e4%ba%8e%e8%b5%9b%e5%8d%9a%e8%8f%a9%e8%90%a8%e4%ba%86">##</a>cloudflare 属于赛博菩萨了</h2>
<h3 id="pages">
  <a class="anchor inpage" href="#pages">###</a>pages</h3>
<ul>
<li>
 把桶存储变成webdav。目前是把图床和memos的桶放在这。</li>
</ul>
<h3 id="workers">
  <a class="anchor inpage" href="#workers">###</a>workers</h3>
<p>用cloudflare works创建的服务。</p>
<ul>
<li>
 用resend服务发邮件
<ul>
<li>
</li>
<li>
</li>
</ul>
</li>
<li>
 用cloudflare的ai</li>
</ul>
<h3 id="mails">
  <a class="anchor inpage" href="#mails">###</a>mails</h3>
<p>cloudflare自己转发的邮件服务。有点乱，看图吧。</p>
<p><figure>
  <a
    href="https://asset.877675.xyz/202508171454341.webp"
    class="img-link"
    data-sub-html=""
    target="_blank"
  >
    <img
      src="https://asset.877675.xyz/202508171454341.webp"
      alt=""loading="lazy"
    />
  </a></figure>
</p>
<p><figure>
  <a
    href="https://asset.877675.xyz/202508171455969.webp"
    class="img-link"
    data-sub-html=""
    target="_blank"
  >
    <img
      src="https://asset.877675.xyz/202508171455969.webp"
      alt=""loading="lazy"
    />
  </a></figure>
</p>
<h3 id="bucket">
  <a class="anchor inpage" href="#bucket">###</a>bucket</h3>
<ul>
<li>图床</li>
<li>rclone连接，当备份的网盘。</li>
</ul>
<h2 id="为博客添加的功能">
  <a class="anchor inpage" href="#%e4%b8%ba%e5%8d%9a%e5%ae%a2%e6%b7%bb%e5%8a%a0%e7%9a%84%e5%8a%9f%e8%83%bd">##</a>为博客添加的功能</h2>
<h3 id="闲言碎语">
  <a class="anchor inpage" href="#%e9%97%b2%e8%a8%80%e7%a2%8e%e8%af%ad">###</a>闲言碎语</h3>
<ul>
<li>artitalk 一个说说或即刻页面，无后端，leancloud存储。可以用js插入到html里。Github pages上有一个
</li>
<li>nonsense 无后端，leancloud存储。可以单独页面，也可以插入到博客里。这个写入有点费劲。</li>
<li>memos 似乎也可以插入到博客里。
</li>
</ul>
<h3 id="评论">
  <a class="anchor inpage" href="#%e8%af%84%e8%ae%ba">###</a>评论</h3>
<ul>
<li>valine 无后端，leancloud存储</li>
<li>waline 有后端，在netlify。leancloud存储。 
试用。</li>
<li>twikoo 有后端，在netlify。MongDB存储。</li>
</ul>
<h3 id="图床">
  <a class="anchor inpage" href="#%e5%9b%be%e5%ba%8a">###</a>图床</h3>
<p>cloudflare的桶存储，和picgo上传</p>
<p>merge了picgo和memos的桶，把<code>pic</code>和<code>memos</code>的删掉，合并到<code>asset</code>，然后似乎出了点问题，openlist有点bug似乎。删掉重新添加就行，只改bucket不行，好神秘啊。<br>
以及<code>picgo</code>的url全错了，看不到预览，不好找图片了。</p>
]]></content:encoded></item><item><title>买域名上瘾</title><link>https://hiraethecho.github.io/docs/project/my-domain/</link><pubDate>Sun, 10 Aug 2025 00:00:00 +0000</pubDate><author>wyz2016zxc@outlook.com(Hiraeth)</author><guid>https://hiraethecho.github.io/docs/project/my-domain/</guid><description>买域名上瘾</description><content:encoded><![CDATA[<h1 id="买域名上瘾">
  <a class="anchor inpage" href="#%e4%b9%b0%e5%9f%9f%e5%90%8d%e4%b8%8a%e7%98%be">#</a>买域名上瘾</h1>
<p>前一段发现了cloudflare，于是想要买域名。</p>
<h2 id="domain-name">
  <a class="anchor inpage" href="#domain-name">##</a>domain name</h2>
<p>买了三个域名，申请了一个免费的。<br>
第一个是hiraethecho.online，在namecheap，买的第一年便宜，但是买了之后才发现续费好贵，好烦。要用palpay，好麻烦。<br>
然后312220.xyz在namesilo上买的，超级便宜。<br>
但是877675.xyz更便宜，在spaceship上搞的。这里居然可以用支付宝。</p>
<p>然后还想买域名，加了一堆购物车</p>
<table>
  <thead>
      <tr>
          <th>域名</th>
          <th>第一年</th>
          <th>续订</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>hiraeth.meme</td>
          <td>74</td>
          <td>74</td>
      </tr>
      <tr>
          <td>hiraeth.casa</td>
          <td>7.5</td>
          <td>75</td>
      </tr>
      <tr>
          <td>hiraeth.one</td>
          <td>41</td>
          <td>96</td>
      </tr>
      <tr>
          <td>hiraeth.page</td>
          <td>57</td>
          <td>74</td>
      </tr>
      <tr>
          <td>hiraethecho.com</td>
          <td>64</td>
          <td>72</td>
      </tr>
      <tr>
          <td>hiraethecho.top</td>
          <td>7.54</td>
          <td>27.65</td>
      </tr>
      <tr>
          <td>hiraethecho.cc</td>
          <td>22</td>
          <td>60</td>
      </tr>
      <tr>
          <td>hiraethecho.xyz</td>
          <td>13.36</td>
          <td>81.82</td>
      </tr>
      <tr>
          <td>keinmal.com</td>
          <td>64</td>
          <td>72</td>
      </tr>
      <tr>
          <td>keinmal.top</td>
          <td>7.54</td>
          <td>27.65</td>
      </tr>
      <tr>
          <td>keinmal.cc</td>
          <td>22</td>
          <td>60</td>
      </tr>
      <tr>
          <td>keinmal.xyz</td>
          <td>13.36</td>
          <td>81.82</td>
      </tr>
      <tr>
          <td>essmussein.com</td>
          <td>NULL</td>
          <td>NULL</td>
      </tr>
      <tr>
          <td>essmussein.top</td>
          <td>7.54</td>
          <td>27.65</td>
      </tr>
      <tr>
          <td>esmussein.cc</td>
          <td>22</td>
          <td>60</td>
      </tr>
      <tr>
          <td>essmussein.xyz</td>
          <td>13.36</td>
          <td>81.82</td>
      </tr>
  </tbody>
</table>
<p>应该挑一个短的、顶级域名不是特别奇怪的、便宜的。<br>
打算保留877675.xyz，用作我的各种服务或api之类的。然后再买一个当博客的地址。</p>
<h2 id="服务器">
  <a class="anchor inpage" href="#%e6%9c%8d%e5%8a%a1%e5%99%a8">##</a>服务器</h2>
<p>于是又在spaceship上买了个虚拟机，很寒酸，fedora 1 vGPU 2GiB memory, 25G ssd. 但是一个月27，搞点简单的小服务也够用。比如
</p>
]]></content:encoded></item><item><title>薅羊毛cloudflare</title><link>https://hiraethecho.github.io/docs/dev/cloudflare/</link><pubDate>Sun, 20 Jul 2025 00:00:00 +0000</pubDate><author>wyz2016zxc@outlook.com(Hiraeth)</author><guid>https://hiraethecho.github.io/docs/dev/cloudflare/</guid><description>&lt;h1 id="cloudflare的功能"&gt;
&lt;a class="anchor inpage" href="#cloudflare%e7%9a%84%e5%8a%9f%e8%83%bd"&gt;#&lt;/a&gt;cloudflare的功能&lt;/h1&gt;
&lt;h2 id="安全防护"&gt;
&lt;a class="anchor inpage" href="#%e5%ae%89%e5%85%a8%e9%98%b2%e6%8a%a4"&gt;##&lt;/a&gt;安全防护&lt;/h2&gt;
&lt;p&gt;Cloudflare 提供全球领先的安全解决方案，保护网站和用户免受攻击：&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Web 应用防火墙 (WAF)&lt;/strong&gt;：实时阻止恶意流量，防止常见攻击如 SQL 注入和跨站脚本攻击。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;DDoS 防护&lt;/strong&gt;：自动检测并缓解大规模分布式拒绝服务攻击。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Bot 管理&lt;/strong&gt;：区分合法用户和恶意机器人，防止数据抓取或资源滥用。&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;SSL/TLS 加密&lt;/strong&gt;：通过一键启用 HTTPS 提供网站加密，确保数据传输安全。&lt;/li&gt;
&lt;/ol&gt;
&lt;h2 id="流量管理"&gt;
&lt;a class="anchor inpage" href="#%e6%b5%81%e9%87%8f%e7%ae%a1%e7%90%86"&gt;##&lt;/a&gt;流量管理&lt;/h2&gt;
&lt;p&gt;Cloudflare 的流量管理服务帮助用户优化请求路径，提高访问速度：&lt;/p&gt;</description><content:encoded><![CDATA[<h1 id="cloudflare的功能">
  <a class="anchor inpage" href="#cloudflare%e7%9a%84%e5%8a%9f%e8%83%bd">#</a>cloudflare的功能</h1>
<h2 id="安全防护">
  <a class="anchor inpage" href="#%e5%ae%89%e5%85%a8%e9%98%b2%e6%8a%a4">##</a>安全防护</h2>
<p>Cloudflare 提供全球领先的安全解决方案，保护网站和用户免受攻击：</p>
<ol>
<li><strong>Web 应用防火墙 (WAF)</strong>：实时阻止恶意流量，防止常见攻击如 SQL 注入和跨站脚本攻击。</li>
<li><strong>DDoS 防护</strong>：自动检测并缓解大规模分布式拒绝服务攻击。</li>
<li><strong>Bot 管理</strong>：区分合法用户和恶意机器人，防止数据抓取或资源滥用。</li>
<li><strong>SSL/TLS 加密</strong>：通过一键启用 HTTPS 提供网站加密，确保数据传输安全。</li>
</ol>
<h2 id="流量管理">
  <a class="anchor inpage" href="#%e6%b5%81%e9%87%8f%e7%ae%a1%e7%90%86">##</a>流量管理</h2>
<p>Cloudflare 的流量管理服务帮助用户优化请求路径，提高访问速度：</p>
<ol>
<li><strong>负载均衡</strong>：分配流量到不同的服务器或数据中心，确保高可用性和可靠性。</li>
<li><strong>Argo 智能路由</strong>：利用 Cloudflare 网络的实时数据，为请求选择最快的路径。</li>
<li><strong>内容分发网络 (CDN)</strong>：缓存静态资源，提高全球访问速度并减少服务器负载。</li>
</ol>
<h2 id="分析与监控">
  <a class="anchor inpage" href="#%e5%88%86%e6%9e%90%e4%b8%8e%e7%9b%91%e6%8e%a7">##</a>分析与监控</h2>
<p>Cloudflare 提供详细的分析工具，帮助用户了解网站流量和性能：</p>
<ol>
<li><strong>实时分析</strong>：显示实时流量、威胁拦截和性能数据。</li>
<li><strong>日志访问</strong>：通过 API 提供详细的请求日志，支持高级分析和故障排查。</li>
<li><strong>用户洞察</strong>：了解访客的地理位置、设备类型和行为数据。</li>
</ol>
<h2 id="dns">
  <a class="anchor inpage" href="#dns">##</a>DNS</h2>
<p>添加 DNS 记录是 Cloudflare 的核心功能之一，可以使其他人访问某个 URL 时解析到特定位置。</p>
<h3 id="如何添加-dns-记录">
  <a class="anchor inpage" href="#%e5%a6%82%e4%bd%95%e6%b7%bb%e5%8a%a0-dns-%e8%ae%b0%e5%bd%95">###</a>如何添加 DNS 记录</h3>
<ol>
<li>登录到 
。</li>
<li>选择需要管理的域名。</li>
<li>导航到 <strong>DNS</strong> 页面。</li>
<li>点击 <strong>添加记录 (Add Record)</strong> 按钮。</li>
<li>填写以下信息：
<ul>
<li><strong>记录类型 (Type)</strong>：如 A、CNAME、MX 等。</li>
<li><strong>名称 (Name)</strong>：子域名或主域名。</li>
<li><strong>内容 (Content)</strong>：目标地址，例如 IP 或 URL。</li>
<li><strong>TTL (生存时间)</strong>：可选，通常默认即可。</li>
</ul>
</li>
<li>保存更改后，记录会立即生效。</li>
</ol>
<h3 id="支持的服务">
  <a class="anchor inpage" href="#%e6%94%af%e6%8c%81%e7%9a%84%e6%9c%8d%e5%8a%a1">###</a>支持的服务</h3>
<ul>
<li><strong>Cloudflare 内服务</strong>：如桶存储、Zero Trust Tunnel、Workers and Pages、Email 服务等，通常自动添加记录。</li>
<li><strong>Cloudflare 外服务</strong>：如服务器、Netlify、Vercel 等服务，用户可以手动配置。</li>
</ul>
<p>通过精准和高效的 DNS 管理，Cloudflare 提升了域名解析的速度和可靠性。</p>
<h2 id="zero-trust">
  <a class="anchor inpage" href="#zero-trust">##</a>zero trust</h2>
<p>Cloudflare Zero Trust 提供了一种现代化的网络安全解决方案，可以保护用户、设备和应用程序的安全访问。其主要特性包括：</p>
<ol>
<li><strong>身份验证</strong>：通过集成身份提供商（如 Okta、Google Workspace），可以确保只有授权用户才能访问资源。</li>
<li><strong>应用程序访问</strong>：无需 VPN，用户可以通过 Cloudflare Access 安全地访问内部应用程序。</li>
<li><strong>威胁防护</strong>：利用 DNS 过滤和浏览器隔离技术，阻止恶意软件、钓鱼攻击等威胁。</li>
<li><strong>设备管理</strong>：通过 Cloudflare Gateway 支持设备的安全策略和流量监控。</li>
</ol>
<h3 id="使用场景">
  <a class="anchor inpage" href="#%e4%bd%bf%e7%94%a8%e5%9c%ba%e6%99%af">###</a>使用场景</h3>
<ul>
<li><strong>远程办公</strong>：为分布式团队提供安全的资源访问。</li>
<li><strong>零信任架构迁移</strong>：逐步替代传统的网络边界安全模型。</li>
<li><strong>第三方访问控制</strong>：为合作伙伴或供应商提供安全的访问权限。</li>
</ul>
<h3 id="配置方法">
  <a class="anchor inpage" href="#%e9%85%8d%e7%bd%ae%e6%96%b9%e6%b3%95">###</a>配置方法</h3>
<ol>
<li>登录到 
。</li>
<li>设置身份验证规则，选择身份提供商。</li>
<li>配置应用程序访问策略，指定允许访问的用户和条件。</li>
<li>启用威胁防护功能，根据需要调整策略。</li>
</ol>
<p>通过 Zero Trust，企业可以显著提升安全性，同时简化资源访问的流程。</p>
<h2 id="存储">
  <a class="anchor inpage" href="#%e5%ad%98%e5%82%a8">##</a>存储</h2>
<h3 id="bucket">
  <a class="anchor inpage" href="#bucket">###</a>Bucket</h3>
<p>Cloudflare 提供了对象存储服务，用户可以通过 <strong>R2 Bucket</strong> 以低成本存储大量非结构化数据，兼容 S3 API，便于与其他工具整合。</p>
<p><strong>使用案例：</strong></p>
<ul>
<li>为 Web 应用提供静态文件存储。</li>
<li>存储日志文件或大数据集。</li>
<li>备份和归档重要数据。</li>
</ul>
<h3 id="kv">
  <a class="anchor inpage" href="#kv">###</a>KV</h3>
<p>Cloudflare Key-Value（KV）存储是一种分布式的键值数据库，适用于缓存和快速读取小型数据。</p>
<p><strong>使用案例：</strong></p>
<ul>
<li>缓存 API 响应数据以减少服务器负载。</li>
<li>存储用户偏好设置、会话信息等轻量级数据。</li>
</ul>
<h3 id="d1">
  <a class="anchor inpage" href="#d1">###</a>D1</h3>
<p>Cloudflare D1 是新推出的分布式 SQL 数据库，提供强大的查询功能和一致性，适合需要结构化数据存储的应用。</p>
<p><strong>使用案例：</strong></p>
<ul>
<li>构建基于数据库的动态 Web 应用。</li>
<li>存储用户表单输入、订单信息等结构化数据。</li>
<li>实现实时分析和报告。</li>
</ul>
<h2 id="计算">
  <a class="anchor inpage" href="#%e8%ae%a1%e7%ae%97">##</a>计算</h2>
<h3 id="网页-pages">
  <a class="anchor inpage" href="#%e7%bd%91%e9%a1%b5-pages">###</a>网页 pages</h3>
<p>Cloudflare Pages 是一种无服务器的平台，支持快速部署静态和动态网站。通过与 GitHub 集成，可以自动构建和部署网站。</p>
<p>部署步骤</p>
<ol>
<li>登录到 
。</li>
<li>转到 <strong>Pages</strong> 部分，点击 <strong>创建项目 (Create a Project)</strong>。</li>
<li>选择绑定的 GitHub 仓库，授权 Pages 访问代码。</li>
<li>设置构建配置，包括：
<ul>
<li><strong>构建命令 (Build Command)</strong>：如 <code>npm run build</code>。</li>
<li><strong>输出目录 (Output Directory)</strong>：如 <code>dist</code> 文件夹。</li>
</ul>
</li>
<li>点击 <strong>保存并部署 (Save and Deploy)</strong>，系统将开始自动构建和部署。</li>
</ol>
<p>使用场景</p>
<ul>
<li><strong>个人博客和作品集</strong>：快速搭建和部署个人网站。</li>
<li><strong>文档站点</strong>：为开源项目或企业创建文档页面。</li>
<li><strong>电商网站</strong>：托管小型在线商店的前端页面。</li>
</ul>
<p>通过 Pages，开发者可以专注于代码，而无需担心服务器配置和运维。</p>
<h3 id="workers">
  <a class="anchor inpage" href="#workers">###</a>workers</h3>
<p>Cloudflare Workers 是一种无服务器的计算平台，可以让开发者在边缘运行代码，从而减少延迟并提升性能。</p>
<ol>
<li><strong>性能优越</strong>：运行代码的延迟极低，因为它直接在用户最近的边缘节点执行。</li>
<li><strong>语言灵活</strong>：支持 JavaScript、TypeScript 和 WebAssembly。</li>
<li><strong>集成生态</strong>：可以与 Cloudflare 的其他服务（如 KV 和 R2）无缝集成。</li>
</ol>
<p>使用场景</p>
<ul>
<li><strong>API 网关</strong>：快速处理 API 请求，并将其转发到后端服务。</li>
<li><strong>动态内容生成</strong>：根据用户请求生成个性化的网页。</li>
<li><strong>安全增强</strong>：在边缘执行请求过滤或内容安全策略。</li>
</ul>
<p>以下是一个简单的示例，展示如何使用 Workers 来响应 HTTP 请求：</p>
<details open>
    <summary>javascript</summary><pre
        class="chroma codeblock"
      ><code class="language-javascript" data-lang="javascript"
          ><span style="display:flex;"><span><span style="color:#a6e22e">addEventListener</span>(<span style="color:#e6db74">&#34;fetch&#34;</span>, (<span style="color:#a6e22e">event</span>) =&gt; {
</span></span><span style="display:flex;"><span>  <span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">respondWith</span>(<span style="color:#a6e22e">handleRequest</span>(<span style="color:#a6e22e">event</span>.<span style="color:#a6e22e">request</span>));
</span></span><span style="display:flex;"><span>});
</span></span><span style="display:flex;"><span>
</span></span><span style="display:flex;"><span><span style="color:#66d9ef">async</span> <span style="color:#66d9ef">function</span> <span style="color:#a6e22e">handleRequest</span>(<span style="color:#a6e22e">request</span>) {
</span></span><span style="display:flex;"><span>  <span style="color:#66d9ef">return</span> <span style="color:#66d9ef">new</span> <span style="color:#a6e22e">Response</span>(<span style="color:#e6db74">&#34;Hello, World!&#34;</span>, {
</span></span><span style="display:flex;"><span>    <span style="color:#a6e22e">headers</span><span style="color:#f92672">:</span> { <span style="color:#e6db74">&#34;content-type&#34;</span><span style="color:#f92672">:</span> <span style="color:#e6db74">&#34;text/plain&#34;</span> },
</span></span><span style="display:flex;"><span>  });
</span></span><span style="display:flex;"><span>}</span></span></code
        ><button onclick="copyCode(this)" class="copybtn">copy</button></pre></details>

  <script>
    function copyCode(btn) {
      const code = btn.previousElementSibling.textContent.trim();
      navigator.clipboard.writeText(code).then(() => {
        btn.innerText = "copied";
        setTimeout(() => (btn.innerText = "copy"), 2000);
      });
    }
  </script><p>通过这个示例代码，开发者可以快速开始使用 Cloudflare Workers 构建和部署无服务器应用。</p>
<h2 id="ai">
  <a class="anchor inpage" href="#ai">##</a>AI</h2>
]]></content:encoded></item></channel></rss>