<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<?xml-stylesheet type="text/xsl" href="/css/atom.xsl"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/">
  <channel>
    <title>道与的不拆笔记</title>
    <link>https://daoyuchan.com/</link>
    <description>Recent content on 道与的不拆笔记</description>
    <follow_challenge>
      <feedId>70083277548961792</feedId>
      <userId>42106606896467968</userId>
    </follow_challenge>
    <image>
      <title>道与的不拆笔记</title>
      <url>https://daoyuchan.com/img/Avatar.jpg</url>
      <link>https://daoyuchan.com/img/Avatar.jpg</link>
    </image>
    <generator>Hugo -- 0.147.2</generator>
    <language>zh</language>
    <lastBuildDate>Tue, 02 Sep 2025 01:28:14 +0800</lastBuildDate>
    <atom:link href="https://daoyuchan.com/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>谈谈微信读书（制图向）</title>
      <link>https://daoyuchan.com/blog/weread/</link>
      <pubDate>Sat, 17 Aug 2024 01:21:37 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/weread/</guid>
      <description>道与的微信读书年度汇总, 使用 mermaid  制图</description>
      <content:encoded><![CDATA[<p>根据微信读书的统计，我做了个2018年到现在的年度阅读时长<em>饼图</em> <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>：</p>
<h3 id="阅读时长年度分布">阅读时长年度分布</h3>
<pre tabindex="0"><code>pie
    title 微信读书年度小时
    &#34;2018&#34;: 76
    &#34;2019&#34;: 89
    &#34;2020&#34;: 97
    &#34;2021&#34;: 369
    &#34;2022&#34;: 71
    &#34;2023&#34;: 10
    &#34;2024&#34;: 200
    &#34;2025&#34;: 226
</code></pre><pre class="mermaid">pie
    title 微信读书年度小时（汇总小号）
    "2018": 76
    "2019": 89
    "2020-97": 97
    "2021-369": 369
    "2022": 71
    "2023": 90
    "2024-217": 217
    "2025": 216
</pre>
<p>它会自动计算年度比例的，我只要更新最后一个年份的最终统计数据就行了；</p>
<p>当前的总时长已经超过 1400 小时了，但是很多书是没有读完的，就是跳读。<code>读完 70 / 读过 492 </code></p>
<h3 id="阅读志趣年度分布">阅读志趣年度分布</h3>
<p>与此同时，每个年度侧重看的内容还是有区分的：</p>
<pre class="mermaid">timeline
    title 读书的志趣变化
    <!-- 2019 : 愤怒的两晋南北朝 : 战国很有料 : 北洋梦觉录·袁世凯卷 -->
    <!-- 2020 : 三国演义 : 射雕英雄传 : 大隋王朝 -->
    2021 : 战国纵横：鬼谷子的局 : 神雕侠侣 : 魔戒三部曲
    2022 : 一寸河山一寸血 : 远大前程 : 闲话两晋之纷争十六国 : 怒江之战
    2023 : 红楼梦: 蒋勋说红楼梦 : 苏东坡新传 : 一年顶十年 : 月亮与六便士
    2024 : 天龙八部 : 蒙曼精选隋唐大历史 : 雍正传 : 复杂世界的明白人 : 撒哈拉的故事
    2025 : 南北归一 : 我的团长我的团 : 趣说汉朝 : 三国争霸 : 三国演义 : 两晋悲歌 
</pre>
<p>你也能用 mermaid 制作出这样的<em>时间轴图 (timeline)</em> <sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup></p>
<pre tabindex="0"><code>timeline
    title 读书的志趣变化
    &lt;!-- 2019 : 愤怒的两晋南北朝 : 战国很有料 : 北洋梦觉录·袁世凯卷 --&gt;
    &lt;!-- 2020 : 三国演义 : 射雕英雄传 : 大隋王朝 --&gt;
    2021 : 战国纵横：鬼谷子的局 : 神雕侠侣 : 魔戒三部曲
    2022 : 一寸河山一寸血 : 远大前程 : 闲话两晋之纷争十六国 : 怒江之战
    2023 : 红楼梦: 蒋勋说红楼梦 : 苏东坡新传 : 一年顶十年 : 月亮与六便士
    2024 : 天龙八部 : 蒙曼精选隋唐大历史 : 雍正传 : 复杂世界的明白人 : 撒哈拉的故事
    2025 : 南北归一 : 我的团长我的团 : 趣说汉朝 : 三国争霸 : 三国演义 : 两晋悲歌 
</code></pre><p>参考资料：</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p><a href="https://mermaid.js.org/syntax/pie.html">https://mermaid.js.org/syntax/pie.html</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p><a href="https://mermaid.js.org/syntax/timeline.html">https://mermaid.js.org/syntax/timeline.html</a>&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded>
    </item>
    <item>
      <title>此刻(👉ﾟヮﾟ)👉</title>
      <link>https://daoyuchan.com/now/</link>
      <pubDate>Mon, 12 Aug 2024 18:33:41 +0800</pubDate>
      <guid>https://daoyuchan.com/now/</guid>
      <description>一天不说点什么，未免太浑浑噩噩了</description>
      <content:encoded><![CDATA[<h3 id="memos">私生饭 ↑</h3>
<h3 id="what-is-now">什么是现在</h3>
<p>这是一个“<a href="https://nownownow.com/about">现在</a>”页面，如果你有一个个人网站，你也应该 NEW 一个 (￣▽￣)/ ，</p>
<p>用来回答“您现在关注的是什么？”这个问题。</p>
<h3 id="now-me">现在的我</h3>
<p><strong>我目前在做或计划做以下项目</strong>：</p>
<table>
  <thead>
      <tr>
          <th style="text-align: left">事项</th>
          <th style="text-align: right">进展</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><del>胖东来商品代购小程序</del></td>
          <td style="text-align: right">95%</td>
      </tr>
      <tr>
          <td style="text-align: left">一个线下陪伴预约App</td>
          <td style="text-align: right">30%</td>
      </tr>
      <tr>
          <td style="text-align: left">一个多模板通用产品展示小程序</td>
          <td style="text-align: right">50%</td>
      </tr>
      <tr>
          <td style="text-align: left">户外咖啡摆摊</td>
          <td style="text-align: right">10%</td>
      </tr>
  </tbody>
</table>
<h3 id="coding">编程动态</h3>
<ul>
<li><a href="/waka_share/">过去一年的编码活动图表（share）</a></li>
<li><a href="/en/waka_lang/">最近 7/14 天编辑的语言</a></li>
</ul>
<h3 id="follow">最新动态</h3>
<p><em>因为本站是全站静态化，更新需要提交代码仓库；</em></p>
<p><em>所以单开一个页面，用评论插件的方式放置我的动态说说</em>💬</p>
<h3 id="cn_now">国内其它NOW页面</h3>
<blockquote>
<p>常去的 blog 的 now 页面，随缘添加</p></blockquote>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://nownownow.com/p/WIIG" title="约瑟夫·陈 Amazon Operator, Lifelong Learner">Joseph Chan</a></td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://ludongdong.com/now/">卢东东-数字游民实验</a></td>
      </tr>
  </tbody>
</table>
]]></content:encoded>
    </item>
    <item>
      <title>道与的微投资人实录~（持续更新）</title>
      <link>https://daoyuchan.com/blog/micro_investors/</link>
      <pubDate>Mon, 22 Jul 2024 22:12:16 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/micro_investors/</guid>
      <description>微天使们，是那些认可我的人，推动我不断进步的人。</description>
      <content:encoded><![CDATA[<h3 id="微天使投资介绍">微天使投资介绍</h3>
<p>据我所知，很多朋友都还不了解微天使的玩法，今天专门做个介绍：</p>
<p>微天使投资，无需任何承诺，也不设金额限制，1到1000元皆可。象征的是您对我个人的认可与支持。</p>
<p>微天使们，是那些认可我的人，推动我不断进步的人。</p>
<p>他们将共享我在自媒体道路上，不定期分享的有用信息和资源。</p>
<p>微天使投资的方法，可以参考胜哥（朱胜）的标准：</p>
<ul>
<li>1/懂感恩；</li>
<li>2/思利他；</li>
<li>3/有潜力。</li>
</ul>
<p>（以上参考[殊华]的介绍文案）</p>
<p>目前投资我的微天使我还没开始交付哈，今天这篇文章就算第一个动作~~</p>
<p>如果您有意成为我的#微天使投资人，欢迎私聊我呀 😀🦆</p>
<p>== 以下列出已投资我的天使👼们 ==</p>
<h3 id="道与的微投资人">道与的微投资人</h3>
<h5 id="-排名按名称拼音a-z-">= 排名按名称拼音A-Z =</h5>
<h5 id="艾成"><strong>🌏艾成</strong></h5>
<blockquote>
<p>艾成，开心要笑，不开心过会儿再笑</p></blockquote>
<pre tabindex="0"><code>Base福建，朋友圈美学- -
坚持每天输入，输出，复盘
</code></pre><h5 id="福哥rpa"><strong>福哥RPA</strong></h5>
<blockquote>
<p>Life is simple and should be.</p></blockquote>
<pre tabindex="0"><code>破局行动RPA提效优秀教练
</code></pre><h5 id="黄殊华"><strong>黄殊华</strong></h5>
<blockquote>
<p>做时间的朋友</p></blockquote>
<pre tabindex="0"><code>爆文写手一枚
</code></pre><h5 id="廖富贵"><strong>廖富贵</strong></h5>
<blockquote>
<p>把个人成长作为人生的主业，其他的一切，都是副业</p></blockquote>
<pre tabindex="0"><code>Base福建
时间复利，利用碎片时间，积少成多，成就自己
</code></pre><h5 id="沐清ai轻创业"><strong>沐清|AI轻创业</strong></h5>
<blockquote>
<p>先搞100000私域，其他都是徒劳！</p></blockquote>
<pre tabindex="0"><code>晨间日记，每天一篇写十年
</code></pre><h5 id="南鸢"><strong>南鸢</strong></h5>
<blockquote>
<p>-静水流深，沧笙踏歌.</p></blockquote>
<pre tabindex="0"><code>大三学生一枚，INFJ-T， #公众号：凡尘南鸢
</code></pre><h5 id="瓶子"><strong>瓶子</strong></h5>
<blockquote>
<p>想，都是问题；做，才有答案！</p></blockquote>
<pre tabindex="0"><code>普通人一生摸索热爱，高手将一生变成热爱
</code></pre><h5 id="生财王子"><strong>生财王子</strong></h5>
<blockquote>
<p>让值钱的人赚到钱</p></blockquote>
<pre tabindex="0"><code>社群联盟-web3
</code></pre><h5 id="逍遥"><strong>逍遥</strong></h5>
<blockquote>
<p>愿自己，坚定而柔软，自信且谦逊，阳光而皎洁</p></blockquote>
<pre tabindex="0"><code>优质项目，合作伙伴，真诚朋友。
</code></pre><hr>
<p><em>= 新加入的按加入顺序排名 =</em></p>
<h5 id="x-ray-双龙"><strong>X-RAY-双龙</strong></h5>
<blockquote>
<p>为什么你要随波逐流，不去做一朵奇葩花</p></blockquote>
<pre tabindex="0"><code>东北人，BASE山东济南，街舞老师，摄像师；长期跑者，自律早起1500+天
</code></pre><h5 id="李维斯"><strong>李维斯</strong></h5>
<blockquote>
<p>顺俗唯团转，居中莫动摇</p></blockquote>
<pre tabindex="0"><code>还是大学生哈~
</code></pre><h5 id="朱胜--微天使玩法重要发起人"><strong>朱胜</strong>  <em>微天使玩法重要发起人</em></h5>
<blockquote>
<p>学习是为了改变</p></blockquote>
<pre tabindex="0"><code>我和他的共同群聊 41个 （hhh）
</code></pre><h5 id="旭东-闭关修炼版--情趣赛道践行者"><strong>旭东 闭关修炼版</strong>  <em>情趣赛道践行者</em></h5>
<blockquote>
<p>学习是为了改变</p></blockquote>
<pre tabindex="0"><code>我和他的共同群聊 28个 （hhh）
</code></pre><h5 id="服务者黄努力--最近跟我聊天较多"><strong>服务者·黄努力</strong>  <em>最近跟我聊天较多</em></h5>
<blockquote>
<p>努力做好三件事：锻炼身体，提升认知，好好挣钱</p></blockquote>
<pre tabindex="0"><code>BASE 广州 ESTJ，四六级一遍过；
抖音中老人赛道操盘过10个账号。
微信私域App推广变现2w+
#公众号:黄努力认知圈
</code></pre><hr>
<h5 id="苓风-杭州-00后-程序员"><strong>苓风</strong> <em>杭州 00后 程序员</em></h5>
<blockquote>
<p>千万爆文阅读创作者</p></blockquote>
<pre tabindex="0"><code>认识更多志同道合的朋友
</code></pre><h5 id="东野-云南-中医大学生"><strong>东野</strong> <em>云南 中医大学生</em></h5>
<blockquote>
<p>深耕自己，打造自身价值</p></blockquote>
<pre tabindex="0"><code>电商、Al写作、闲鱼、拼多多、开店资源 
</code></pre><h5 id="晓明-创业者商业思维教练"><strong>晓明</strong> <em>创业者商业思维教练</em></h5>
<blockquote>
<p>人人都可以受益于商业思维</p></blockquote>
<pre tabindex="0"><code>用商业思维感悟生活中的每一天
</code></pre><h5 id="源起-江西-准大一学生"><strong>源起</strong> <em>江西 准大一学生</em></h5>
<blockquote>
<p>请保持那一份热爱，奔赴下一场山海</p></blockquote>
<pre tabindex="0"><code>墨乐搏亿团骨干成员
姜禹《气运》百人之一
毯叔本叔百万社群运营官
</code></pre><h5 id="母波"><strong>母波</strong></h5>
<blockquote>
<p>科技改变生活，科学改变认知</p></blockquote>
<pre tabindex="0"><code>吾心安处是吾乡，真诚相待
</code></pre><h5 id="小齐"><strong>小齐</strong></h5>
<blockquote>
<p>勇敢的人先享受世界</p></blockquote>
<h5 id="简约-上海-创业搞钱什锦圈玩家"><strong>简约</strong> <em>上海 创业搞钱『什锦圈玩家』</em></h5>
<blockquote>
<p>GPT4.0老供应商 | 做个有温度的创业者</p></blockquote>
<pre tabindex="0"><code>深耕#微天使模式 20天增收2w+
</code></pre><h5 id="阿成-inertia"><strong>阿成</strong> <em>inertia</em></h5>
<blockquote>
<p>我们年轻一代,总有一天会代表中国和世界叫板！</p></blockquote>
<pre tabindex="0"><code>A+工科准大一学生
</code></pre><h5 id="墨啊-襄阳-心理咨询师--书法老师"><strong>墨啊</strong> <em>襄阳 心理咨询师  书法老师</em></h5>
<blockquote>
<p>发挥最擅长优势，创造无限可能！</p></blockquote>
<pre tabindex="0"><code>盖洛普前5：理念 学习 完美 战略 行动
3天粉丝2万+，单日成交过万
自媒体第一年，月入10万+
</code></pre><h5 id="晓权-广东茂名--准大学生-05后--entp"><strong>晓权</strong> <em>广东茂名  准大学生 05后  ENTP</em></h5>
<blockquote>
<p>任何意外都有迹可寻</p></blockquote>
<pre tabindex="0"><code>搏亿团执行成员🥳
运营团队
</code></pre><h5 id="大鹏先生"><strong>大鹏先生</strong></h5>
<blockquote>
<p>大鹏一日同风起，扶摇直上九万里</p></blockquote>
<pre tabindex="0"><code>自媒体新人
</code></pre><h5 id="小机学ai大模型"><strong>小机学AI大模型</strong></h5>
<blockquote>
<p>30岁退休(￣▽￣)&quot;</p></blockquote>
<pre tabindex="0"><code>借助AI起号，24天成为知乎7级大v
</code></pre><h5 id="沈星河"><strong>沈星河</strong></h5>
<blockquote>
<p>逍遥做自己，终极任此生。</p></blockquote>
<pre tabindex="0"><code>鲁迅弃医从文，我偏要二者兼得
</code></pre><h5 id="拾年奋斗吧"><strong>拾年(奋斗吧)</strong></h5>
<blockquote>
<p>搞钱 成长 认知  同路人</p></blockquote>
<pre tabindex="0"><code>年轻人，要有活力，加油！
</code></pre><ul>
<li>&lt;空位以待&gt;</li>
</ul>
<blockquote>
<p>&lt;你的朋友圈签名&gt;</p></blockquote>
<pre tabindex="0"><code>你的bio，我的提炼
</code></pre><h3 id="交付内容预计">交付内容预计</h3>
<ul>
<li>个人网站置顶文章和知识星球置顶贴长期曝光你的IP网名</li>
<li>邀请免费加入我的自媒体付费星球 <mark>大道无术</mark>（<em>专业内容建设中，暂未开始推广</em>）</li>
<li>VX <mark>加星标好友</mark>，定期看朋友圈点赞评论</li>
<li>深入了解后朋友圈推文曝光</li>
<li>个人制作的 小程序或者网页工具 第一时间体验试用（微天使们提的需求 <mark>优先实现</mark>）</li>
<li>附送个人写作的小报童专栏（<em>个人网站建设方向，小白向，注重内容输出，不重花里胡哨</em>）</li>
<li>待续&hellip;</li>
</ul>



<h5 id="相关文章：">相关文章：</h5>
<ul>
    
    <li><a href="/blog/mi_gals/">微信☆星标好友头像樯</a></li>
    
</ul>



]]></content:encoded>
    </item>
    <item>
      <title>自媒体导航🔗</title>
      <link>https://daoyuchan.com/nav/</link>
      <pubDate>Sun, 25 Aug 2024 19:47:28 +0800</pubDate>
      <guid>https://daoyuchan.com/nav/</guid>
      <description>别的网页太卡了- -，自己整一个导航;不定期更新;</description>
      <content:encoded><![CDATA[<h2 id="selfhost">自部署应用</h2>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://d.seekrss.com/">网站缩短</a></td>
          <td style="text-align: left">URL short service</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="http://tool.gakki.fans/">IT工具集</a></td>
          <td style="text-align: left">Handy online tools for developers</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://r.gakki.fans/">本机电子书阅读</a></td>
          <td style="text-align: left">Koodo Reader</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://r.daoyuchan.com/">小报童专栏推荐</a></td>
          <td style="text-align: left">小报童是一个付费内容服务，帮你把洞察转化为价值。</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="http://n.gakki.fans/">团队网页导航</a></td>
          <td style="text-align: left">前后端完整的网址导航服务，重后台管理</td>
      </tr>
  </tbody>
</table>
<h2 id="weapp">常用小程序</h2>
<h3 id="nxkp">耐心卡片</h3>
<p>

<img class="in-text" height="100" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/nxkp.jpg" alt="耐心卡片" title="为啥叫【耐心卡片】，因为要结合你的文案选一个合适的排版和字体真的需要一些些耐心">

👇 请复制粘贴到 <code>微信文件传输助手</code>里打开</p>
<pre tabindex="0"><code>#小程序://耐心卡片/qgg5hFQMOCIXm3q
</code></pre>

<div class="post-preview">
    <div class="post-preview--meta" style="width:100%;">
        <div class="post-preview--middle">
            <h4 class="post-preview--title">
                <a target="_blank" href="https://daoyuchan.com/1024/text_card/">立秋第一杯奶茶？用它来作讨钱文案就对了</a>
            </h4>
            <time class="post-preview--date">2024-08-06</time>
            
            <small> #小程序&nbsp; #文本应用&nbsp;</small>
            
            <section style="max-height:105px;overflow:hidden;" class="post-preview--excerpt">
                <p><em>感知行业脉搏，把握时代机遇;</em></p>
<p><em>使用风骚程序，引领群聊主流；</em></p>
<p>今天分享的小程序是来自一个饭友开发者 <a href="https://dadan.jaxer.cc/"><em>谙前码后</em></a>  的呕心沥血之作 <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>；</p>
<p>已经获得<code>大湾区律师</code>的一致好评，用来写写和客户（之间）不得不说的故事，锦上添花。</p>...
            </section>
        </div>
    </div>
</div>


<h3 id="faquan">发圈防折叠</h3>
<pre tabindex="0"><code>#小程序://发圈防折叠/fGT2kz9RVdvdP4e
</code></pre><h3 id="ai-tool">最强AI工具集</h3>


<img class="in-text" height="100" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-25/20240825200936.png" alt="" title="">

<pre tabindex="0"><code>https://www.modorobo.com/h5/index.html?id=36&amp;pt=s&amp;u=2777
</code></pre><h3 id="dapai">大牌特卖 限时折扣</h3>


<img class="in-text" height="162" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-25/20240825203612.png" alt="" title="">

<pre tabindex="0"><code>#小程序://大牌购NEW/品牌特卖限时折扣/9OCMGH7lbChWiMp
</code></pre><h2 id="tools">工具向</h2>
<h3 id="online_work">在线协作</h3>
<blockquote>
<p>飞书、语雀、石墨、企业微信、腾讯文档、wps</p></blockquote>
<h3 id="浮墨笔记">浮墨笔记</h3>
<blockquote>
<p>人气卡片笔记工具</p></blockquote>
<blockquote>
<p>使用我的 flomo 邀请码：NTUwMDc4 ，你可以得到<mark>14天Pro会员</mark></p></blockquote>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://v.flomoapp.com/">浮墨笔记</a></td>
          <td style="text-align: left">邀请码：<code>NTUwMDc4</code></td>
      </tr>
  </tbody>
</table>
<h3 id="rss">RSS阅读🦉</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://app.follow.is/share/lists/70168453478905856">Follow</a></td>
          <td style="text-align: left">可以订阅多种格式的FEED</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://rss.cafe/" title="——建造自由内容生态——">RSS.CAFE</a></td>
          <td style="text-align: left">可以发布文章</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://storeweb.cn/rss" title="个站商店的RSS">StoreWeb</a></td>
          <td style="text-align: left">注册会员即可加入RSS流</td>
      </tr>
  </tbody>
</table>
<h3 id="online_form">在线表单</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://www.mikecrm.com/">麦客CRM</a></td>
          <td></td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://wenjuan.feishu.cn/">飞书问卷</a></td>
          <td></td>
      </tr>
  </tbody>
</table>
<h3 id="mp_editor">公众号编辑器</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://xiumi.us/studio/v5#/index">秀米XIUMI</a></td>
          <td></td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://yiban.io/">壹伴编辑器</a></td>
          <td></td>
      </tr>
  </tbody>
</table>
<h3 id="common">常用链接</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="http://www.winature.com/" title="花径不曾缘客扫,日暮聊为梁父吟"><em>一介大叔</em></a>            </td>
          <td style="text-align: left">日暮聊为梁父吟</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://space.bilibili.com/44076852" title="官网：biaoyansu.com，正在搞 role2.com"><em>[up 主]表严肃</em></a></td>
          <td style="text-align: left">一个up主</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.vicsdf.com/i/1o6l87v8" title="感知行业脉搏，把握时代机遇"><em>报告汇</em></a></td>
          <td style="text-align: left">查看各行业报告</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://xn--z7x.cafe/w/xiangsudian?t=FF00FF" title="认养一个像素点，来互动鸭"><em>阿花 – 小像素点</em></a></td>
          <td style="text-align: left">没啥用的鸭</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="http://fanfou.com/">

<img class="in-text" height="50" src="/img/10001.svg" alt="饭否" title="饭否是一个 140 字的迷你博客。在这里，你可以告诉大家你在做什么，可以随便看看大家都在做什么，也可以关注一些有趣（发疯）的人。">
</a>   </td>
          <td style="text-align: left">它永远是测试版</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.kootinlok.com/blog4.0/blog/blogList.php">

<img class="in-text" height="50" src="/links/kootinlok.png" alt="古天乐博客" title="古天樂官方網站-绝对日更">
</a></td>
          <td style="text-align: left">古天乐博客</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.shuge.org/">

<img class="in-text" height="50" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-12/20240912185915.png" alt="" title="书格是一个自由开放的数字图书馆。致力于开放式分享、介绍、推荐有价值的古籍善本、字画，并鼓励将文化艺术作品数字化归档。">
</a></td>
          <td style="text-align: left">书格</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://course.rs">

<img class="in-text" height="50" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914181924.png" alt="" title="Rust 难学，那正是本书要解决的问题，如果看完后，你觉得没有学会 Rust，可以找我们退款，哦抱歉，这是开源书，那就退 🌟 吧 :)">
</a></td>
          <td style="text-align: left">Rust语言圣经(Rust Course)</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.hutusi.com/">

<img class="in-text" height="50" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/hts.jpg" alt="" title="">
胡涂说</a></td>
          <td style="text-align: left">任抛星汉归园圃，留取乾坤盛酒囊</td>
      </tr>
  </tbody>
</table>
<h3 id="fun">奇趣集</h3>
<p><code>「集合」好玩的网站、工具</code></p>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://www.pexels.com/zh-cn/">免费素材图片</a>            </td>
          <td style="text-align: left">才华横溢的摄影作者在这里免费分享最精彩的素材图片和视频。</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://unsplash.com/">unsplash</a></td>
          <td style="text-align: left">国外老牌图片素材网站</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://colorhub.me/invitations/d637q">国内的高清图片网站</a></td>
          <td style="text-align: left">高清无版权图片</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="http://www.drawingsofleonardo.org/">达芬奇手稿</a></td>
          <td style="text-align: left">the drawings of Leonardo da Vinci</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://theuselessweb.com/" title="访问更多的无聊网站使自己更无聊。">随机访问一个无聊的网站</a></td>
          <td style="text-align: left">TAKE ME TO A USELESS WEBSITE →PLEASE←</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://hanziyuan.net/#home">汉字叔叔讲故事</a></td>
          <td style="text-align: left">输入单个汉字, 查询10万+古汉字和字源</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.zhongguose.com/#yanhong">中国传统色</a></td>
          <td style="text-align: left">提供各种中国的传统颜色的名称，CMYK值，RGB值，16进制表示</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://gitee.com/shenweiyan/WebStack-Hugo">网址导航Hugo主题</a></td>
          <td style="text-align: left">支持导航一键配置的纯静态网址导航网站源码</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.foldnfly.com/">教你折纸飞机</a></td>
          <td style="text-align: left">A database of paper airplanes with easy to follow folding instructions</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://iui.su/">分享为王</a></td>
          <td style="text-align: left">按月归集的很多类型资源</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://nownownow.com/">NOWNOWNOW</a></td>
          <td style="text-align: left">sites with a /now page</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://24hbook.store/">24h搜书</a></td>
          <td style="text-align: left">download books free with AI</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.cbaigui.com/">纪妖</a></td>
          <td style="text-align: left">开放的在线“妖怪”资料库，致力于收集、整理、介绍、分享古人文献中的“妖怪”</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="/links/" title="本站友情链接">MORE</a></td>
          <td style="text-align: left">🌏友情链接</td>
      </tr>
  </tbody>
</table>
<h3 id="tiny_pic">图片压缩</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://tinify.cn/">TinyPNG – 智能压缩图片工具</a>    </td>
          <td style="text-align: left">TinyPNG使用智能有损压缩技术将您的WebP, PNG and JPEG图片的文件大小降低</td>
      </tr>
  </tbody>
</table>
<h3 id="img_source">图片素材✨</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://www.pexels.com/zh-cn/">免费素材图片</a>            </td>
          <td style="text-align: left">才华横溢的摄影作者在这里免费分享最精彩的素材图片和视频。</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://unsplash.com/">unsplash</a></td>
          <td style="text-align: left">国外老牌图片素材网站</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://colorhub.me/">国内的高清图片网站</a></td>
          <td style="text-align: left">高清无版权图片</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="http://www.drawingsofleonardo.org/">达芬奇手稿</a></td>
          <td style="text-align: left">the drawings of Leonardo da Vinci</td>
      </tr>
  </tbody>
</table>
<h3 id="download">下载相关</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://lab.nulla.top/link-preview">磁力链接预览</a>                         </td>
          <td style="text-align: left">支持Torrent/Magnet/Ed2k 链接的基本信息预览，防着下载学习资料的磁力链接等等是葫芦娃资源，非常有用</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.faviconextractor.com/zh">Favicon图标检查和下载</a></td>
          <td style="text-align: left">支持获取适用于默认和更大 favicon 尺寸的现成 HTML 代码，免注册使用</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://crxsoso.com/" title="一键搜索并下载最新的 Chrome，Edge，Firefox，Opera 扩展程序 crx/xpi 安装包">Crx搜搜</a></td>
          <td style="text-align: left">解决无法直接访问Chrome应用商店的问题</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.rikua.com/">日夸字幕</a></td>
          <td style="text-align: left">可以在线预览字幕内容，自定义字幕样式的专业字幕下载网站，支持ASS、SRT字幕下载</td>
      </tr>
  </tbody>
</table>
<h3 id="mind">思维导图</h3>
<blockquote>
<p>管理你的大脑</p></blockquote>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://mubu.com/app" title="幕布，让工作更专注更高效">幕布</a>              </td>
          <td style="text-align: left">极简大纲笔记，一键生成思维导图</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://naotu.baidu.com/" title="控制创意，如此简单">百度脑图</a></td>
          <td style="text-align: left">免安装 云存储 易分享 舒适的体验 丰富的功能</td>
      </tr>
  </tbody>
</table>
<h3 id="hangye">行业报告</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://www.vicsdf.com/i/1o6l87v8" title="阅读和下载会消耗积分，登录、注册、邀请好友、上传报告均可获得积分。">报告汇</a>             </td>
          <td style="text-align: left">感知行业脉搏，把握时代机遇</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://index.baidu.com/">百度指数</a></td>
          <td style="text-align: left">洞见未来，引领营销新风向</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.newrank.cn/ranklist/gongzhonghao?period=day&amp;type=data">公众号指数·文化·日榜</a></td>
          <td style="text-align: left">涨粉榜解读 微信500强月榜解读 原创文章日榜解读 账号榜解读</td>
      </tr>
  </tbody>
</table>
<h3 id="bot">机器人|Bot</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://app.insta-speak.com/" title="使用简单，直接根据屏幕给出的提示主题，使用英文讲述一分钟，期间会进行录音，点击结束后，AI口语机器人将对录音进行分析，提供WPM、词汇量、停顿时间等等结果分析，并且还会给出建议">免费AI英语雅思口语分析机器人</a>   </td>
          <td style="text-align: left">为用户提供全面、准确的音频数据报告，帮助用户提高英语口语水平</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://gpt4all.io" title="GPT4All 是一个生态系统，用于训练和部署在消费级 CPU 上本地运行的强大且定制的大型语言模型">GPT4All本地运行聊天机器人</a></td>
          <td style="text-align: left">无需 GPU 或互联网，可在 CPU 和几乎任何 GPU 上本地运行的开源大型语言模型</td>
      </tr>
  </tbody>
</table>
<h2 id="we-media">自媒体向</h2>
<h3 id="deep">看深度文章</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://www.niaogebiji.com/" title="互联网广告·营销·推广·运营·品牌增长社区">鸟哥笔记</a>   </td>
          <td style="text-align: left">讲诉营销的故事</td>
      </tr>
  </tbody>
</table>
<h3 id="xiaobot">小报童专栏🌟</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://xiaobot.net/p/XF888?refer=d400eb10-21fe-4dc8-aefb-d13a5100cc1d" title="100篇，讲透微信技巧，写作技巧，公域引流">水龙手把手带你做自媒体</a> </td>
          <td></td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://xiaobot.net/p/doumo2?refer=d400eb10-21fe-4dc8-aefb-d13a5100cc1d" title="如果你要做AI时代的终生学习者，强烈建议订阅本专栏">AI拆书入门到变现</a> </td>
          <td></td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://xiaobot.net/p/fscz01?refer=d400eb10-21fe-4dc8-aefb-d13a5100cc1d" title="无论是玩个人IP 还是搞副业，不了解社交礼仪，不懂这些踩坑点，大概率会走很多我们趟过的弯路，不经意就会浪费机会、得罪大佬、错失贵人 。">微信社交避坑指南</a> </td>
          <td></td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://xiaobot.net/p/xiaohongshuku?refer=d400eb10-21fe-4dc8-aefb-d13a5100cc1d" title="🌟这里是小报童获知产品专家背书最多的小红书主题专栏，连载至今，口碑极佳。">小红书运营手册｜全本连载中</a></td>
          <td></td>
      </tr>
  </tbody>
</table>
<h2 id="pan">网盘</h2>
<h3 id="baidu">百度网盘</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://pan.baidu.com/s/10vhBbgUVqjfUVJ0LrT88qw?pwd=jwei">和菜头《成年人修炼手册》</a></td>
          <td></td>
      </tr>
  </tbody>
</table>
<pre tabindex="0"><code>链接: https://pan.baidu.com/s/10vhBbgUVqjfUVJ0LrT88qw?pwd=jwei 提取码: jwei 复制这段内容后打开百度网盘手机App，操作更方便哦
</code></pre><h2 id="tech">技术向</h2>
<h3 id="blog">博客相关</h3>
<blockquote>
<p>主要是静态博客</p></blockquote>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://hugo.opendocs.io/">HUGO中文文档</a>      </td>
          <td style="text-align: left">Hugo是世界上最快的网站构建框架之一，由opendocs.io提供完整的中文文档</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://github.com/DejavuMoe/webfonts" title="霞鹜文楷\快去写作业\新蒂焦糖体\zpix（最像素）...">网页字体</a></td>
          <td style="text-align: left">Free web fonts out of the box, which can be used for personal use.</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://rawweb.org/" title="We miss the golden age of the internet when people thought, wrote, and shared on their personal websites and blogs.">Raw Web</a></td>
          <td style="text-align: left">Explore the gems of independent websites.</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://markdown.com.cn/basic-syntax/" title="心中无尘，码字入神"><em>markdown 基本语法</em></a></td>
          <td style="text-align: left">markdown基础文档</td>
      </tr>
  </tbody>
</table>
<h3 id="front-end">前端技术</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://bulma.io/">BULMA</a>          </td>
          <td style="text-align: left">The Modern CSS Framework /No CSS knowledge required!</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://unocss.dev/">UnoCSS</a></td>
          <td style="text-align: left">Instant On-demand Atomic CSS Engine /Customizable · Powerful · Fast · Joyful</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://cn.vitejs.dev/">Vite</a></td>
          <td style="text-align: left">下一代的前端工具链 /为开发提供极速响应</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://aisuda.bce.baidu.com/amis/docs">amis</a></td>
          <td style="text-align: left">amis 是一个低代码前端框架，它使用 JSON 配置来生成页面</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.giftofspeed.com/gzip-test/">GiftOfSpeed</a></td>
          <td style="text-align: left">Check Gzip/Brotli Compression / Gzip Is Enabled</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://fesites.netlify.app/">前端森林</a></td>
          <td style="text-align: left">前端酷站 尽收眼底</td>
      </tr>
  </tbody>
</table>
<h3 id="back-end">后端技术</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://learnku.com/">LearnKu</a>        </td>
          <td style="text-align: left">终身编程者的技术社区</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://v2ex.com/" title="V2EX 是创意工作者们的社区。这里目前汇聚了超过 600,000 名主要来自互联网行业、游戏行业和媒体行业的创意工作者。V2EX 希望能够成为创意工作者们的生活和事业的一部分。">V2EX</a></td>
          <td style="text-align: left">创意工作者们的社区 / World is powered by solitude</td>
      </tr>
  </tbody>
</table>
<h2 id="social">社交向</h2>
<h3 id="jike_v">即刻大V</h3>
<blockquote>
<p>手工选的，看到就算。#帮扶即刻做大做强计划 make it a better app.</p></blockquote>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://m.okjike.com/users/2FF941E6-6127-40E6-BCCD-4B52E2200CE7" title="王梦珂Mengke">后厂女工小王</a>      </td>
          <td style="text-align: left">🪐好事发生App开发者 📕<a href="https://xiaobot.net/p/xiaohongshuku?refer=d400eb10-21fe-4dc8-aefb-d13a5100cc1d">《小红书运营手册》</a>全本连载中</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://web.okjike.com/topic/5665185bbab9191200b71460" title="3.3万名小黄即正在添砖加瓦">#小组:帮扶即刻做大做强计划</a>      </td>
          <td style="text-align: left">🐦即刻建设事业人人都可以参与，有钱出钱，有力出力</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://web.okjike.com/u/08105272-cb94-40bf-8df6-feaa50fa1be9" title="爱读书会做菜能喝酒">ChatV-即刻首席观察员</a></td>
          <td style="text-align: left">→ 即刻首席观察员</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://web.okjike.com/topic/5ab9c9ed2ca389001ba1feb5" title="11.2万名即友已加入">#小组:运营的日常</a></td>
          <td style="text-align: left">分享你在运营工作中的点点滴滴。可以是平平淡淡的日常记录，也可以是学到的深刻心得。</td>
      </tr>
  </tbody>
</table>
<h3 id="blog_tower">博客圈金字塔</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://bf.zzxworld.com/s/diligent_list" title="输出文章频率最高的前 100 位博客">博客勤更不辍榜</a>              </td>
          <td style="text-align: left">反正不能没有我😀</td>
      </tr>
  </tbody>
</table>

        <center>
          <!-- 博客园塔 -->
          <a href="https://blogverse.cn" target="_blank" rel="noopener noreferrer" title="中文博客圈列表">博客圈列表</a>
          <br /># -> 随机跳转页面
          <div class="bokequan">
            <a href="http://www.jetli.com.cn" target="_blank" rel="noopener noreferrer" title="博客志-优秀个人独立博客导航">博客志</a>
            |
            <a href="https://www.boyouquan.com" target="_blank" rel="noopener noreferrer" title="博友圈-博客人的朋友圈">博友圈</a>
            <a href="https://www.boyouquan.com/planet-shuttle" target="_blank" rel="noopener noreferrer" title="星球穿梭-博友圈">#</a>
            <br />
            <a href="https://chuanliu.org" target="_blank" rel="noopener noreferrer" title="川流，取川之意，流水之情">川流</a>
            |
            <a href="https://bokequan.cn" target="_blank" rel="noopener noreferrer" title="致力于个人独立博客，按地区分类，由段先森维护">博客圈</a>
            <a href="https://bokequan.cn/?suiji" target="_blank" rel="noopener noreferrer" title="穿梭-致力于个人独立博客博客园">#</a>
            |
            <a href="https://www.travellings.cn" target="_blank" rel="noopener noreferrer" title="让传统友链“活跃”，让网页相互接力，让流量相互流动，让网络开放起来">开往</a>
            <a href="https://www.travellings.cn/go.html" target="_blank" rel="noopener noreferrer" title="开往-友链接力">#</a>
            <br />
            <a href="https://blogwe.com" target="_blank" rel="noopener noreferrer" title="致敬还在写博客的我们！">BlogWe</a>
            |
            <a href="https://zhblogs.ohyee.cc" target="_blank" rel="noopener noreferrer" title="尝试链接几乎所有的中文博客">中文博客列表导航</a>
            <a href="https://zhblogs.ohyee.cc/go" target="_blank" rel="noopener noreferrer" title="随机跳转-尝试链接几乎所有的中文博客">#</a>
            <br />
            <a href="https://blogscn.fun" target="_blank" rel="noopener noreferrer" title="致敬还在写博客的我们">笔墨迹</a>
            <a href="https://blogscn.fun/random.html" target="_blank" rel="noopener noreferrer" title="笔墨迹-虫洞">#</a>
            |
            <a href="https://storeweb.cn" target="_blank" rel="noopener noreferrer" title="一个精致的，带社交元素的个人网站发布平台，博客收录网站">个站商店</a>
            <a href="https://storeweb.cn/s/2070" target="_blank" rel="noopener noreferrer" title="个站商店-虫洞">#</a>
            |
            <a href="https://blogtalk.org" target="_blank" rel="noopener noreferrer" title="博客说-个人博客站点聚合">博客说</a>
            <a href="https://blogtalk.org/planet-shuttle" target="_blank" rel="noopener noreferrer" title="文苑淘真-博客说">#</a>
            <br />
            <a href="https://boke.lu" target="_blank" rel="noopener noreferrer" title="boke.lu · 博客收录展示平台~">博客录</a>
            <a href="https://bokelu.suijiboke.gs" target="_blank" rel="noopener noreferrer" title="随机浏览博客录收录的所有博客">#</a>
            |
            <a href="https://travel.moe" target="_blank" rel="noopener noreferrer" title="我们一起去萌站成员de星球旅行吧 ！">异次元之旅</a>
            <a href="https://travel.moe/go.html?travel=on" target="_blank" rel="noopener noreferrer" title="跃迁-我们一起去萌站成员de星球旅行吧 ！">#</a>
            |
            <a href="https://www.foreverblog.cn" target="_blank" rel="noopener noreferrer" title="一个人的寂寞，一群人的狂欢。">十年之约</a>
            <a href="https://www.foreverblog.cn/go.html" target="_blank" rel="noopener noreferrer" title="穿梭虫洞-随机访问十年之约友链博客">#</a>
            <br />
            <a href="https://ourblo.gs" target="_blank" rel="noopener noreferrer" title="在茫茫比特流之中，能遇见你，真是幸运！">OurBlogs</a>
            |
            <a href="https://github.com/timqian/chinese-independent-blogs" target="_blank" rel="noopener noreferrer" title="中文独立博客列表">中文独立博客列表</a>
            |
            <a href="https://bf.zzxworld.com" target="_blank" rel="noopener noreferrer" title="BlogFinder-发现优秀的个人博客">BlogFinder</a>
            <br />
          </div>
        </center>


<h2 id="cmt">评论区</h2>
]]></content:encoded>
    </item>
    <item>
      <title>微信小程序倒计时组件</title>
      <link>https://daoyuchan.com/tech/weapp_countdown_component/</link>
      <pubDate>Tue, 14 Jan 2025 22:10:18 +0800</pubDate>
      <guid>https://daoyuchan.com/tech/weapp_countdown_component/</guid>
      <description>用微信小程序原生语法实现的一个 时:分:秒 倒计时方案</description>
      <content:encoded><![CDATA[<p>倒计时组件 还是一个比较常用的功能的;</p>
<p>此处是用微信小程序原生语法实现的一个方案：</p>
<p>功能如下：</p>
<p>指定一个时间戳 endTime , 按当前时间距离时间戳（比当前时间靠前）的秒数来刷新倒计时</p>
<p>可以指定可选参数 offSet , 以秒为单位的最大倒计时秒数。超过这个秒数的不显示倒计时</p>
<p>具体实现：</p>
<p>在 components 目录下新建 countdown 文件夹：</p>
<h3 id="countdownwxml">countdown.wxml</h3>
<p>用于页面上展示倒计时的view</p>
<pre tabindex="0"><code>&lt;!--components/countdown/countdown.wxml--&gt;
&lt;view class=&#34;countdown&#34;&gt;
  &lt;view class=&#34;time&#34;&gt;{{end}}&lt;/view&gt;
  &lt;view class=&#34;time&#34; wx:if=&#34;{{show}}&#34;&gt;{{minutes}}:{{seconds}}&lt;/view&gt;
&lt;/view&gt;
</code></pre><h3 id="countdownwxss">countdown.wxss</h3>
<p>基本样式</p>
<pre tabindex="0"><code>/* components/countdown/countdown.wxss */

.countdown {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: var(--sidebar-font-size,14px);
  line-height: var(--sidebar-line-height,20px);
}

.time {
  text-align: center;
  color: rgba(239, 207, 51, 1);
}
</code></pre><h3 id="countdownts">countdown.ts</h3>
<p>基本样式</p>
<pre tabindex="0"><code>
// components/countdown/countdown.ts
Component({

  /**
   * 组件的属性列表
   */
  properties: {
    endTime: {
      type: Number, // 以秒为单位的结束时间
      value: 0
    },
    offSet:{
      type: Number, // 以秒为单位的最大倒计时秒数
      value: 7200
    },
  },

  /**
   * 组件的初始数据
   */
  data: {
    hours: &#39;00&#39;,
    minutes: &#39;00&#39;,
    seconds: &#39;00&#39;,
    show: false,  //是否显示倒计时
    end: &#39;在售&#39;,  //倒计时前显示的内容或者不显示倒计时的时候当作内容占位符
    intervalId: null 
  },

  /**
   * 组件的方法列表
   */
  methods: {
    fNum:function (num:number) {
        return num &lt; 10 ? &#39;0&#39; + num : num.toString()
    },
    startCountdown: function () {
      console.log(&#39;startCountdown&#39;, this.properties.endTime)
      const countDownOffset = this.properties.offSet // 7200 秒 = 2 小时
      const that = this

      // 时间戳判定
      function tick() {
        let totalSeconds = that.properties.endTime - Math.floor((new Date().getTime() / 1000));

        if (totalSeconds &gt; 0 &amp;&amp; totalSeconds &lt;= countDownOffset) {
          //console.log(totalSeconds)
          that.setData({
            end: &#39;倒计时&#39;,
            show: true,
            // hours: Math.floor(totalSeconds / 3600),
            // minutes: Math.floor((totalSeconds % 3600) / 60),
            // 此处因为页面展示空间限制，把小时部分加到分钟去显示
            minutes: that.fNum(Math.floor((totalSeconds % 3600) / 60) + 60 * Math.floor(totalSeconds / 3600)) , 
            seconds: that.fNum(Math.floor(totalSeconds % 60))
          });
        } else if (totalSeconds &lt;= 0) {
          console.warn(&#39;倒计时结束&#39;)
          if (that.data.intervalId)
            clearInterval(that.data.intervalId)
          if (totalSeconds &lt;= 1){
            that.setData({ end: &#39;已截至&#39;, show: false })
          }
          //this.triggerEvent(&#39;countdownEnd&#39;);
        } else {
          // 如果总秒数超过 countDownOffset ，提示未开始
          that.setData({ end: &#39;在售&#39;, show:false })
          console.log(&#34;倒计时&#34;, totalSeconds - countDownOffset, &#34;秒后开始&#34;)
        }
      }

      // 记录倒计时ID
      that.setData({ intervalId: setInterval(tick, 1000) }) 

    }
  },
  lifetimes: {
    ready: function () {
      console.log(&#34;run ready&#34;, this.properties.endTime)
      if (this.properties.endTime) {
        this.startCountdown()
      } else {
        this.setData({
          end:&#39;在售&#39;
        })
        console.error(&#39;endTime 未定义&#39;);
      }
    },
    detached: function () {
      console.log(&#34;detached, clearInterval &#34;, this.data.intervalId)
      clearInterval(this.data.intervalId);
    }
  },
})
</code></pre><h3 id="howto">调用示例</h3>
<pre tabindex="0"><code>&lt;countdown end-time=&#34;{{activeEndTime}}&#34; id=&#34;countdown&#34; wx:if=&#34;{{activeEndTime}}&#34; &gt;&lt;/countdown&gt;
</code></pre><p>activeEndTime 是 page 内的 data</p>
]]></content:encoded>
    </item>
    <item>
      <title>一句话吐槽一本书：感觉大脑装满了知识！</title>
      <link>https://daoyuchan.com/blog/book_in_one/</link>
      <pubDate>Tue, 17 Dec 2024 19:09:32 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/book_in_one/</guid>
      <description>《原则》：一个对冲基金大佬用 500 多条规则告诉你，成功人士的建议往往对普通人毫无用处。</description>
      <content:encoded><![CDATA[<ul>
<li>
<p>《置身事内》：一本靠B站UP主解读养活了一大批内容创作者的书，看完后你也只能当个知乎答主。</p>
</li>
<li>
<p>《禅与摩托车维修艺术》：一个骑摩托车的老爹带着儿子兜风顺便胡思乱想，硬是被捧成了哲学经典。</p>
</li>
<li>
<p>《原则》：一个对冲基金大佬用500多条规则告诉你，成功人士的建议往往对普通人毫无用处。</p>
</li>
<li>
<p>《学会提问》：告诉你如何提出好问题，但读完后你只会质疑&quot;为什么要读这本书&quot;。</p>
</li>
<li>
<p>《纳瓦尔宝典》：一个推特大V的碎片化思考集合，把发财致富浓缩成鸡汤文。</p>
</li>
<li>
<p>《聪明人的个人成长》：标题就暴露了读者的虚荣心，真正聪明的人不会看这种书。</p>
</li>
<li>
<p>《智人之上》：用科技视角预测未来，但未来到来时你会发现预测全错了。</p>
</li>
<li>
<p>《乌合之众》：读完后觉得自己看透了群众心理，实际上你正是书中描述的其中之一。</p>
</li>
<li>
<p>《影响力》：教你如何操纵他人，但你发现被营销号操纵的都是读过这本书的人。</p>
</li>
<li>
<p>《稀缺》：用很多页解释为什么穷人会做出糟糕决定，富人看了直呼过瘾。</p>
</li>
<li>
<p>《系统之美》：用复杂的语言讲述简单的道理，让你觉得自己很聪明但实际什么都没学会。</p>
</li>
<li>
<p>《认知觉醒》：一本让你以为自己认知升级了的书，实际上只是清醒地认识到自己有多笨。</p>
</li>
<li>
<p>《真需求》：产品经理的圣经，但用户并不在乎你懂不懂他们的需求。</p>
</li>
<li>
<p>《暗时间》：程序员写的心灵鸡汤，让你觉得思考很重要但依然改变不了刷手机的习惯。</p>
</li>
<li>
<p>《穷查理宝典》：一本让你觉得自己也能成为巴菲特的书，实际上你连芒格的零头都赚不到。</p>
</li>
<li>
<p>《金钱心理学》：读完后你终于明白为什么自己总是亏钱，但还是改变不了。</p>
</li>
<li>
<p>《爱的艺术》》：看完后觉得自己懂爱了，结果发现连相亲都约不到。</p>
</li>
<li>
<p>《掌控习惯》》：告诉你21天就能养成好习惯，但你连看完这本书的习惯都坚持不了。</p>
</li>
<li>
<p>《反脆弱》：告诉你如何在混乱中获益，但读者最大的收益是给作者贡献了版税。</p>
</li>
<li>
<p>《匠人精神》：日本人的职业执着被包装成心灵鸡汤，看完后你还是会摸鱼。</p>
</li>
<li>
<p>《人类简史》：用轻松的笔调讲述严肃的历史，让你产生了自己很博学的错觉。</p>
</li>
<li>
<p>《打造第二大脑》：教你如何数字化管理知识，结果发现自己的第一大脑都没用好。</p>
</li>
<li>
<p>《失控》：一本让极客高潮的科技预言书，但最失控的是读者的理解能力。</p>
</li>
<li>
<p>《卓有成效的管理者》：德鲁克教你如何管理，但你连自己都管理不好。</p>
</li>
<li>
<p>《贪婪的多巴胺》：用科学解释为什么你沉迷短视频，但并不能帮你戒掉。</p>
</li>
<li>
<p>《超越百岁》：长寿秘诀都写在书里了，但你还是会熬夜看完它。</p>
</li>
<li>
<p>《世界是如何思考的》：看完后你依然不知道自己是如何思考的。</p>
</li>
<li>
<p>《我看见的世界》：李飞飞的AI科普，让文科生产生了自己懂技术的错觉。</p>
</li>
<li>
<p>《卖货真相》：揭示电商内幕，但你的购物车还是停不下来。</p>
</li>
<li>
<p>《需求唤醒》：教你如何创造需求，结果发现自己才是被营销洗脑的那个。</p>
</li>
<li>
<p>《历代经济变革得失》：历史总是重复，但读者从不吸取教训。</p>
</li>
<li>
<p>《邓小平时代》：历史离我们很近，但理解却越来越远。</p>
</li>
<li>
<p>《中年之路》：看完后更加确认中年危机是无解的。</p>
</li>
<li>
<p>《市场的逻辑》：市场最大的逻辑就是让你看不懂逻辑。</p>
</li>
<li>
<p>《把时间当作朋友》：时间是最好的朋友，但你还是在浪费它看这本书。</p>
</li>
<li>
<p>《海龟交易法则》：教你如何在金融市场赚钱，但作者最大的收入来源是卖书。</p>
</li>
<li>
<p>《贫穷的本质》：用诺奖级别的研究告诉你为什么穷人很难摆脱贫困，但并不能帮你致富。</p>
</li>
<li>
<p>《少有人走的路》：大众畅销书取名&quot;少有人走的路&quot;是最大的讽刺。</p>
</li>
<li>
<p>《当下的力量》：教你活在当下，但你还是会焦虑未来。</p>
</li>
<li>
<p>《自私的基因》：用生物学解释人性，让读者觉得自私是理所当然的。</p>
</li>
<li>
<p>《遥远的救世主》：一本让理工男觉得自己很懂社会的小说。</p>
</li>
<li>
<p>《单向度的人》：批判现代社会，但你还是无法逃离消费主义。</p>
</li>
<li>
<p>《非暴力沟通》：教你好好说话，但读者看完后更想怼人了。</p>
</li>
<li>
<p>《长期主义》：短期来看没什么用，长期来看你早忘了书里写什么。</p>
</li>
<li>
<p>《信息简史》：告诉你信息如何改变世界，但你的朋友圈还是充斥着垃圾信息。</p>
</li>
<li>
<p>《一如既往》：标题听着就像心灵鸡汤，内容果然不出所料。</p>
</li>
<li>
<p>《Million Dollar Weekend》：周末百万富翁计划，实际上周末只会刷剧睡觉。</p>
</li>
<li>
<p>《极简主义》：教你如何断舍离，但你买了实体书、电子书和音频三个版本。</p>
</li>
<li>
<p>《中国近代史》：看完依然搞不清历史，只记住了几个段子。</p>
</li>
<li>
<p>《债务危机》：解释为什么会有经济危机，但预防不了你自己的经济危机。</p>
</li>
<li>
<p>《what if》：用科学回答奇葩问题，但解决不了你生活中的实际问题。</p>
</li>
<li>
<p>《毛选》：买来摆书架的典型代表。</p>
</li>
<li>
<p>《人类群星闪耀时》：茨威格的经典，但读者只记住了&quot;命运的书页&quot;这句话。</p>
</li>
<li>
<p>《高效能人士的七个习惯》：看完后发现自己一个习惯都改不了。</p>
</li>
<li>
<p>《封建脉络百战系列》：把历史写得像武侠小说，但你还是分不清朝代。</p>
</li>
<li>
<p>《县乡中国》：以为能看懂基层，结果发现基层比想象更复杂。</p>
</li>
<li>
<p>《做多中国》：牛市的时候人人都在看，熊市就都忘了。</p>
</li>
<li>
<p>《三生万物》：想讲清楚万物规律，但读者只记住了标题有多玄乎。</p>
</li>
<li>
<p>《苏东坡传》：林语堂笔下的苏东坡比你活得明白。</p>
</li>
<li>
<p>《卡片笔记阅读法》：教你如何做笔记，结果发现自己连书都看不完。</p>
</li>
<li>
<p>《巴拉吉预言》：又一本预测未来的书，未来会证明预测有多离谱。</p>
</li>
<li>
<p>《太白金星有点烦》：马伯庸的野史，把正史写得像段子。</p>
</li>
<li>
<p>《马拉卡佐夫兄弟》：陀思妥耶夫斯基最后的小说，但大多数人都没看完。</p>
</li>
<li>
<p>《在峡江的转弯处》：政坛往事写成鸡汤文，但你还是不懂官场。</p>
</li>
<li>
<p>《艺术的故事》：艺术史入门书，看完只记得蒙娜丽莎。</p>
</li>
<li>
<p>《We Who Wrestle With God》：和上帝摔跤，但你连自己都打不过。</p>
</li>
<li>
<p>《芒格之道》：人人都想学芒格思维模型，结果只学会了买可口可乐股票。</p>
</li>
<li>
<p>《Zero to one》：创业圣经，读完后你连从0到0.1都做不到。</p>
</li>
<li>
<p>《AI帮你赢》：AI最大的赢家是写AI书的作者。</p>
</li>
<li>
<p>《平面国》：用几何讲哲学，但读者连立体几何都没搞懂。</p>
</li>
<li>
<p>《世界尽头的咖啡馆》：文艺青年的意淫，世界尽头可能连星巴克都没有。</p>
</li>
<li>
<p>《金字塔原理》：教你如何构建逻辑，但你的思维还是一团浆糊。</p>
</li>
<li>
<p>《奇点临近》：技术奇点还没到，但焦虑已经先到了。</p>
</li>
<li>
<p>《制造消费者》：揭示你如何被营销，但看完继续买买买。</p>
</li>
<li>
<p>《走出人格陷阱》：看完发现自己陷得更深了。</p>
</li>
<li>
<p>《生命是什么》：薛定谔的猫都不知道答案。</p>
</li>
<li>
<p>《智能简史》：人工智能简史，但人类智能还没搞明白。</p>
</li>
<li>
<p>《我的名字叫红》：土耳其版的《红楼梦》，但你可能两本都没看完。</p>
</li>
<li>
<p>《随机漫步的傻瓜》：股市真的随机，傻瓜是确定的。</p>
</li>
<li>
<p>《史蒂夫·乔布斯传》：让你以为穿黑色高领就能成功。</p>
</li>
<li>
<p>《自然哲学的数学原理》：牛顿的巅峰之作，大多数人只会念标题。</p>
</li>
<li>
<p>《筚路维艰》：写中国社会主义道路，但读者更关心小康之路。</p>
</li>
<li>
<p>《有限和无限的游戏》：人生是场游戏，但你总是输。</p>
</li>
<li>
<p>《语言本能》：解释为什么人会说话，但解释不了为什么你说话总得罪人。</p>
</li>
<li>
<p>《马斯克传》：看完后你既买不起特斯拉，也去不了火星。</p>
</li>
<li>
<p>《投资为乐》：投资最大的乐趣是亏钱时自我安慰。</p>
</li>
<li>
<p>《南渡北归》：民国往事，但你连现在都搞不清。</p>
</li>
<li>
<p>《费尔德曼发展心理学》：解释人为什么这样发展，但改变不了你的发展轨迹。</p>
</li>
<li>
<p>《破茧》：破了茧还是一条虫。</p>
</li>
<li>
<p>《如何找到想做的事》：看完后发现自己更迷茫了。</p>
</li>
<li>
<p>《心理学与生活》：生活中的心理学，但你的生活还是一团糟。</p>
</li>
<li>
<p>《枪炮病菌与钢铁》：解释为什么有的国家富有，但不能帮你发财。</p>
</li>
<li>
<p>《第三选择》：其实你连前两个选择都没有。</p>
</li>
<li>
<p>《清单革命》：把人生简化成清单，结果清单比人生还复杂。</p>
</li>
<li>
<p>《大棋局》：以为看懂了国际政治，实际上连自家小区政治都看不懂。</p>
</li>
<li>
<p>《逻辑学导论》：教你如何思考，但你的结论还是感性做主。</p>
</li>
<li>
<p>《自由的进化》：解释自由是如何进化的，但你还是活在生活的枷锁里。</p>
</li>
<li>
<p>《创始人手记》：别人的创业故事，你的创业遗憾。</p>
</li>
<li>
<p>《资本论》：批判资本主义的经典，但读者都想当资本家。</p>
</li>
<li>
<p>《微观经济学分册》：解释经济原理，但解释不了为什么你总是月光。</p>
</li>
<li>
<p>《庄子白皮书》：把庄子说得太白了，反而更玄了。</p>
</li>
<li>
<p>《往事并不如烟》：往事如烟，但烟总呛人。</p>
</li>
<li>
<p>《正见》：教你如何正确看待人生，但人生从来就没有标准答案。</p>
</li>
<li>
<p>《李光耀观天下》：新加坡能做到的，你的小区物业都做不到。</p>
</li>
<li>
<p>《八十年代访谈录》：怀旧情怀赚眼泪的经典套路。</p>
</li>
<li>
<p>《涛动周期论》：预测经济周期，但你的钱包周期永远是负的。</p>
</li>
<li>
<p>《如何豢养一只奴隶》：管理学的隐喻，但现代人连自己都管不住。</p>
</li>
<li>
<p>《投机的魅力》：投机的魅力在于亏得很有艺术感。</p>
</li>
<li>
<p>《个体破局》：个体怎么破局？先从买书开始。</p>
</li>
<li>
<p>《陆犯焉识》：严歌苓的文学功力，但读者只关心是不是能拍电影。</p>
</li>
<li>
<p>《潜规则三部曲》：揭示规则，但你还是得按规则玩。</p>
</li>
<li>
<p>《what are you doing with your life》：看完还是不知道自己在干什么。</p>
</li>
<li>
<p>《人生只有四千周》：提醒你时间有限，但你还是在刷短视频。</p>
</li>
<li>
<p>《技术与时间》：思考技术与时间的关系，但改变不了你被技术统治的时间。</p>
</li>
<li>
<p>《论充足理由律的四重根》：叔本华的哲学，但你连一个够用的理由都找不到。</p>
</li>
<li>
<p>《人的行为》：解释人为什么这样做，但你还是改不了。</p>
</li>
<li>
<p>《活出最乐观的自己》：最乐观的是作者的稿费。</p>
</li>
<li>
<p>《态度改变与社会影响》：改变态度的书比比皆是，但你的态度岿然不动。</p>
</li>
<li>
<p>《以利为利》：追求利益的指南，但你连本金都保不住。</p>
</li>
<li>
<p>《数学的思维方式与创新》：用数学思维创新，但你连加减乘除都懒得算。</p>
</li>
<li>
<p>《帝国的技艺》：研究帝国统治术，但你连自己都统治不了。</p>
</li>
<li>
<p>《The Rational Male》：用理性解释两性关系，但感情从来不讲理性。</p>
</li>
<li>
<p>《主权个人》：人人都想要主权，但都被生活奴役。</p>
</li>
<li>
<p>《血酬定律》：解释权力游戏，但你连办公室政治都玩不转。</p>
</li>
<li>
<p>《亲密关系》：教你处理亲密关系，但你连脱单都还没搞定。</p>
</li>
<li>
<p>《你当像鸟飞往你的山》：励志故事，但你可能连自己的山都没找到。</p>
</li>
</ul>
]]></content:encoded>
    </item>
    <item>
      <title>你的工作有多好？不对比不知道！</title>
      <link>https://daoyuchan.com/blog/what_is_a_good_job/</link>
      <pubDate>Mon, 09 Dec 2024 11:42:56 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/what_is_a_good_job/</guid>
      <description>超过 70 分的就是好工作</description>
      <content:encoded><![CDATA[<p>超过 70 分的就是好工作:</p>
<p>1、工资每月到手5000以上10分</p>
<p>2、带薪年假不少于12天 10分</p>
<p>3、基本不或者很少需要加班 10分</p>
<p>4、公司定期组织团建旅游 10分</p>
<p>5、领导通情达理同事友好相处，没有勾心斗角 10 分</p>
<p>6、通勤便利，交通便利，到公司的路程30分钟内 10分</p>
<p>7、有专业培训和技能提升机会 10分</p>
<p>8、双休且少于8小时工作制 10分</p>
<p>9、五险一金配齐全，哪怕最低标准 10分</p>
<p>10、可以打工一辈子，不用担心裁员 10分</p>

<h2>工作评分表</h2>
<p>请根据您的满意度勾选以下选项：</p>







<form>
    
    
    <input type="checkbox" name="option" value="10" checked />
    
    
    <label for="option-">1、工资每月到手5000以上 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" />
    
    <label for="option-">2、带薪年假不少于12天 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" />
    
    <label for="option-">3、基本不或者很少需要加班 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" />
    
    <label for="option-">4、公司定期组织团建旅游 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" checked />
    
    
    <label for="option-">5、领导通情达理同事友好相处，没有勾心斗角 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" checked />
    
    
    <label for="option-">6、通勤便利，交通便利，到公司的路程30分钟内 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" />
    
    <label for="option-">7、有专业培训和技能提升机会 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" />
    
    <label for="option-">8、双休且少于8小时工作制 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" />
    
    <label for="option-">9、五险一金配齐全，哪怕最低标准 (10 分)</label><br>
    
    
    
    <input type="checkbox" name="option" value="10" />
    
    <label for="option-">10、可以打工一辈子，不用担心裁员 (10 分)</label><br>
    
    
</form>
<h3>评分：30 / 100</h3>
<p>你的分数呢？欢迎评论区留言  /(ㄒoㄒ)/~~</p>


<img class="in-text" height="600" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/z35.jpg" alt="35岁人生才刚刚开始，还是小青年一个" title="">

]]></content:encoded>
    </item>
    <item>
      <title>PaperMod 主题自定义类别页面 （纸张合并本拟物风格）</title>
      <link>https://daoyuchan.com/log/build_categories_page/</link>
      <pubDate>Sat, 30 Nov 2024 18:03:42 +0800</pubDate>
      <guid>https://daoyuchan.com/log/build_categories_page/</guid>
      <description>hugo 自定义类别页面，增加类别描述，类别封面等</description>
      <content:encoded><![CDATA[<h3 id="默认的-categories-模板">默认的 Categories 模板：</h3>
<p><img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/log/categories_def.png" alt=""  />
</p>
<h3 id="自定义后的-类别-模板">自定义后的 类别 模板：</h3>
<p><img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/log/categories_cus.png" alt=""  />
</p>
<p><a href="/categories/">查看类别页面</a></p>
<p>hugo 默认的类别页面是和 标签页面共用一个模板：<code>themes\PaperMod\layouts\_default\terms.html</code></p>
<p>复制一份到 <code>layouts\_default\terms.html</code></p>
<p>修改如下：</p>
<p>原来的 tag 从 <code>&lt;ul class=&quot;terms-tags&quot;&gt;</code>开始</p>
<h4 id="定义分类元数据">定义分类元数据</h4>
<p>如何给每一个分类设置一个分类描述属性</p>
<p>在 Hugo 中，为每个分类（category）设置描述属性需要在每个分类的索引页面中添加元数据。以下是详细步骤：</p>
<p>创建分类索引页面：
对于每个分类，你需要在 content 目录下创建一个对应的文件夹，并在该文件夹中创建一个 _index.md 文件。例如，如果你有一个名为&quot;Technology&quot;的分类，你需要在 content/categories/technology/_index.md 中添加描述。</p>
<p>添加描述元数据：
在 _index.md 文件的 front matter 中，你可以添加描述属性。例如：</p>
<pre tabindex="0"><code>---
title: &#34;Book&#34;
description: &#34;All about the latest book trends and news.&#34;
image: &#34;https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/20241119192511.png&#34; # 封面图片路径
alt: &#34;Book Category Cover&#34; # 封面图片的替代文本
caption: &#34;A brief description of the image&#34; # 封面图片的标题或描述
---

This is the book category page.
</code></pre><p>在这里，description 字段就是分类的描述。我还加了 image 和 alt 属性，用于可选的为类别设定一个 背景图片。
配置模板以显示描述：</p>
<h4 id="遍历分类元数据">遍历分类元数据</h4>
<p>在你的列表模板中，你可以通过 .Site.GetPage 函数获取分类页面，并访问其 Params 来获取描述。你可以在分类模板（通常是 layouts/categories/terms.html ）中添加以下代码：</p>
<pre tabindex="0"><code>&lt;ul&gt;
  {{ range .Site.Taxonomies.categories.Alphabetical }}
    &lt;li&gt;
      &lt;a href=&#34;{{ .Page.RelPermalink }}&#34;&gt;{{ .Page.Title }}&lt;/a&gt;
      {{ with .Page.Params.description }}
        - &lt;span&gt;{{ . }}&lt;/span&gt;
      {{ end }}
    &lt;/li&gt;
  {{ end }}
&lt;/ul&gt;
</code></pre><p>这段代码会遍历所有的分类，对于每个分类，它会输出分类的标题和一个链接。如果分类有描述，它也会显示这个描述。</p>
<p>使用 with 进行安全调用：
with 关键字在模板中用于安全地调用可能不存在的变量。如果 .Page.Params.description 存在，它将输出描述，否则不会输出任何内容。</p>
<h4 id="应用分类文章数量">应用分类文章数量</h4>
<p>由于我选择的类别模板有 css3 实现的纸张叠加效果，所以需要根据类别下的文章数量 循环出堆叠 div (设置最大纸张数量为5)</p>
<pre tabindex="0"><code>{{- $count := .Count }}
{{- $maxCount := 5 }}
{{ $actualCount := 0 }}

{{ if lt $count $maxCount }}
{{ $actualCount = $count }}
{{ else }}
{{ $actualCount = $maxCount }}
{{ end }}

...

{{ range seq 1 $actualCount }}
&lt;div class=&#34;child&#34;&gt;&lt;/div&gt;
{{ end }}
</code></pre><h3 id="完整实现">完整实现</h3>
<p>以下是具体的实现方案：</p>
<pre tabindex="0"><code>{{ if eq .Type &#34;categories&#34; }}
&lt;div class=&#34;container&#34;&gt;
    {{- $type := .Type }}
    {{- range $key, $value := .Data.Terms.Alphabetical }}
    {{- $name := .Name }}
    {{- $count := .Count }}
    {{- $maxCount := 5 }}
    {{ $actualCount := 0 }}
    
    {{ if lt $count $maxCount }}
    {{ $actualCount = $count }}
    {{ else }}
    {{ $actualCount = $maxCount }}
    {{ end }}

    {{- with $.Site.GetPage (printf &#34;/%s/%s&#34; $type $name) }}
    &lt;a href=&#34;{{ .Permalink }}&#34;&gt;
        &lt;div class=&#34;card&#34; style=&#34;--cards:{{ $count }};&#34;&gt;
        &lt;div class=&#34;child&#34;&gt;
                &lt;h2&gt;{{ .Name }}&lt;/h2&gt;

                {{ with .Page.Params.description }}
                &lt;span&gt;{{ . }}&lt;/span&gt;
                {{ end }}
                &lt;p&gt;{{ $count }} articles&lt;/p&gt;
                {{ if .Page.Params.image }}
                &lt;img src=&#34;{{ .Page.Params.image | relURL }}&#34; alt=&#34;{{ .Page.Params.alt }}&#34; /&gt;
                {{ end }}
            &lt;/div&gt;
            {{ range seq 1 $actualCount }}
            &lt;div class=&#34;child&#34;&gt;&lt;/div&gt;
            {{ end }}
        &lt;/div&gt;
    &lt;/a&gt;
    {{- end }}
    {{- end }}
&lt;/div&gt;

{{ else if eq .Type &#34;tags&#34; }}

&lt;ul class=&#34;terms-tags&#34;&gt;
    {{- $type := .Type }}
    {{- range $key, $value := .Data.Terms.Alphabetical }}
    {{- $name := .Name }}
    {{- $count := .Count }}
    {{- with site.GetPage (printf &#34;/%s/%s&#34; $type $name) }}
    &lt;li&gt;
        &lt;a href=&#34;{{ .Permalink }}&#34;&gt;{{ .Name }} &lt;sup&gt;&lt;strong&gt;&lt;sup&gt;{{ $count }}&lt;/sup&gt;&lt;/strong&gt;&lt;/sup&gt; &lt;/a&gt;
    &lt;/li&gt;
    {{- end }}
    {{- end }}
&lt;/ul&gt;

{{ endif}}


&lt;style&gt;
    .container {
        max-width: 900px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        grid-gap: 48px;
        margin: 0 auto;
    }

    .card {
        cursor: pointer;
        position: relative;
        height: 0;
        padding-bottom: 120%;
        --offset-multiplier: 4px;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
        --translate: 0;
        -webkit-transform: translate(var(--translate), var(--translate));
        transform: translate(var(--translate), var(--translate));
    }

    .card:hover {
        --offset-multiplier: 6px;
    }

    .card:hover {
        --translate: calc(-1px * (var(--cards) - 1));
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .child {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        background: var(--entry);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px -4px 8px rgba(255, 255, 255, 0.8);
        border-radius: 6px;
        transition: inherit;
        --translate: calc(var(--offset) * var(--offset-multiplier));
        -webkit-transform: translate(var(--translate), var(--translate));
        transform: translate(var(--translate), var(--translate));
        z-index: 5;
    }

    .child p {
        bottom: 1rem;
        right: 1rem;
        position: absolute;
    }

    .child img {
        position: absolute;
        left: 0.5rem;
        bottom: 0.5rem;
        width: 8rem;
        z-index: -100;
        opacity: 0.5;
    }

    .child:nth-child(1) {
        --offset: 0;
        z-index: 4;
    }

    .child:nth-child(2) {
        --offset: 1;
        z-index: 3;
    }

    .child:nth-child(3) {
        --offset: 2;
        z-index: 2;
    }

    .child:nth-child(4) {
        --offset: 3;
        z-index: 1;
    }

    .child:nth-child(5) {
        --offset: 4;
        z-index: 0;
    }

    .child:nth-child(6) {
        --offset: 5;
        z-index: -1;
    }

    .child:nth-child(7) {
        --offset: 6;
        z-index: -2;
    }

    .child:nth-child(8) {
        --offset: 7;
        z-index: -3;
    }

    .child:nth-child(9) {
        --offset: 8;
        z-index: -4;
    }

    .child:nth-child(10) {
        --offset: 9;
        z-index: -5;
    }
&lt;/style&gt;
</code></pre><p>如果你也自定义了<code>类别</code>页面，欢迎在评论区交流 👇</p>
<h3 id="扩展阅读">扩展阅读</h3>
<h4 id="termsalphabetical-包含哪些属性">Terms.Alphabetical 包含哪些属性</h4>
<p>在 Hugo 中，<code>Data.Terms.Alphabetical</code> 是一个特殊的变量，它提供了按字母顺序排序的分类法（taxonomy terms）。以下是<code>Data.Terms.Alphabetical</code>中包含的一些属性：</p>
<ol>
<li><strong>.Count</strong>：分配给此术语的内容数量。</li>
<li><strong>.Page</strong>：返回此术语的页面引用。</li>
<li><strong>.Pages</strong>：返回包含术语被分配给的<code>Page</code>对象的<code>Pages</code>对象，按分类权重排序。</li>
<li><strong>.Term</strong>：返回术语名称。</li>
<li><strong>.WeightedPages</strong>：返回一个加权页面切片，其中包含术语被分配到的页面，按分类权重排序。</li>
</ol>
<p>这些属性可以在模板中用来显示和操作分类法数据。例如，你可以使用<code>.Count</code>来显示每个术语有多少内容与之关联，或者使用<code>.Pages</code>来列出与特定术语相关联的所有页面。<code>.Term</code>属性允许你获取当前迭代的术语名称，而<code>.WeightedPages</code>则提供了一个页面列表，这些页面根据它们与术语的关联权重进行了排序。</p>
<h4 id="增加分类文章字数统计">增加分类文章字数统计</h4>
<p>需要用到上一节提到的 .Pages 对象, 累加 Pages里的每一个 .WordCount</p>
<pre tabindex="0"><code>    {{ $wordCount := 0 }}
    {{ range .Pages }}
    {{ $wordCount = add $wordCount .WordCount }}
    {{ end }}

   ...

    &lt;p&gt;{{ $count }} 篇&lt;/p&gt;
    &lt;i&gt;{{ $wordCount }} 字&lt;/i&gt;

   ...

    .child p {
        color:var(--secondary);
        bottom: 2.5rem;
        right: 1rem;
        font-style: italic;
        position: absolute;
    }

    .child i {
        color:var(--secondary);
        bottom: 1rem;
        right: 1rem;
        position: absolute;
    }
</code></pre><h4 id="模板中的变量根据情况重置值">模板中的变量根据情况重置值</h4>
<p>在 Hugo 模板中，你不能直接在 if 语句中给变量赋值。不过，你可以通过定义一个新的变量来实现这个逻辑。</p>
<pre tabindex="0"><code>{{ $maxCount := 5 }}
{{ $actualCount := 0 }}

{{ if lt $count $maxCount }}
  {{ $actualCount = $count }}
{{ else }}
  {{ $actualCount = $maxCount }}
{{ end }}
</code></pre>]]></content:encoded>
    </item>
    <item>
      <title>这些不都是正事吗？😀</title>
      <link>https://daoyuchan.com/posts/all_serious/</link>
      <pubDate>Fri, 15 Nov 2024 19:14:26 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/all_serious/</guid>
      <description>Isn&amp;#39;t that all serious? #赛博吐槽</description>
      <content:encoded><![CDATA[<p>每天拿起手机都觉得有无数件事要做，</p>
<p>常去的商场每天签到积分换停车时长，</p>
<p>为爱发电，收收蚂蚁森林，</p>
<p>删删垃圾信息，</p>
<p>看看互联网家人的群消息，</p>
<p>去游戏里巡视一下盛世江山，</p>
<p>看看各大 app 推送的感兴趣的消息，</p>
<p>一天整挺忙，啥正事都没干上。</p>
]]></content:encoded>
    </item>
    <item>
      <title>关于博客的九问——「交个朋友」活动</title>
      <link>https://daoyuchan.com/blog/qa9_2024/</link>
      <pubDate>Fri, 15 Nov 2024 02:15:22 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/qa9_2024/</guid>
      <description>博客作者呀，我想采访你这 9 个问题！</description>
      <content:encoded><![CDATA[<p>新时代看题说话（白月光镇楼）</p>
<p>水一篇，认真回答<a href="https://anotherdayu.com/2024/5962/">九个问题</a>~</p>











  
  
  
  





  


<blockquote>
  <p>平日读博客时，最喜欢看的是各位写的杂文随笔，那些生活中的细碎小事，也很好奇文章背后的各位，是如何看待自己与博客的联系。所以和朋友一起设计了这 9 个博客作者和读者共同感兴趣的问题。</p>
  <footer>
    <strong>Dayu（大宇）</strong>
    
      
        
      
    
  </footer>
</blockquote>

<pre tabindex="0"><code>1. 简单介绍下自己或者你的博客？

2. 什么契机让你开始写博客？

3. 你是如何完成创作的？

4. 运营博客的过程中是否有失去过动力？如果有，是为什么恢复的？如果没有，请问您又是如何保持创作的激情？

5. 如何搭建博客，以及运营博客每年需要投入的资金？

6. 推荐 1 篇你博客中的文章，并推荐一个你喜欢读的博客，聊聊原因。

7. 推荐 1 个近期喜欢的事物？

（例如书籍、电影、音乐、工具、软件。）

8. 想做还没有做的事，或想尝试还没有尝试的主题？

9. 写到这里，闭上你的眼睛，深呼吸几分钟，或是出去溜达一圈，然后回来写任何你想写的东西。
</code></pre><p>👇  默认是收起答案的，可以只看你感兴趣的问题</p>
<details>
    <summary>简单介绍下自己或者你的博客？</summary>
    <blockquote>
<p>工作多年，目前半失业状态的中老年程序员~ 撰写中年失业三件套的 Issue</p></blockquote>
<blockquote>
<p>一个记录技术、生活、自媒体创业的博客</p></blockquote>

</details>

<details>
    <summary>什么契机让你开始写博客？</summary>
    <blockquote>
<p>也许是不满 QQ 空间需要黄钻才能用各种模板 (￢︿̫̿￢☆)</p></blockquote>
<blockquote>
<p>~~也许是新浪博客有广告~~~</p></blockquote>
<blockquote>
<p>也许是不小心注册了一个域名，想让它有点用处（这个可能性最大）</p></blockquote>

</details>

<details>
    <summary>你是如何完成创作的？</summary>
    <blockquote>
<p>文本编辑：在我天天都用的 代码编辑器 Visual Studio Code 里编辑 markdown 文件</p></blockquote>
<blockquote>
<p>图片上传：PicGo 插件 或者 OSS Browser 自定义上传</p></blockquote>

</details>

<details>
    <summary>如何保持创作的激情</summary>
    <blockquote>
<p>多去看看别人的博客或者网站，他山之玉；碎片时间无时不刻不在读书；长期目标是✍书；</p></blockquote>
</details>

<details>
    <summary>如何搭建博客，以及运营博客每年需要投入的资金？</summary>
    <blockquote>
<p>使用 hugo 生成Html文件；（资金就不统计了，反正目前没有回本的计划；但是可以弱弱的说，通过搭建网站是偶尔有够买一杯咖啡的收入的。</p></blockquote>
</details>

<details>
    <summary>推荐 1 篇你博客中的文章，并推荐一个你喜欢读的博客，聊聊原因。</summary>
    <blockquote>
<p>我的 Now 页面 <a href="https://daoyuchan.com/now/">https://daoyuchan.com/now/</a></p></blockquote>
<blockquote>
<p>博客推荐：<a href="https://blog.t9t.io/">https://blog.t9t.io/</a></p></blockquote>
<p><code>我喜欢他的透明创业实验 系列文章 </code></p>
<p>这是最后一篇 <a href="https://blog.t9t.io/t9t-week27-2019-11-20/">为了用 markdown 写简历, 我做了这个工具 - 我的透明创业实验第二十七周</a></p>
<p>这是第一篇 <a href="https://blog.t9t.io/transparent-startup-experiment-2019-05-20/">我的透明创业实验</a></p>

</details>

<details>
    <summary>推荐 1 个近期喜欢的事物？</summary>
    <blockquote>
<p>7寸墨水屏电子书，可以用来阅读微信读书APP里的书</p></blockquote>
</details>

<details>
    <summary>想做还没有做的事，或想尝试还没有尝试的主题？</summary>
    <blockquote>
<p><code>周刊：做一份阅读和自媒体向周刊；</code>
素材收集在：我的个人向饭否 <a href="https://m.daoyuchan.com/">https://m.daoyuchan.com/</a> ，主要是各种学习资料合集(每个至少两个标签归组)</p></blockquote>
<blockquote>
<p><code>主题：锁死 PaperMod 十年，不换啦；</code>
btw， 我最近用 Follow 创建了一个 PaperMod 主题博客 <a href="https://app.follow.is/share/lists/70168453478905856">订阅 List</a></p></blockquote>

</details>

<details>
    <summary>写到这里，闭上你的眼睛，深呼吸几分钟，或是出去溜达一圈，然后回来写任何你想写的东西。</summary>
    <code>一个凡是：凡是建立在外界评价上的快乐，都是短暂且不真实的。写博客要让自己感觉舒服，对自己有用，这样才容易坚持。</code>
</details>

]]></content:encoded>
    </item>
    <item>
      <title>短文写作的三个难题</title>
      <link>https://daoyuchan.com/posts/duanwen_xiezuo/</link>
      <pubDate>Thu, 14 Nov 2024 19:05:07 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/duanwen_xiezuo/</guid>
      <description>&lt;hr&gt;
&lt;p&gt;短文写作的三个难题&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;第一难，持续产出难&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;每天留出写东西的时间，闲的时候还好，忙的时候就来不及写了。创意有限把想写的写完了，后续就不知道写什么了。&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;第二难，获得正反馈难&lt;/strong&gt;&lt;/p&gt;</description>
      <content:encoded><![CDATA[<hr>
<p>短文写作的三个难题</p>
<p><strong>第一难，持续产出难</strong></p>
<p>每天留出写东西的时间，闲的时候还好，忙的时候就来不及写了。创意有限把想写的写完了，后续就不知道写什么了。</p>
<p><strong>第二难，获得正反馈难</strong></p>
<p>如果靠公众平台的点赞评论作为反馈，<code>新手很难获得外界的正反馈</code>，不如把自己每天的进步作为正反馈这样还容易点。</p>
<p><strong>第三难，保持竞争力难</strong></p>
<p>后续会有持续不断的竞争者加入，保持自己竞争力的唯一办法就是<code>一直写下去</code>。</p>
]]></content:encoded>
    </item>
    <item>
      <title>一些 Kimi 编程片段(生成PHP代码建议)</title>
      <link>https://daoyuchan.com/tech/kimi_php_codes/</link>
      <pubDate>Wed, 13 Nov 2024 00:02:58 +0800</pubDate>
      <guid>https://daoyuchan.com/tech/kimi_php_codes/</guid>
      <description>AI编程助手 kimi 试用 ，重点是描述清楚你的需求。可以丢给它第三方文档的链接，让它分析文档生成对应的 api 调用基本逻辑代码</description>
      <content:encoded><![CDATA[<h2 id="date">片段1日期时间字符串分析</h2>
<div class="timeline__row">
    <div class="timeline__time">
        <div class="timeline__time">日期时间字符串分析</div>
        <div class="timeline__split-line"></div>
    </div>
    <div class="timeline__content">
        <div class="timeline__tags">
            <span class="timeline__tag"></span>
        </div>
        <div class="timeline__title">Date Format</div>
        <div class="timeline__description">
            php date 函数 格式化 2024-08-09 Friday 这样的时间戳
        </div>
    </div>
</div>

<p>在PHP中，你可以使用<code>date</code>函数来格式化日期和时间。如果你想要将日期<code>2024-08-09</code>格式化为<code>2024-08-09 Friday</code>这样的格式，你可以使用以下代码：</p>
<pre tabindex="0"><code>$timestamp = strtotime(&#39;2024-08-09&#39;); // 将日期字符串转换为时间戳
$formatted_date = date(&#39;Y-m-d l&#39;, $timestamp); // Y-m-d 表示年-月-日，l 表示完整的星期几
echo $formatted_date; // 输出格式化后的日期
</code></pre><p>这里的<code>strtotime</code>函数用于将日期字符串转换为Unix时间戳。<code>date</code>函数的第一个参数是格式化字符串，<code>Y-m-d</code>表示年-月-日，<code>l</code>（小写的L）表示星期几的完整名称。第二个参数是时间戳。</p>
<p>运行这段代码后，你将得到输出：<code>2024-08-09 Friday</code>。</p>
<h2 id="groupBy">片段2 数组分组操作</h2>
<div class="timeline__row">
    <div class="timeline__time">
        <div class="timeline__time">数组分组操作</div>
        <div class="timeline__split-line"></div>
    </div>
    <div class="timeline__content">
        <div class="timeline__tags">
            <span class="timeline__tag"></span>
        </div>
        <div class="timeline__title">Array groupBy</div>
        <div class="timeline__description">
            laravel 的 arr 函数 ，将 多维数组按其中的属性 date 分组
        </div>
    </div>
</div>

<p>在 Laravel 中，你可以使用集合（Collection）提供的 <code>groupBy</code> 方法来按某个属性对数组进行分组。如果你有一个多维数组，并且想要根据每个子数组中的 <code>date</code> 属性进行分组，你可以使用以下代码：</p>
<pre tabindex="0"><code>use Illuminate\Support\Arr;

$array = [
    [&#39;name&#39; =&gt; &#39;Event 1&#39;, &#39;date&#39; =&gt; &#39;2024-08-09&#39;],
    [&#39;name&#39; =&gt; &#39;Event 2&#39;, &#39;date&#39; =&gt; &#39;2024-08-09&#39;],
    [&#39;name&#39; =&gt; &#39;Event 3&#39;, &#39;date&#39; =&gt; &#39;2024-08-10&#39;],
    // ... 更多事件
];

$grouped = Arr::groupBy($array, &#39;date&#39;);

print_r($grouped);
</code></pre><p>这段代码会创建一个新的数组，其键是日期，值是具有相同日期的所有子数组。</p>
<p>如果你的数组结构更复杂，例如每个子数组是一个包含多个属性的对象，你可以使用匿名函数来指定分组的键：</p>
<pre tabindex="0"><code>use Illuminate\Support\Arr;

$array = [
    [&#39;name&#39; =&gt; &#39;Event 1&#39;, &#39;date&#39; =&gt; &#39;2024-08-09&#39;, &#39;other&#39; =&gt; &#39;info1&#39;],
    [&#39;name&#39; =&gt; &#39;Event 2&#39;, &#39;date&#39; =&gt; &#39;2024-08-09&#39;, &#39;other&#39; =&gt; &#39;info2&#39;],
    [&#39;name&#39; =&gt; &#39;Event 3&#39;, &#39;date&#39; =&gt; &#39;2024-08-10&#39;, &#39;other&#39; =&gt; &#39;info3&#39;],
    // ... 更多事件
];

$grouped = Arr::groupBy($array, function ($item) {
    return $item[&#39;date&#39;];
});

print_r($grouped);
</code></pre><p>在这个例子中，<code>groupBy</code> 方法接受一个匿名函数作为参数，该函数返回用于分组的键。在这个函数中，我们返回每个子数组的 <code>date</code> 属性。</p>
<p>请确保你已经正确地引入了 <code>Arr</code> 类，并且你的 Laravel 环境已经设置好。如果你没有使用 Laravel 框架，你需要手动实现类似的分组逻辑。</p>
<h2 id="Handler">片段3 异常处理</h2>
<div class="timeline__row">
    <div class="timeline__time">
        <div class="timeline__time">API 返回值结构修改</div>
        <div class="timeline__split-line"></div>
    </div>
    <div class="timeline__content">
        <div class="timeline__tags">
            <span class="timeline__tag"></span>
        </div>
        <div class="timeline__title">自定义 401 错误返回</div>
        <div class="timeline__description">
            
        </div>
    </div>
</div>

<p>在 Laravel 8 中自定义 API 的 401 错误返回格式，你可以通过修改 <code>app/Exceptions/Handler.php</code> 文件中的 <code>unauthenticated</code> 方法来实现。以下是具体的步骤和代码示例：</p>
<ol>
<li>
<p><strong>打开 <code>Handler.php</code> 文件</strong>：
找到 <code>app/Exceptions/Handler.php</code> 文件并打开它。</p>
</li>
<li>
<p><strong>重写 <code>unauthenticated</code> 方法</strong>：
在 <code>Handler</code> 类中重写 <code>unauthenticated</code> 方法，以自定义 401 错误响应的格式。以下是修改后的代码示例：</p>
<pre tabindex="0"><code>protected function unauthenticated($request, AuthenticationException $exception)
{
    return $request-&gt;expectsJson()
        ? response()-&gt;json([
            &#39;code&#39; =&gt; 0,
            &#39;message&#39; =&gt; $exception-&gt;getMessage(),
            &#39;data&#39; =&gt; null
        ], 401)
        : redirect()-&gt;guest($exception-&gt;redirectTo() ?? route(&#39;login&#39;));
}
</code></pre><p>在这段代码中，当捕获到 <code>AuthenticationException</code> 异常时，如果请求期望的是 JSON 响应，则返回一个包含自定义数据格式的 JSON 响应，状态码为 401。如果不是 JSON 请求，则重定向到登录页面。</p>
</li>
<li>
<p><strong>保存并测试</strong>：
保存修改后的 <code>Handler.php</code> 文件，并进行测试以确保自定义的 401 错误响应格式生效。</p>
</li>
</ol>
<p>通过上述步骤，你可以自定义 Laravel 8 中 API 的 401 错误返回格式，使其符合你的应用程序需求。这样的自定义可以帮助你更好地控制 API 响应的数据结构，提高 API 的可用性和用户体验。</p>
<h3 id="api_401">自定义 API 的 401 错误返回格式</h3>
<p>我根据项目需要，加了 msg 的多语言翻译：</p>
<pre tabindex="0"><code>    //自定义 API 的 401 错误返回格式
    protected function unauthenticated($request, AuthenticationException $exception)
    {
        return $request-&gt;expectsJson()
            ? response()-&gt;json([
                &#39;code&#39; =&gt; 401,
                &#39;msg&#39; =&gt; __(&#39;msgs.&#39; . $exception-&gt;getMessage()),
                &#39;lang&#39; =&gt; app()-&gt;getLocale(),
                &#39;data&#39; =&gt; null
            ], 401)
            : redirect()-&gt;guest($exception-&gt;redirectTo() ?? route(&#39;login&#39;));
    }


    // 默认异常字符串定义在语言包文件：resources\lang\zh_CN\msgs.php
    return [
        &#39;Unauthenticated.&#39; =&gt; &#39;未通过身份验证&#39;,
        &#39;marked&#39; =&gt; &#39;标记成功&#39;,
    ];
</code></pre><h2 id="command">片段4 command文件创建</h2>
<div class="timeline__row">
    <div class="timeline__time">
        <div class="timeline__time">Artisan 命令</div>
        <div class="timeline__split-line"></div>
    </div>
    <div class="timeline__content">
        <div class="timeline__tags">
            <span class="timeline__tag"></span>
        </div>
        <div class="timeline__title"></div>
        <div class="timeline__description">
            生成一个命名为TransCol的 Artisan 命令，它接收参数表名，字段名1，字段名2，功能为调用第三方翻译API，将字段名1的内容翻译为字段名2；跳过字段名2所在行不为空的记录；
        </div>
    </div>
</div>

<p> </p>
<p>要创建一个名为 <code>TransCol</code> 的 Artisan 命令，你需要执行以下步骤：</p>
<ol>
<li>
<p><strong>创建命令</strong>：
使用 Artisan 命令行工具创建一个新的命令：</p>
<pre tabindex="0"><code>php artisan make:command TransCol
</code></pre></li>
<li>
<p><strong>编辑命令</strong>：
这个命令会在你的 <code>app/Console/Commands</code> 目录下创建一个名为 <code>TransCol.php</code> 的文件。打开这个文件并编辑它，以便接收参数并执行翻译逻辑。</p>
<pre tabindex="0"><code>&lt;?php

namespace App\Console\Commands;

use Illuminate\Console\Command;
use DB;
use Exception;

class TransCol extends Command
{
    protected $signature = &#39;translate:columns {table : The table name} {field1 : The field name to translate from} {field2 : The field name to translate to}&#39;;
    protected $description = &#39;Translate content from one column to another using a third-party API&#39;;

    public function handle()
    {
        $table = $this-&gt;argument(&#39;table&#39;);
        $field1 = $this-&gt;argument(&#39;field1&#39;);
        $field2 = $this-&gt;argument(&#39;field2&#39;);

        // 检查字段2是否为空，如果非空则跳过
        DB::table($table)-&gt;where($field2, &#39;!=&#39;, &#39;&#39;)-&gt;get(); // 这会获取所有字段2非空的记录，但我们不会对它们做任何操作

        // 获取所有字段1非空的记录
        $records = DB::table($table)-&gt;where($field2, &#39;=&#39;, &#39;&#39;)-&gt;get();

        foreach ($records as $record) {
            try {
                // 调用第三方翻译API，这里需要替换成实际的API调用代码
                $translatedText = $this-&gt;translateUsingThirdPartyApi($record-&gt;$field1);

                // 更新字段2的内容
                DB::table($table)-&gt;where($field1, $record-&gt;$field1)-&gt;update([$field2 =&gt; $translatedText]);
            } catch (Exception $e) {
                $this-&gt;error(&#34;Error translating record with {$field1} = {$record-&gt;$field1}: &#34; . $e-&gt;getMessage());
            }
        }

        $this-&gt;info(&#39;Translation completed successfully.&#39;);
    }

    protected function translateUsingThirdPartyApi($text)
    {
        // 这里应该是调用第三方翻译API的代码，返回翻译后的结果
        // 以下代码仅为示例，需要替换成实际的API调用
        $apiUrl = &#39;https://api.example.com/translate&#39;;
        $data = [
            &#39;q&#39; =&gt; $text,
            &#39;source&#39; =&gt; &#39;en&#39;,
            &#39;target&#39; =&gt; &#39;fr&#39;
        ];

        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $apiUrl);
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, http_build_query($data));
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_HTTPHEADER, [&#39;Content-Type: application/x-www-form-urlencoded&#39;]);

        $response = curl_exec($ch);
        curl_close($ch);

        // 解析响应并返回翻译后的文本
        $result = json_decode($response, true);
        return $result[&#39;translatedText&#39;] ?? &#39;&#39;;
    }
}
</code></pre></li>
<li>
<p><strong>注册命令</strong>：
如果你的命令不在默认的 <code>Kernel.php</code> 文件的 <code>$commands</code> 数组中，你需要在 <code>app/Console/Kernel.php</code> 文件中注册你的命令：</p>
<pre tabindex="0"><code>protected $commands = [
    Commands\TransCol::class,
];
</code></pre></li>
<li>
<p><strong>运行命令</strong>：
使用以下 Artisan 命令行调用你的命令，并传递所需的参数：</p>
<pre tabindex="0"><code>php artisan translate:columns your_table_name field1 field2
</code></pre></li>
</ol>
<p>请注意，你需要将 <code>translateUsingThirdPartyApi</code> 方法中的代码替换成实际的第三方翻译 API 调用代码，并处理 API 响应。此外，确保你的数据库连接配置正确，并且你有足够的权限来更新数据库记录。</p>
<h3 id="trans_col">修改后符合实际需求的代码</h3>
<p>将 目标语言 参数 target放到最后，并且第三方翻译 API放到 Services 目录中</p>
<pre tabindex="0"><code>&lt;?php

namespace App\Console\Commands;

use App\Services\Translate;
use Illuminate\Console\Command;
use Illuminate\Support\Facades\DB;

class TransCol extends Command
{
    /**
     * The name and signature of the console command.
     *
     * @var string
     */
    protected $signature = &#39;trans:col {table : The table name} {field1 : The field name to translate from} {field2 : The field name to translate to} {target : The target language}&#39;;

    /**
     * The console command description.
     *
     * @var string
     */
    protected $description = &#39;translate table columns using a third-party API&#39;;

    protected $transService;

    /**
     * Create a new command instance.
     *
     * @return void
     */
    public function __construct(Translate $translate)
    {
        parent::__construct();
        $this-&gt;transService = $translate;
    }

    /**
     * Execute the console command.
     *
     * @return int
     */
    public function handle()
    {
        //dd($this-&gt;transService-&gt;translateByBaidu(&#39;学历&#39;));
        $table = $this-&gt;argument(&#39;table&#39;);
        $field1 = $this-&gt;argument(&#39;field1&#39;);
        $field2 = $this-&gt;argument(&#39;field2&#39;);
        $target = $this-&gt;argument(&#39;target&#39;);

        // 检查字段2是否为空，如果非空则跳过
        //DB::table($table)-&gt;where($field2, &#39;!=&#39;, &#39;&#39;)-&gt;get(); // 这会获取所有字段2非空的记录，但我们不会对它们做任何操作

        // 获取所有字段1非空的记录
        $records = DB::table($table)-&gt;where($field2, &#39;=&#39;, &#39;&#39;)-&gt;get();

        foreach ($records as $record) {
            try {
                // 调用第三方翻译API，这里需要替换成实际的API调用代码
                $translatedText = $this-&gt;transService-&gt;translateByBaidu($record-&gt;$field1, $target);

                // 更新字段2的内容
                DB::table($table)-&gt;where($field1, $record-&gt;$field1)-&gt;update([$field2 =&gt; $translatedText]);
                $this-&gt;info(&#34;√ with {$field1} = {$record-&gt;$field1} to {$translatedText}&#34;);
                //sleep(0.2);
            } catch (\Exception $e) {
                $this-&gt;error(&#34;❌ Error translating record with {$field1} = {$record-&gt;$field1}: &#34; . $e-&gt;getMessage());
            }
        }

        $this-&gt;info(&#39;Translation completed successfully.&#39;);
        return 0;
    }
}
</code></pre><h3 id="translateByBaidu">百度翻译 API 调用</h3>
<pre tabindex="0"><code>&lt;?php

namespace App\Services;

class Translate
{
    /**
     * 百度翻译
     * @param mixed $text
     * @param mixed $targetLang
     * @param mixed $sourceLang  default zh
     * @throws \Exception
     * @return mixed
     */
    public function translateByBaidu($text, $targetLang =&#39;en&#39;, $sourceLang = &#39;zh&#39;)
    {
        // 百度翻译API的URL
        $apiUrl = &#39;https://fanyi-api.baidu.com/api/trans/vip/translate&#39;;

        // 请替换为你的百度翻译应用的API Key和Secret Key
        $apiKey = config(&#39;setting.baidu_key&#39;);
        $secretKey = config(&#39;setting.baidu_sec&#39;);

        // 准备请求参数
        $salt = rand(10000, 99999);
        $data = [
            &#39;q&#39;     =&gt; $text, // 要翻译的文本
            &#39;from&#39;  =&gt; $sourceLang, // 源语言
            &#39;to&#39;    =&gt; $targetLang, // 目标语言
            &#39;appid&#39; =&gt; $apiKey, // API Key
            &#39;salt&#39;  =&gt; $salt, // 随机数
            &#39;sign&#39;  =&gt; md5($apiKey . $text . $salt . $secretKey), // 签名
        ];


        $result = $this-&gt;curlExec($apiUrl, $data);
        // 检查是否有错误
        if (isset($result[&#39;error_code&#39;])) {
            throw new \Exception(&#34;Error from Baidu Translate API: &#34; . $result[&#39;error_msg&#39;]);
        }

        // 返回翻译后的文本
        return $result[&#39;trans_result&#39;][0][&#39;dst&#39;] ?? &#39;&#39;;
    }

    private function curlExec($apiUrl, $data)
    {
        // 将数据转换为查询字符串
        $dataString = http_build_query($data);

        // 初始化cURL会话
        $ch = curl_init();
        curl_setopt($ch, CURLOPT_URL, $apiUrl);
        curl_setopt($ch, CURLOPT_POST, true);
        curl_setopt($ch, CURLOPT_POSTFIELDS, $dataString);
        curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
        curl_setopt($ch, CURLOPT_HTTPHEADER, [&#39;Content-Type: application/x-www-form-urlencoded&#39;]);

        // 执行cURL请求
        $response = curl_exec($ch);
        curl_close($ch);

        // 解析响应
        return json_decode($response, true);
    }
}
</code></pre>]]></content:encoded>
    </item>
    <item>
      <title>中文博客前十构建方式</title>
      <link>https://daoyuchan.com/blog/build_by_tech/</link>
      <pubDate>Wed, 09 Oct 2024 02:25:14 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/build_by_tech/</guid>
      <description>Top 10 ways to build a Chinese blog</description>
      <content:encoded><![CDATA[<h2 id="tech">博客框架</h2>
<h3 id="tech_o">包含其它</h3>
<div>
    <svg class='前十博客构建方案'></svg>
    <script src="/js/chart.xkcd.min.js"></script>
    <script>
        const svg前十博客构建方案 = document.querySelector('.前十博客构建方案');
        new chartXkcd.Pie(svg前十博客构建方案,{
            
    title: "What tech made of chinese blogs", // optional
    data: {
        labels: [
          "其它",
          "Hexo",
          "WordPress",
          "Typecho",
          "Hugo",
          "Halo",
          "Jekyll",
          "ZBlog",
          "Ghost",
          "VuePress",
          "Gatsby",
        ],
        datasets: [
          {
            data: [1134, 543, 539, 452, 212, 65, 65, 27, 22, 19, 15],
          },
        ],
    },
    options: {
        innerRadius: 0.5,
        legendPosition: chartXkcd.config.positionType.upRight,
    }


    });
    </script>
</div>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
          <th></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left">Hexo</td>
          <td style="text-align: left"><a href="https://hexo.io/zh-cn/">https://hexo.io/zh-cn/</a>   </td>
          <td style="text-align: left">快速、简洁且高效的博客框架</td>
      </tr>
      <tr>
          <td style="text-align: left">WordPress</td>
          <td style="text-align: left"><a href="https://cn.wordpress.org/">https://cn.wordpress.org/</a></td>
          <td style="text-align: left">WordPress 是一款能让您建立出色网站、博客或应用程序的开源软件。</td>
      </tr>
      <tr>
          <td style="text-align: left">Typecho</td>
          <td style="text-align: left"><a href="https://typecho.org/">https://typecho.org/</a></td>
          <td style="text-align: left">一个 PHP 博客平台，简单而强大。</td>
      </tr>
      <tr>
          <td style="text-align: left">Hugo</td>
          <td style="text-align: left"><a href="https://gohugo.io/">https://gohugo.io/</a></td>
          <td style="text-align: left">世界上最快的网站构建框架</td>
      </tr>
      <tr>
          <td style="text-align: left">Halo</td>
          <td style="text-align: left"><a href="https://github.com/halo-dev/halo">https://github.com/halo-dev/halo</a></td>
          <td style="text-align: left">一款现代化的开源博客 / CMS 系统</td>
      </tr>
      <tr>
          <td style="text-align: left">Jekyll</td>
          <td style="text-align: left"><a href="https://jekyllrb.com/">https://jekyllrb.com/</a></td>
          <td style="text-align: left">将您的纯文本转换为静态网站和博客。</td>
      </tr>
      <tr>
          <td style="text-align: left">ZBlog</td>
          <td style="text-align: left"><a href="https://www.zblogcn.com/">https://www.zblogcn.com/</a></td>
          <td style="text-align: left">开源免费、小巧强大的博客程序与 CMS 建站系统</td>
      </tr>
      <tr>
          <td style="text-align: left">Ghost</td>
          <td style="text-align: left"><a href="https://ghost.org/">https://ghost.org/</a></td>
          <td style="text-align: left">Ghost 是一款功能强大的应用程序，供新媒体创作者围绕其内容发布、分享和发展业务。</td>
      </tr>
      <tr>
          <td style="text-align: left">VuePress</td>
          <td style="text-align: left"><a href="https://vuepress.vuejs.org/">https://vuepress.vuejs.org/</a></td>
          <td style="text-align: left">Vue 驱动的静态站点生成器</td>
      </tr>
      <tr>
          <td style="text-align: left">Gatsby</td>
          <td style="text-align: left"><a href="https://www.gatsbyjs.com/">https://www.gatsbyjs.com/</a></td>
          <td style="text-align: left">Gatsby 是一个快速灵活的框架，它让使用任何 CMS、API 或数据库构建网站再次变得有趣。</td>
      </tr>
      <tr>
          <td style="text-align: left">数据来源</td>
          <td style="text-align: left"><a href="https://zhblogs.ohyee.cc/?page=1&amp;search=&amp;tags=&amp;tab=charts">https://zhblogs.ohyee.cc/?page=1&search=&tags=&tab=charts</a></td>
          <td></td>
      </tr>
  </tbody>
</table>
<h3 id="tech_no">不含其它</h3>
<div>
    <svg class='前九博客构建方案'></svg>
    <script src="/js/chart.xkcd.min.js"></script>
    <script>
        const svg前九博客构建方案 = document.querySelector('.前九博客构建方案');
        new chartXkcd.Pie(svg前九博客构建方案,{
            
    title: "What tech made of chinese blogs", // optional
    data: {
        labels: [
          "Hexo",
          "WordPress",
          "Typecho",
          "Hugo",
          "Halo",
          "Jekyll",
          "ZBlog",
          "Ghost",
          "VuePress",
          "Gatsby",
        ],
        datasets: [
          {
            data: [543, 539, 452, 212, 65, 65, 27, 22, 19, 15],
          },
        ],
    },
    options: {
        innerRadius: 0.5,
        legendPosition: chartXkcd.config.positionType.upRight,
    }


    });
    </script>
</div>
<h2 id="data_s">数据来源</h2>
<blockquote>
<p>中文博客列表导航项目 <a href="https://zhblogs.ohyee.cc/">https://zhblogs.ohyee.cc/</a></p></blockquote>
<h3 id="json_sort">JSON排序</h3>
<blockquote>
<p><a href="https://tableconvert.com/json-to-sql">https://tableconvert.com/json-to-sql</a></p></blockquote>
<h3 id="chart_plug">图表插件</h3>
<blockquote>
<p><a href="https://timqian.com/chart.xkcd/#pie_doughnut_chart">https://timqian.com/chart.xkcd/#pie_doughnut_chart</a></p></blockquote>
]]></content:encoded>
    </item>
    <item>
      <title>搜索思路-Mindmap Of Search</title>
      <link>https://daoyuchan.com/blog/mindmap_of_search/</link>
      <pubDate>Tue, 01 Oct 2024 23:27:39 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/mindmap_of_search/</guid>
      <description>搜索思路-Mindmap Of Search</description>
      <content:encoded><![CDATA[<pre class="mermaid">mindmap
搜索思路
::icon(fa fa-search)
  搜索语法
  ::icon(fa fa-pencil)
    1包含特定查询词 +
    2不包含特定查询词 -
    特定格式资源 filetype
    )双引号精确匹配 ""( 
    [搜索在标题的关键词**intitle**]
    搜索在url的关键词 inurl
    在特定网站搜索内容 site
  搜索扩展
  ::icon(fa fa-eercast)
    网盘搜
      百度云
      夸克
    磁力搜
      BT
      PT
    资源分享频道
      RSS源订阅
      Tg频道
  搜索技巧
  ::icon(fa fa-font)
    搜索引擎
      Google
      Magi
      DuckDuckGo
    浏览器插件
      Adblock
      (图片助手ImageAssistant)
    特定网站
      视频
        Bilibili
        youtube
      音乐
        spotify
        网易云
        QQ音乐
      书籍
</pre>
<h1 id="搜索思路">搜索思路</h1>
<h2 id="搜索语法">搜索语法</h2>
<h3 id="包含特定查询词-">包含特定查询词 +</h3>
<h3 id="不包含特定查询词--">不包含特定查询词 -</h3>
<h3 id="特定格式资源-filetype">特定格式资源 filetype</h3>
<h3 id="双引号精确匹配-">双引号精确匹配 &quot;&quot;</h3>
<h3 id="搜索在标题的关键词">搜索在标题的关键词</h3>
<h3 id="搜索在url的关键词-inurl">搜索在url的关键词 inurl</h3>
<h3 id="在特定网站搜索内容-site">在特定网站搜索内容 site</h3>
<h2 id="搜索扩展">搜索扩展</h2>
<h3 id="网盘搜">网盘搜</h3>
<pre><code>  百度云
  夸克
</code></pre>
<h3 id="磁力搜">磁力搜</h3>
<pre><code>  BT
  PT
</code></pre>
<h3 id="资源分享频道">资源分享频道</h3>
<pre><code>  RSS源订阅
  Tg频道
</code></pre>
<h2 id="搜索技巧">搜索技巧</h2>
<h3 id="搜索引擎">搜索引擎</h3>
<pre><code>  Google
  Magi
  DuckDuckGo
</code></pre>
<h3 id="浏览器插件">浏览器插件</h3>
<pre><code>  Adblock
  (图片助手ImageAssistant)
</code></pre>
<h3 id="特定网站">特定网站</h3>
<pre><code>  视频
    Bilibili
    youtube
  音乐
    spotify
    网易云
    QQ音乐
  书籍
</code></pre>
]]></content:encoded>
    </item>
    <item>
      <title>Papermod Sites</title>
      <link>https://daoyuchan.com/blog/papermods/</link>
      <pubDate>Mon, 30 Sep 2024 22:29:34 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/papermods/</guid>
      <description>使用paperMod主题的hugo站点合集</description>
      <content:encoded><![CDATA[<p><code>「集合」同主题博客网站， 随缘添加，按发现时间排序</code></p>
<p>PaperMod 果然在 themes.gohugo.io 页面排第一个 hhh</p>
<p>btw, 我在 Follow 上 维护一份同主题博客列表： 欢迎 <a href="https://app.follow.is/share/lists/70168453478905856">订阅</a> ✔</p>
<p>
<a href="javascript:sortTable( 0, true);"> 按名称排序</a>

<a href="javascript:sortTable( 0, false);"> 按名称排序(反)</a>

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Memo</th>
            <th title="博客的第一篇文章的发布日期">Date</th>
        </tr>
    </thead>
    <tbody>
        
        <tr>
            <td ><a href="https://www.tofuwine.cn/" target="_blank">Tofuwine 的博客</a></td>
            <td title="tofuwine,Blog,PaperMod,PaperMod-PE,Java,Spring">PaperMod-PE (Forked from PaperMod)</td>
            <td style="text-align:right">2021-01-28</td>
        </tr>
        
        <tr>
            <td ><a href="https://fisherdaddy.com/" target="_blank">FisherAI</a></td>
            <td title="">翻译·分享·认知</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://lexcao.io/zh/" target="_blank">代码笔记</a></td>
            <td title="">在城市的肋骨间，感受一成不变的节拍</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://eddy.lu/" target="_blank">ED</a></td>
            <td title="">🏄‍♂️ 不入流的人生解决方案</td>
            <td style="text-align:right">2021-03-27</td>
        </tr>
        
        <tr>
            <td ><a href="https://blog.ulric.tech/" target="_blank">ulricTech游历科学</a></td>
            <td title="">Be a stoic.</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://dvel.me/" target="_blank">Dvel’s Blog</a></td>
            <td title="">Less is More.</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://moebuta.org/" target="_blank">萌え豚&#39;s Blo</a></td>
            <td title="">👨‍💻可愛いは正義</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://www.sulvblog.cn/" target="_blank">Sulv&#39;s Blog</a></td>
            <td title="">博客理念:	简洁、功能齐全、快速、有营养</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://aimerneige.com/" target="_blank">Aimer&#39;s Blog</a></td>
            <td title="">学习物联网专业。Linux 用户，热爱开源和分享。</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://tunan.org/" target="_blank">图南博客</a></td>
            <td title="">大鹏绝云气，负青天，然后图南</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://www.shaohanyun.top/" target="_blank">🚀 田少晗的个人博客</a></td>
            <td title="">计算机学习之路的行者</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://blog.muxilong.com/" target="_blank">人生筆記簿</a></td>
            <td title="">后之视今，亦犹今之视昔。悲夫！</td>
            <td style="text-align:right">2022-05-25</td>
        </tr>
        
        <tr>
            <td ><a href="https://isming.me/" target="_blank">码农明明桑</a></td>
            <td title="">技术踩坑，个人随感，旅行记录等</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://reticulated.net/" target="_blank">🐐 Reticulated</a></td>
            <td title="Blog,Discussion,Article">write down things I think about</td>
            <td style="text-align:right">2020-07-04</td>
        </tr>
        
        <tr>
            <td ><a href="https://hugo.ferreira.cc/" target="_blank">Hugo Ferreira</a></td>
            <td title="">Web clippings &amp;amp; Random thoughts</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://xiaofei.ge/" target="_blank">Xiaofei Ge</a></td>
            <td title="Internet, Books, Fintech and things">Life is a challenge, but I have faith in our journey!</td>
            <td style="text-align:right"></td>
        </tr>
        
    </tbody>
</table></p>
]]></content:encoded>
    </item>
    <item>
      <title>猫叔这23句话，醍醐灌顶，价值千金</title>
      <link>https://daoyuchan.com/posts/cat_uncle_quotes/</link>
      <pubDate>Sun, 22 Sep 2024 01:18:46 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/cat_uncle_quotes/</guid>
      <description>《一年顶十年》作者猫叔的醍醐语录</description>
      <content:encoded><![CDATA[<p>猫叔这23句话，醍醐灌顶，价值千金</p>
<p>1 主动去营造自己的环境去改变你的风水，你最重要的风水是你经常打交道的人，这些人是有利于我赚钱的</p>
<p>2 向上向善，搞钱上瘾</p>
<p>3 发个红包请教一下牛人，哪怕学一招你也是赚的</p>
<p>4 对运气一定要有敬畏心，切不可以为自己能做成一些事情归结为全凭自己的才华和努力</p>
<p>5 你不仅要做个卖家，你还做个卖霸</p>
<p>6 不要看不起小钱，赚小钱的过程中内心变得越来越强大，能力变得越来越强，等有赚大钱的机会来了，你不更能接住吗？</p>
<p>7 你要想赚钱，<code>基础用户量</code>极为重要，那什么叫基础用户呢？就是至少跟你发生过一次交易，并且觉得很赚的人</p>
<p>8 多一些反馈，多一些机会</p>
<p>9 当群红，要和群主共赢</p>
<p>11 社群是打造个人品牌的主阵地</p>
<p>12 经营个人品牌本质是经营关系</p>
<p>13 猫叔给大家推荐一部极有利于你赚钱的电视剧，看两遍、三遍，《鸡毛飞上天》</p>
<p>14 <strong>进四出六</strong>，把六花出去给贵人，你会有越来越多的贵人</p>
<p>15 你在输入的时候你要问自己，我输入的东西是否有利于我赚钱？是否有利于我好好赚钱？</p>
<p>16 衡量一个社群好不好的很关键的两个点，第一是他们会不会<strong>复购</strong>，会不会持续花钱，第二是会不会<strong>转介绍</strong></p>
<p>17 会做人的人，一定是擅长跟人交换的人</p>
<p>18 人都是功利的人，大家都讲究一个交换</p>
<p>19 你要在不断的交换中跟人共赢，然后这个过程中你会越来越强大</p>
<p>20 要认真去拆解几个这个领域里面已经出圈的人，他们在干什么</p>
<p>21 新人自媒体，一开始就要想办法收钱，哪怕就是关注你的人不多，但是你试着去收钱，这会给你很好的反馈</p>
<p>22 一定要给别人留下一个厚道的商人的印象，这样的话才能吸引更多人来跟你发生交易，这样你才能更好的赚钱</p>
<p>23 诚意最好的解释就是成本，如果一个人跟你交往，他不愿意支付交往的成本，那这个人大概率不可交</p>
<p>最近猫叔也出了一本新书《明智创富指南》, 232条智慧锦囊，助你打通成长创富任督二脉</p>
<p>猫叔简介</p>
<pre tabindex="0"><code>剽悍一只猫
个人品牌顾问
图书策划人
社群运营专家
生命成长智慧深度探索者
《一年顶十年》作者
第六届当当影响力作家
常驻上海、深圳
</code></pre>]]></content:encoded>
    </item>
    <item>
      <title>各主要国家退休年龄表格排序</title>
      <link>https://daoyuchan.com/blog/retirement_age/</link>
      <pubDate>Thu, 19 Sep 2024 22:27:46 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/retirement_age/</guid>
      <description>世界各国退休年龄一览表，可以按高到低或低到高排序</description>
      <content:encoded><![CDATA[
<a href="javascript:sortTable( 1, true);"> 按男性从低到高排序</a> &emsp;<a href="javascript:sortTable( 2, true);"> 按女性从低到高排序</a>

<table>
  <thead>
      <tr>
          <th style="text-align: left">国家</th>
          <th style="text-align: right">男性</th>
          <th style="text-align: right">女性</th>
          <th style="text-align: right">男女一致</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left">美国</td>
          <td style="text-align: right">66</td>
          <td style="text-align: right">66</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">中国</td>
          <td style="text-align: right">60</td>
          <td style="text-align: right">55</td>
          <td style="text-align: right">×</td>
      </tr>
      <tr>
          <td style="text-align: left">日本</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">德国</td>
          <td style="text-align: right">67</td>
          <td style="text-align: right">67</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">印度</td>
          <td style="text-align: right">60</td>
          <td style="text-align: right">60</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">英国</td>
          <td style="text-align: right">66</td>
          <td style="text-align: right">66</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">法国</td>
          <td style="text-align: right">62</td>
          <td style="text-align: right">62</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">加拿大</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">俄罗斯</td>
          <td style="text-align: right">60</td>
          <td style="text-align: right">55</td>
          <td style="text-align: right">×</td>
      </tr>
      <tr>
          <td style="text-align: left">意大利</td>
          <td style="text-align: right">67</td>
          <td style="text-align: right">67</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">伊朗</td>
          <td style="text-align: right">60</td>
          <td style="text-align: right">55</td>
          <td style="text-align: right">×</td>
      </tr>
      <tr>
          <td style="text-align: left">巴西</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">62</td>
          <td style="text-align: right">×</td>
      </tr>
      <tr>
          <td style="text-align: left">韩国</td>
          <td style="text-align: right">61</td>
          <td style="text-align: right">61</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">澳大利亚</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">墨西哥</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">西班牙</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">65</td>
          <td style="text-align: right">√</td>
      </tr>
      <tr>
          <td style="text-align: left">印尼</td>
          <td style="text-align: right">56</td>
          <td style="text-align: right">56</td>
          <td style="text-align: right">√</td>
      </tr>
  </tbody>
</table>


<a href="javascript:sortTable( 1, false);"> 按男性从高到低排序</a> &emsp;<a href="javascript:sortTable( 2, false);"> 按女性从高到低排序</a><br>


]]></content:encoded>
    </item>
    <item>
      <title>3种方式给hugo站点添加链接合集页面</title>
      <link>https://daoyuchan.com/log/build_links_page_for_hugo_site/</link>
      <pubDate>Mon, 16 Sep 2024 12:32:54 +0800</pubDate>
      <guid>https://daoyuchan.com/log/build_links_page_for_hugo_site/</guid>
      <description>本文介绍怎么快速给hugo站点增加网址导航页或自定义一个友情链接页面</description>
      <content:encoded><![CDATA[<p>paperMod是一个简单友好的单栏主题，但是它默认没有一个链接模板。</p>
<p>以下我用3种方法增加链接页面，简单可行~</p>
<h3 id="md_table">用markdown表格收集链接</h3>
<pre tabindex="0"><code>hugo new links.md
</code></pre><p>接下来就像编辑普通文章一样，可以给这个页面增加文字说明；
在需要放置链接的地方增加双栏表格代码（你可以扩展，弄成三栏的）
这个方式可以把单页弄成任意主题的网址导航~~</p>
<pre tabindex="0"><code>
|  |  |
| :----------- | :----------- |
| [BlogFinder](https://bf.zzxworld.com/s/diligent_list) &amp;emsp; | 发现优秀的个人博客 |
| [Discovery Insights](https://discoveryinsights.site/)  &amp;emsp; | 独立博客推荐，发现洞见，独立博客推荐|
</code></pre><p>如果你需要站外网址统一在新标签页打开，可以在单页模板里附加一段Javascript：</p>
<p>比如paperMod主题的对应模板是 <code>layouts\_default\single.html</code></p>
<pre tabindex="0"><code>&lt;script&gt;
  // 确保DOM完全加载
    document.addEventListener(&#39;DOMContentLoaded&#39;, function () {
      // 获取表格内所有的&lt;a&gt;元素
      var tableLinks = document.querySelectorAll(&#39;table a&#39;);

      // 遍历所有表格内的链接
      for (var i = 0; i &lt; tableLinks.length; i++) {
        // 检查链接是否已经有target属性
        if (!tableLinks[i].hasAttribute(&#39;target&#39;)) {
          // 设置target属性为&#34;_blank&#34;，使其在新标签页中打开
          tableLinks[i].setAttribute(&#39;target&#39;, &#39;_blank&#39;);
        }
      }
    });
&lt;/script&gt;
</code></pre><h4 id="md_table_pre">效果预览</h4>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://bf.zzxworld.com/s/diligent_list">BlogFinder</a>  </td>
          <td style="text-align: left">发现优秀的个人博客</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://discoveryinsights.site/">Discovery Insights</a>   </td>
          <td style="text-align: left">独立博客推荐，发现洞见，独立博客推荐</td>
      </tr>
  </tbody>
</table>
<h3 id="store_web"><del>使用个站商店的小红帽链接API</del></h3>
<p><del>如果你是 <a href="https://storeweb.cn/">个站商店</a> 的用户，建议采用这种方式:</del></p>
<p>使用这个方案的好处是，不用通过编辑markdown文件来发布新的链接；它依赖的是一个第三方网站提供的API；</p>
<p>缺点是，只能添加那个站点生态圈里的链接；</p>
<p>具体步骤见 往期建站log : <a href="/log/build_storeweb_link_sc/">小红帽友链送货上门安装服务（hugo shortcode）</a>


<div class="post-preview">
    <div class="post-preview--meta" style="width:100%;">
        <div class="post-preview--middle">
            <h4 class="post-preview--title">
                <a target="_blank" href="https://daoyuchan.com/log/build_storeweb_link_sc/">小红帽友链送货上门安装服务（hugo shortcode）</a>
            </h4>
            <time class="post-preview--date">2024-08-24</time>
            
            <small> #shortcode&nbsp; #hugo&nbsp; #storeweb&nbsp;</small>
            
            <section style="max-height:105px;overflow:hidden;" class="post-preview--excerpt">
                <h3 id="缘起">缘起</h3>
<p>在 BlogFinder 站长的blog下看到一段话：</p>











  
  
  
  





  


<blockquote>
  <p><p>每个博客都是一座宝藏</p>
<p>在阅读平台化，信息碎片化的今天，还坚持自己架设博客，并一直保持内容输出的人，是这个时代的「逆行者」。</p>...
            </section>
        </div>
    </div>
</div>

</p>
<h4 id="store_web_pre">效果预览</h4>



这些友情链接是来自<a class='domain-url' href="" target="_blank" class="site-friend-link-project">个站商店</a>的一个子项目 <a href=""
    target="_blank" class="site-friend-link-project">『<span class='site-url'></span>』</a>，点<a href="https://storeweb.cn"
    target="_blank" class="site-friend-link-homepage"> 这里 </a>访问我在个站商店上的主页
<br>



<style>
    .hide {
        display: none;
    }

    .clear {
        clear: both;
    }

    .site-friend-link {
        margin-bottom: 20px;
        overflow: hidden;
        line-height: 175%;
    }

    .site-friend-link div {
        position: relative;
        float: left;
        width: 266px;
        margin: 12px 12px;
        padding: 8px;
        border-radius: 4px;
        border: 1px solid #d1c7b7;
        background-color: #fffef9;
        overflow: visible;
        min-height: 80px;
    }

    .site-friend-link-image {
        float: left;
        width: 50px;
        height: 50px !important;
        border-radius: 25px;
        margin-top: 5px;
    }

    .site-friend-link-name {
        float: left;
        width: calc(100% - 50px);
        text-align: left;
        padding-left: 15px;
        font-size: 16px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .site-friend-link-into {
        float: left;
        width: calc(100% - 50px);
        text-align: left;
        padding-left: 15px;
        color: #999;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size: 14px;
    }

    .site-friend-link-count {
        position: absolute;
        top: -8px;
        right: -8px;
        width: 16px;
        height: 16px;
        border-radius: 8px;
        background-color: #ff7d1e;
        color: white !important;
        font-size: 10px;
        padding-left: 5px;
    }
</style>
<script data-no-instant>
    
    
    
    
    function get_friend_link_api(callback) {
        const siteId = "2210"
        const cacheKey = 'slink_' + siteId
        var cachedData = localStorage.getItem(cacheKey);
        var cachedETag = localStorage.getItem(cacheKey + '_etag');
        if (cachedData){
            callback(JSON.parse(cachedData));
        }
        $.ajax({
            method: "POST",
            type: "POST",
            cache: true,
            headers: {
                'If-None-Match': cachedETag
            },
            url: 'https://vd.daoyuchan.com/api/v1/site-link',
            
            contentType: 'application/json',
            
            data: {siteId: siteId},
            success: function (result, textStatus, jqXHR){
                if (jqXHR.status === 304) {
                    
                    
                } else {
                    
                    localStorage.setItem(cacheKey, JSON.stringify(result.data));
                    localStorage.setItem(cacheKey + '_etag', jqXHR.getResponseHeader('ETag'));
                    callback(result.data);
                }
            }
            
        })
    }

    function callback(data){
        $('.domain-url').attr('href', data.domainUrl)
        $('.site-friend-link-homepage').attr('href', data.siteUrl)
        $('.site-url').html(data.introTitle)
        $('.site-friend-link-project').attr('href', data.introUrl)
        template_make(data.list)
    }

    $(function () {
        $('.site-friend-link').html('正在向『个站商店』请求友链数据……');
        get_friend_link_api(callback);
    })
    function template_make(list) {
        
        $('.site-friend-link').html('');
        $.each(list, function (key, value) {
            
            var template = $('#links-template').text();
            template = template.replace('%%name%%', value.name);
            template = template.replace('%%logo_cn%%', value.logoUrl);
            template = template.replace('%%intro_link%%', value.friendIntro);
            template = template.replace('%%domain%%', value.http + value.domain);
            template = template.replace('%%update_count%%', '');
            if (!value.isRssUpdate) {
                template = template.replace('%%update_hide%%', 'hide');
            } else {
                template = template.replace('%%update_hide%%', 'F');
            }
            var template_id = $(template);
            $('.site-friend-link').append(template_id);
        })
    }
    function set_storeweb_info(information) {
        $('.site-friend-link-homepage').attr('href', information['homepage']);
        $('.site-friend-link-project').attr('href', information['project']);
        
    }
</script>
<div class="clear"></div>
<div class="site-friend-link">
</div>
<script type="text/html" id="links-template" data-no-instant>
    <div class="site-friend">
        <a class="site-friend-link-count %%update_hide%%">
            %%update_count%%
        </a>
        <img class="site-friend-link-image"
             src="%%logo_cn%%"/>
        <a class="site-friend-link-name"
           href="%%domain%%" target="_blank">
            %%name%%
        </a>
        <span class="site-friend-link-into">%%intro_link%%</span>
    </div>
</script>

<h3 id="short_code">自定义 shortcode 模板</h3>
<p>这个就是短代码了</p>
<p>自由度拉满，结合css可以做出匹配你的站点主题的链接样式</p>
<p><code>layouts/shortcodes</code>文件夹下新增 friend.html 文件</p>
<pre tabindex="0"><code>{{- if .IsNamedParams -}}
&lt;a target=&#34;_blank&#34; href={{ .Get &#34;url&#34; }} title={{if .Get &#34;title&#34;}} {{.Get &#34;title&#34;}} {{else}} {{.Get &#34;name&#34;}} {{end}} class=&#34;friendurl&#34;&gt;
    &lt;div class=&#34;frienddiv&#34;&gt;
        &lt;div class=&#34;frienddivleft&#34;&gt;
            &lt;img class=&#34;myfriend&#34; src={{ .Get &#34;logo&#34; }} /&gt;
        &lt;/div&gt;
        &lt;div class=&#34;frienddivright&#34;&gt;
            &lt;div class=&#34;friendname&#34;&gt;{{- .Get &#34;name&#34; -}}&lt;/div&gt;
            &lt;div class=&#34;friendinfo&#34;&gt;{{- .Get &#34;word&#34; -}}&lt;/div&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/a&gt;
{{- end }}
</code></pre><p>参考样式:</p>
<pre tabindex="0"><code>/*友链*/
.friendurl {
    text-decoration: none !important;
    color:var(--primary) !important;
    box-shadow: none !important;
}

.myfriend {
    width: 56px !important;
    height: 56px !important;
    border-radius: 50% !important;
    padding: 2px;
    margin-top: 20px !important;
    margin-left: 14px !important;
    background-color: #fff;
}

.frienddiv {
    overflow: auto;
    height: 100px;
    width: 49%;
    display: inline-block !important;
    border-radius: 5px;
    background: none;

    -webkit-transition: box-shadow 0.4s ease, transform 0.4s ease;
    -moz-transition: box-shadow 0.4s ease, transform 0.4s ease;
    -o-transition: box-shadow 0.4s ease, transform 0.4s ease;

    transition: box-shadow 0.4s ease, transform 0.4s ease;
}

.frienddiv:hover {
    background: var(--code-bg);

    /*-webkit-transform: scale(1.08);*/
    /*-moz-transform: scale(1.08);*/
    /*-ms-transform: scale(1.08);*/
    /*-o-transform: scale(1.08);*/
    /*transform: scale(1.08);*/

    transition: box-shadow 1s ease, transform 1s ease;
}

.dark .frienddiv:hover {
    background: var(--code-bg);

    /*-webkit-transform: scale(1.08);*/
    /*-moz-transform: scale(1.08);*/
    /*-ms-transform: scale(1.08);*/
    /*-o-transform: scale(1.08);*/
    /*transform: scale(1.08);*/

    transition: box-shadow 1s ease, transform 1s ease;
}

.frienddiv:hover .frienddivleft img {
    transition: 0.9s !important;
    /*-webkit-transition: 0.9s !important;*/
    /*-moz-transition: 0.9s !important;*/
    /*-o-transition: 0.9s !important;*/
    transform: rotate(360deg) !important;
    /*-webkit-transform: rotate(360deg) !important;*/
    /*-moz-transform: rotate(360deg) !important;*/
    /*-o-transform: rotate(360deg) !important;*/
    /*-ms-transform: rotate(360deg) !important;*/
}

.frienddivleft {
    width: 92px;
    float: left;
    margin-right: -5px;
}

.frienddivright {
    margin-top: 18px;
    margin-right: 18px;
}

.friendname {
    text-overflow: ellipsis;
    font-size: 100%;
    margin-bottom: 5px;
    color: var(--primary);
}

.friendinfo {
    text-overflow: ellipsis;
    font-size: 70%;
    color: var(--primary);
}

/* .dark .friendname, .dark .friendinfo {
    color: rgba(180, 181, 182, 0.8);
} */

@media screen and (max-width: 600px) {
    .friendinfo {
        display: none;
    }

    .frienddivleft {
        width: 84px;
        margin: auto;
    }

    .frienddivright {
        height: 100%;
        margin: auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .friendname {
        font-size: 18px;
    }
}

/* 小红帽opt */
.site-friend-link-image {
    border-radius: 50% !important;
}

.site-friend:hover img {
    transition: 0.9s !important;
    transform: rotate(360deg) !important;
}
</code></pre><p>使用示例：(图片支持绝对路径和相对路径，可以自定义title，默认为name)
记得加上首尾的{{}}</p>
<pre tabindex="0"><code>&lt; friend name=&#34;小报童专栏推荐&#34; url=&#34;https://read.daoyuchan.com&#34; logo=&#34;https://daoyuc.oss-cn-hangzhou.aliyuncs.com/std/read.png&#34; word=&#34;帮你把洞察转化为价值&#34; &gt;
&lt; friend name=&#34;谙前码后&#34; url=&#34;https://dadan.jaxer.cc/&#34; title=&#34;一个小程序开发者&#34; logo=&#34;/links/jaxer.png&#34; word=&#34;用，写，迭代。爬虫不看样式。&#34; &gt;
</code></pre><h4 id="short_code_pre">效果预览</h4>
<a target="_blank" href=https://read.daoyuchan.com title= 小报童专栏推荐  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuc.oss-cn-hangzhou.aliyuncs.com/std/read.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">小报童专栏推荐</div>
            <div class="friendinfo">帮你把洞察转化为价值</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://dadan.jaxer.cc/ title= 一个小程序开发者  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/links/jaxer.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">谙前码后</div>
            <div class="friendinfo">用，写，迭代。爬虫不看样式。</div>
        </div>
    </div>
</a>
]]></content:encoded>
    </item>
    <item>
      <title>粥左罗34岁复盘的17条金句</title>
      <link>https://daoyuchan.com/blog/zzl_34_review/</link>
      <pubDate>Sun, 15 Sep 2024 22:22:51 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/zzl_34_review/</guid>
      <description>向上生长创始人粥左罗34岁复盘的17条金句，值得收藏</description>
      <content:encoded><![CDATA[<p>1.事业能做多大，无所谓，重要的是能一直做下去。</p>
<p>2.更好地认清自己，更清楚地知道自己是谁。</p>
<p>3.大多数人无法「因为相信，所以看见」，只能「因为看见，所以相信」。</p>
<p>4.人这一辈子，生活也好，做事业也好，都要不断地清醒地认识「你是谁」，「你和任何人都不一样」。</p>
<p>5.清楚知道每个人的路都是不可复制的，大多数人做法可能也不适合借鉴。</p>
<p>6.在每一个阶段我们都要去抓核心点，你永远要知道你目前正在做的这件事核心点是什么。</p>
<p>7.一个核心有效，你抓住了就拼命干，直到它无效，或者直到你找到下一个关键点。</p>
<p>8.我们不要怕被别人利用，应该怕的是你没有利用价值。</p>
<p>9.大家应该永远去论证自己可以，以及为什么可以。</p>
<p>10.你不光要进化，还要高速进化。</p>
<p>11.一个人真的要极度开放，极度地让自己有可塑性，不抗拒做任何事情。</p>
<p>12.想赚大钱就要能忍，不能看见小钱就见钱眼开。</p>
<p>13.如果你一直靠谱的话，你早晚会做起来。</p>
<p>14.一件事的决策，眼前的结果往往是有诱惑性的，但是长远的结果「考虑后续后续再后续」可能就是一个陷阱。</p>
<p>15.开始还是要追求单点破，不要一上来就什么都做。</p>
<p>16.格局是可以慢慢养大的，长期主义的努力这种能力也是，这些都会根据你的能力、实力、财富去慢慢养大。</p>
<p>17.一定要拥抱新事物，不要去抗拒新事物。</p>
<p>粥左罗简介</p>
<pre tabindex="0"><code>粥左罗，向上生长创始人，公众号：粥左罗。（ID：fangdushe520）
90后创业者、自媒体IP、出身农村；
毕业后摆摊-服务员——1年半从月薪5000到年薪50万
创业第三年年入千万
</code></pre><p>自媒体年入千万以上的目前已知就粥老师啦- -
他是深耕写作领域的，梦想还是要有的，
自媒体是没资源没背景的普通人最有机会改变命运的行业入口。
做自媒体，是真的能一年顶十年。</p>
]]></content:encoded>
    </item>
    <item>
      <title>怀瑾握瑜兮，穷不知所示</title>
      <link>https://daoyuchan.com/posts/what_to_show/</link>
      <pubDate>Sat, 14 Sep 2024 19:23:12 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/what_to_show/</guid>
      <description>&lt;h3 id=&#34;怀瑾握瑜兮穷不知所示&#34;&gt;怀瑾握瑜兮，穷不知所示&lt;/h3&gt;
&lt;p&gt;=====&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;🔊 读音: [jǐn]&lt;/li&gt;
&lt;li&gt;💬 释义: 美玉，亦喻美德。&lt;/li&gt;
&lt;li&gt;🔐 五笔编码: GAKG&lt;/li&gt;
&lt;li&gt;🌐 英语单词: beautiful jade; virtue&lt;/li&gt;
&lt;li&gt;🌟 典型例句: “怀瑾握瑜兮，穷不知所示。”（屈原《九章·怀沙》）&lt;/li&gt;
&lt;li&gt;📈 使用热度: 中等，在文学作品和一些特定语境中较为常见。
=====&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&#34;蜀得其龙吴得其虎魏得其狗&#34;&gt;蜀得其龙，吴得其虎，魏得其狗&lt;/h3&gt;
&lt;p&gt;maybe 诸葛三兄弟老大的名字出处&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h3 id="怀瑾握瑜兮穷不知所示">怀瑾握瑜兮，穷不知所示</h3>
<p>=====</p>
<ul>
<li>🔊 读音: [jǐn]</li>
<li>💬 释义: 美玉，亦喻美德。</li>
<li>🔐 五笔编码: GAKG</li>
<li>🌐 英语单词: beautiful jade; virtue</li>
<li>🌟 典型例句: “怀瑾握瑜兮，穷不知所示。”（屈原《九章·怀沙》）</li>
<li>📈 使用热度: 中等，在文学作品和一些特定语境中较为常见。
=====</li>
</ul>
<h3 id="蜀得其龙吴得其虎魏得其狗">蜀得其龙，吴得其虎，魏得其狗</h3>
<p>maybe 诸葛三兄弟老大的名字出处</p>
<p>三国时期，诸葛氏中有三兄弟被史家称为“龙虎狗”。《太平御览·人事部·品藻中》记载：“诸葛瑾弟亮及从弟诞，并有盛名，各在一国。于时以为蜀得其龙，吴得其虎，魏得其狗。诞在魏，与夏侯玄齐名。瑾在吴，吴朝服其弘雅。”</p>
<h3 id="躬耕樵薪">躬耕樵薪</h3>
<p>躬耕吾所不能，学灌园而已矣;
樵薪吾所不能，学薙草而已矣。</p>
]]></content:encoded>
    </item>
    <item>
      <title>十年教师之约，羽言有话说</title>
      <link>https://daoyuchan.com/posts/ten_years_teacher/</link>
      <pubDate>Tue, 10 Sep 2024 22:05:50 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/ten_years_teacher/</guid>
      <description>&lt;p&gt;曾几何时，我在大学的操场上漫步，心中怀揣着成为一名教师的梦想。那时的我，对未来充满憧憬，却也不免忐忑：我能否担起这份责任，成为一位合格的教育者？&lt;/p&gt;</description>
      <content:encoded><![CDATA[<p>曾几何时，我在大学的操场上漫步，心中怀揣着成为一名教师的梦想。那时的我，对未来充满憧憬，却也不免忐忑：我能否担起这份责任，成为一位合格的教育者？</p>
<p>我的大学，是省内培养教师的摇篮 <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>，那里的学术氛围让我对教育有了初步的理论认识。教育，是一项融合心理学、教育学等多学科知识的长期工作。孔子的教诲“因材施教，有教无类”在我耳边回响，这不仅是技术的要求，更是对心胸宽广的挑战。我曾自问，我是否有勇气站上讲台，面对一群求知若渴的学子。</p>
<p><img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-13/20240913221817.png" alt=""  />
</p>
<p>大学毕业后，我并未立即成为教师，而是选择了职员的工作。直到有一天，我路过一所小学，一位小女孩的一声“老师好”唤醒了我内心深处的渴望。那一刻，我意识到，我渴望成为孩子们眼中的引路人，渴望成为他们成长道路上的一束光。</p>
<p>经过努力，我通过了教师资格证考试，正式踏上了教书育人的旅程。岁月流转，我在教育的道路上不断成长，从最初的青涩到现在的从容，我学会了如何用英语激发学生的兴趣，如何在课堂上展现教师的风采。我不断学习，不断尝试，与同行交流，与学生互动，我的教学方法日益成熟，我的教学成果也得到了认可。</p>
<p>十年，弹指一挥间。在教育的征途上，我学会了如何关爱学生，如何鼓励他们，如何激发他们的潜能。我把他们视如己出，用心倾听他们的声音。今天，当我听到学生说“老师，我想你的课了”，当我得知学生在高中英语成绩优异，当我收到曾经教过的学生发来的教师节祝福，我的心中充满了激动和满足。原来，所有的付出都是值得的，这就是我作为教师的意义所在。</p>
<p>在今天这个特殊的日子里，我还要向所有曾经教导过我的老师们表达我最深的感激之情。感谢你们，是你们的教诲和支持，让我能够站在今天的位置。我想说，谢谢你们，我的每一次进步都离不开你们的默默付出。
<img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-13/colorhub.me_photos_DJlZw_1920x1080.jpg" alt=""  />
</p>
<p>撰文/投稿：<a target="_blank" href=https://web.okjike.com/u/74238CFB-64AD-4B27-867F-8F2E9DA541B9 title= Fiona羽言  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/img/fiona.jpg />
        </div>
        <div class="frienddivright">
            <div class="friendname">Fiona羽言</div>
            <div class="friendinfo">教孩子ABC \ 英语翻译硕士MTI \ 读书分享者</div>
        </div>
    </div>
</a></p>
<p><a href="https://mp.weixin.qq.com/s/5-vu7Gvo5xuDrQYc_isY_g">阅读原文</a></p>
<p>编辑/配图：道与</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>福建师范大学&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded>
    </item>
    <item>
      <title>2024年9月动态</title>
      <link>https://daoyuchan.com/memos/2409/</link>
      <pubDate>Sun, 01 Sep 2024 18:53:46 +0800</pubDate>
      <guid>https://daoyuchan.com/memos/2409/</guid>
      <description>锦上添花者众，雪中送炭者寡。</description>
      <content:encoded><![CDATA[


<link rel="stylesheet" href="/css/style-refractored.css">

<script src="/js/fancyapps/fancybox.umd.js"></script>

<link rel="stylesheet" href="/js/fancyapps/fancybox.css" />

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">

























<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-19 01:13 卖铲子</div>


                <h5 id="2024-09-19 01:13 卖铲子" style="opacity: 0;">2024-09-19 01:13 卖铲子</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>各种平台里面教别人做生意的内容越来越多了，真的很可怕，越是卖铲子的人多，说明越没有金矿了。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-18 22:08 都没用</div>


                <h5 id="2024-09-18 22:08 都没用" style="opacity: 0;">2024-09-18 22:08 都没用</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>再好的方向，方法，不行动都没用。</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/canglang.png" data-fancybox="gallery" data-caption="2024-09-18 22:08 都没用">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/canglang.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-18 00:02 财富自由的本质</div>


                <h5 id="2024-09-18 00:02 财富自由的本质" style="opacity: 0;">2024-09-18 00:02 财富自由的本质</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>财富自由的本质是什么，并不是说通过积蓄到达了一定阶段实现的，而是当你的被动收入超过了你的花销实现的(甚至要考虑到可能出现的风险问题带来的花销:比如裁员失业、突发疾病、突发变故等等)</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-17 11:36 谦虚</div>


                <h5 id="2024-09-17 11:36 谦虚" style="opacity: 0;">2024-09-17 11:36 谦虚</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>谦虚之所以使人进步，可能是因为谦虚了才能学得进去。</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/xindejia.png" data-fancybox="gallery" data-caption="2024-09-17 11:36 谦虚">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/xindejia.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-16 14:10 躬耕樵薪</div>


                <h5 id="2024-09-16 14:10 躬耕樵薪" style="opacity: 0;">2024-09-16 14:10 躬耕樵薪</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p> 


读经宜冬，其神专也；读史宜夏，其时久也；读诸子宜秋，其致别也；读诸集宜春，其机物也。<br>





躬耕吾所不能，学灌园而已矣；樵薪吾所不能，学薙草而已矣。这不就是我的现状。


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-15 01:05 服从性测试</div>


                <h5 id="2024-09-15 01:05 服从性测试" style="opacity: 0;">2024-09-15 01:05 服从性测试</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p> 


这个世界就是一个巨大的服从性测试，<br>


之所以别人敢欺负你，<br>


那是先前已经一次次的试探过了。<br>


​我话已说完，<br>


​谁赞成，谁反对？


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/zimeiti_silu.png" data-fancybox="gallery" data-caption="2024-09-15 01:05 服从性测试">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/zimeiti_silu.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-15 01:00 惜关如金</div>


                <h5 id="2024-09-15 01:00 惜关如金" style="opacity: 0;">2024-09-15 01:00 惜关如金</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>即刻的用户真是惜关如金，一条100赞的内容硬是一个关注也没➕</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/kaoziji.png" data-fancybox="gallery" data-caption="2024-09-15 01:00 惜关如金">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/kaoziji.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>




















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-14 17:39 自在唯我</div>


                <h5 id="2024-09-14 17:39 自在唯我" style="opacity: 0;">2024-09-14 17:39 自在唯我</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p> 


分享歌词：<br>


凭何定正邪 凭何论确误，<br>


凭何断是非 妄自沉浮，<br>


笑尘俗 造规矩却为作茧自缚，<br>


笑苍天 主世道却失得饶人处，<br>


笑圣贤 算千机却也深陷泥足，<br>


笑凡夫 不识人之初 随波而逐。<br>


分享少年霜的单曲《自在唯我》


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-14 08:47 短视频 </div>


                <h5 id="2024-09-14 08:47 短视频 " style="opacity: 0;">2024-09-14 08:47 短视频 </h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>短视频的短小特点使得信息呈现碎片化，难以形成系统性和深入性的思考。长期接触碎片化信息可能导致人们的注意力分散，思维能力下降，难以应对复杂问题。</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/20240921005648.png" data-fancybox="gallery" data-caption="2024-09-14 08:47 短视频 ">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/20240921005648.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-14 08:32 好奇</div>


                <h5 id="2024-09-14 08:32 好奇" style="opacity: 0;">2024-09-14 08:32 好奇</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


怎么就是没人好奇我呢<br>


好奇我小时候是什么样子<br>


我喜欢的餐厅是哪一家 <br>


我常去的地方是哪里 <br>


喜欢什么颜色 <br>


听什么歌 <br>


算了 <br>


了解一个人好麻烦 <br>


我自己都说的不耐烦了


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/the-matrix.png" data-fancybox="gallery" data-caption="2024-09-14 08:32 好奇">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/the-matrix.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-12 14:44 湾流宇航Gulfstream</div>


                <h5 id="2024-09-12 14:44 湾流宇航Gulfstream" style="opacity: 0;">2024-09-12 14:44 湾流宇航Gulfstream</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>大部分人还在为上涨的菜价苦恼，小部分人已经盯上乞力马扎罗的雪了</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193701.png" data-fancybox="gallery" data-caption="2024-09-12 14:44 湾流宇航Gulfstream">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193701.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-10 18:41 喝咖啡</div>


                <h5 id="2024-09-10 18:41 喝咖啡" style="opacity: 0;">2024-09-10 18:41 喝咖啡</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>以前的牛马被迫喝咖啡，现在的牛马每天主动喝咖啡</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193644.png" data-fancybox="gallery" data-caption="2024-09-10 18:41 喝咖啡">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193644.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-08 14:45 勇闯天涯</div>


                <h5 id="2024-09-08 14:45 勇闯天涯" style="opacity: 0;">2024-09-08 14:45 勇闯天涯</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>青春没有售价，剁椒鱼头直达拉萨。我的闺蜜在哪呢？？快开宝宝巴士带我勇闯天涯[苦涩]</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193555.png" data-fancybox="gallery" data-caption="2024-09-08 14:45 勇闯天涯">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193555.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-08 13:35 爽到</div>


                <h5 id="2024-09-08 13:35 爽到" style="opacity: 0;">2024-09-08 13:35 爽到</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>今日赛博笑话</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193521.png" data-fancybox="gallery" data-caption="2024-09-08 13:35 爽到">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193521.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-08 13:08 成长的标准</div>


                <h5 id="2024-09-08 13:08 成长的标准" style="opacity: 0;">2024-09-08 13:08 成长的标准</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>“成长的标准就是：拒绝别人以后，没有任何的愧疚感。 “ _萨特</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193430.png" data-fancybox="gallery" data-caption="2024-09-08 13:08 成长的标准">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914193430.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-08 03:31 纯净水</div>


                <h5 id="2024-09-08 03:31 纯净水" style="opacity: 0;">2024-09-08 03:31 纯净水</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>瓶装水的保质期，指的是塑料瓶的保质期，而不是水的保质期。纯净水是不会变质的。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-08 03:27 魑魅魍魉</div>


                <h5 id="2024-09-08 03:27 魑魅魍魉" style="opacity: 0;">2024-09-08 03:27 魑魅魍魉</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


原来魑魅魍魉是：<br>





1.魑（长得像龍但没有角）<br>





2.魅（迷人心智的漂亮鬼）<br>





3.魍魉（兴风作浪的水鬼）


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/chimeiwangliang.png" data-fancybox="gallery" data-caption="2024-09-08 03:27 魑魅魍魉">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-21/chimeiwangliang.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-05 13:30 他选</div>


                <h5 id="2024-09-05 13:30 他选" style="opacity: 0;">2024-09-05 13:30 他选</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>有时候你会发现，并不是你多差，而是他的眼光变差了！他选了比你差的人比你廉价的人。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-05 00:37 增长曲线</div>


                <h5 id="2024-09-05 00:37 增长曲线" style="opacity: 0;">2024-09-05 00:37 增长曲线</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>桥水的logo，“增长曲线”</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/bridgewater.png" data-fancybox="gallery" data-caption="2024-09-05 00:37 增长曲线">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/bridgewater.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-03 19:30 配合服务</div>


                <h5 id="2024-09-03 19:30 配合服务" style="opacity: 0;">2024-09-03 19:30 配合服务</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>知识不值钱，但是配合服务，让人产生行动是非常值钱的，因为让一个人改变是非常难的！</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-03 03:18 试试</div>


                <h5 id="2024-09-03 03:18 试试" style="opacity: 0;">2024-09-03 03:18 试试</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>收起自以为是，先试试，不行再说</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-03 03:04 对待</div>


                <h5 id="2024-09-03 03:04 对待" style="opacity: 0;">2024-09-03 03:04 对待</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>用你那精神内耗的态度去搞学习搞事业搞钱，然后用躺平和摆烂的态度对待人际关系，烦恼能消失一大半。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-02 21:14 如何选择</div>


                <h5 id="2024-09-02 21:14 如何选择" style="opacity: 0;">2024-09-02 21:14 如何选择</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


每个人的人生，<br>





都还有无限可能，重要的是，接下来的日子，你如何选择。<br>





因为你的未来，藏在当下的选择里。<br>


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914192640.png" data-fancybox="gallery" data-caption="2024-09-02 21:14 如何选择">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914192640.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-02 11:27 人性使然</div>


                <h5 id="2024-09-02 11:27 人性使然" style="opacity: 0;">2024-09-02 11:27 人性使然</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>锦上添花者众，雪中送炭者寡。莫要感叹人情冷暖，一切人性使然。</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914192436.png" data-fancybox="gallery" data-caption="2024-09-02 11:27 人性使然">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914192436.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-02 02:49 引流</div>


                <h5 id="2024-09-02 02:49 引流" style="opacity: 0;">2024-09-02 02:49 引流</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>引流，各大平台谈之色变，但是又屡禁不止，原因何在？就是因为公域上的流量是平台的，只有沉淀到私域，那才是自己的</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-02 00:35 冷静地停止</div>


                <h5 id="2024-09-02 00:35 冷静地停止" style="opacity: 0;">2024-09-02 00:35 冷静地停止</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>一旦发现谈话有转向争辩的苗头，冷静地停止争论谁对谁错才是明智的选择。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div> 

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-09-01 19:06 封面</div>


                <h5 id="2024-09-01 19:06 封面" style="opacity: 0;">2024-09-01 19:06 封面</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>书名Drugs in the Third Reich 第三帝国嗑药史， 封面是小胡子的额头；</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914192258.png" data-fancybox="gallery" data-caption="2024-09-01 19:06 封面">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914192258.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024年8月</div>


                <h5 id="2024年8月" style="opacity: 0;">2024年8月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/2408 target="_blank">/memos/2408</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>







]]></content:encoded>
    </item>
    <item>
      <title>筼筜湖-白鹭女神-🕊☀（6P）</title>
      <link>https://daoyuchan.com/gals/yundang_lake/</link>
      <pubDate>Sat, 31 Aug 2024 23:39:34 +0800</pubDate>
      <guid>https://daoyuchan.com/gals/yundang_lake/</guid>
      <description>秋日早晨的筼筜湖随拍</description>
      <content:encoded><![CDATA[<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    
   <link rel="stylesheet" href="/css/nanogallery2.min.css">
    
   
    
</head>

<body>

    <div data-nanogallery2='{
	 "thumbnailDisplayTransition":          "slideUp",
     "thumbnailDisplayTransitionDuration":  500,
     "thumbnailDisplayInterval":            30,
     "galleryDisplayTransition":            "rotateX",
     "galleryDisplayTransitionDuration":    500,
     "galleryDisplayMode": "rows",
     "thumbnailDisplayOutsideScreen": "false",
     "eventsDebounceDelay": 10,
     "thumbnailL1BorderHorizontal": 0,
     "thumbnailL1BorderVertical": 0,
     "thumbnailLabel": {
        "titleFontSize": "0.6em"
     },
     "thumbnailWidth":   300,
     "thumbnailHeight":  "auto",
     "thumbnailHoverEffect2": "imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)",
     "galleryTheme": {
        "thumbnail": {
            "borderRadius": "5px"
        }
     },
     "thumbnailToolbarImage": {
        "topLeft": "",
        "topRight": "",
        "bottomLeft": "",
        "bottomRight": ""
     },
     "viewerToolbar":   {
        "display": true,
        "standard": "label"
     },
     "viewerTools":     {
        "topLeft":    "pageCounter, playPauseButton",
        "topRight":   "downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton"
     },
     "viewerGalleryTWidth": 40,
     "viewerGalleryTHeight": 40
}'>
        

<!-- <a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-31/d3b0e16237df1f2253548c40a820fac.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-31/d3b0e16237df1f2253548c40a820fac.png?x-oss-process=image/resize,w_300">开8个会</a> -->

<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/grass_field.jpg?x-oss-process=image/resize,w_1440" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/grass_field.jpg?x-oss-process=image/resize,w_300">grass_field</a>

<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/river.jpg?x-oss-process=image/resize,w_1440" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/river.jpg?x-oss-process=image/resize,w_300">river</a>

<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/river_circle.jpg?x-oss-process=image/resize,w_1440" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/river_circle.jpg?x-oss-process=image/resize,w_300">river_circle</a>

<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/EgretGoddess.jpg?x-oss-process=image/resize,w_1440" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/EgretGoddess.jpg?x-oss-process=image/resize,w_300">EgretGoddess</a>

<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/EgretGoddessAfter.jpg?x-oss-process=image/resize,w_1440" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/EgretGoddessAfter.jpg?x-oss-process=image/resize,w_300">EgretGoddessAfter</a>

<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/tree_like_light.jpg?x-oss-process=image/resize,w_1440" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-01/tree_like_light.jpg?x-oss-process=image/resize,w_300">tree_like_light</a>


    </div>
</body>

</html>
]]></content:encoded>
    </item>
    <item>
      <title>小红帽友链送货上门安装服务（hugo shortcode）</title>
      <link>https://daoyuchan.com/log/build_storeweb_link_sc/</link>
      <pubDate>Sat, 24 Aug 2024 16:33:35 +0800</pubDate>
      <guid>https://daoyuchan.com/log/build_storeweb_link_sc/</guid>
      <description>个站商店 小红帽友链的 hugo 短代码新版本，稳定版 </description>
      <content:encoded><![CDATA[<h3 id="缘起">缘起</h3>
<p>在 BlogFinder 站长的blog下看到一段话：</p>











  
  
  
  





  


<blockquote>
  <p><p>每个博客都是一座宝藏</p>
<p>在阅读平台化，信息碎片化的今天，还坚持自己架设博客，并一直保持内容输出的人，是这个时代的「逆行者」。</p>
<p>这是他们大隐于市的后花园，也是值得您驻足片刻的芳草地。</p>
<p>在这里，您能感受到这些「分享者」们生活的悲喜，学习的乐趣；阅读的书籍，以及旅行的足迹……</p>
</p>
  <footer>
    <strong>https://www.zzxworld.com/</strong>
    
      
        
      
    
  </footer>
</blockquote>

<pre><code>已经2024年了，静态化博客的发展日新月异；它们一般没有自己的动态友情链接模板，
个站商店的这个小红帽友链功能正好填补了这个空缺。
动静结合，拿来就用。
</code></pre>
<p>如果你用的是hugo架构的网站，以下这个 shortcode 拷过去就可以用了- -</p>
<p><a href="https://github.com/daoyuc/storeweb_link/blob/main/layouts/shortcodes/storeweb_link.html">storeweb_link.html</a></p>
<h3 id="短代码">短代码</h3>
<p>layouts\shortcodes 目录下新建 storeweb_link.html 文件；填入以下代码：</p>
<p>个站商店 storeweb.cn 小红帽友情链接<sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup> hugo shortcode 复刻版</p>
<p>原代码 【更新】小红帽友链代码发布！<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup>：</p>
<p>改动：</p>
<ul>
<li>api请求 get =&gt; post</li>
<li>siteId 参数在 shortcode 引用时填入</li>
</ul>
<p>应用: (注意去掉反斜杠)</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="ni">&amp;nbsp;</span>
</span></span><span class="line"><span class="cl">### 小红帽友链
</span></span><span class="line"><span class="cl">\{\{<span class="p">&lt;</span><span class="nt">storeweb_link</span> <span class="na">2189</span><span class="p">&gt;</span>\}\}
</span></span></code></pre></div><h3 id="后记">后记</h3>
<p>结合站点的部分样式调整：</p>
<p>头像圆角和鼠标 hover 翻转</p>
<pre tabindex="0"><code>/* 小红帽opt */
.site-friend-link-image {
    border-radius: 50% !important;
}

.site-friend:hover img {
    transition: 0.9s !important;
    transform: rotate(360deg) !important;
}
</code></pre><div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p><a href="https://note-star.cn/p/links">https://note-star.cn/p/links</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p><a href="https://pastebin.com/GWSPGgJM">https://pastebin.com/GWSPGgJM</a>&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded>
    </item>
    <item>
      <title>怎么样，喜欢今日份的 Gakki 吗</title>
      <link>https://daoyuchan.com/gals/gakki_1/</link>
      <pubDate>Fri, 23 Aug 2024 18:57:20 +0800</pubDate>
      <guid>https://daoyuchan.com/gals/gakki_1/</guid>
      <description>怎么样，喜欢今日份的 Gakki 吗</description>
      <content:encoded><![CDATA[<p>怎么样，喜欢今日份的 Gakki 吗 😭😭😭</p>
<h3 id="gakki_gal">Gakki相册</h3>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    
   <link rel="stylesheet" href="/css/nanogallery2.min.css">
    
   
    
</head>

<body>

    <div data-nanogallery2='{
	 "thumbnailDisplayTransition":          "slideUp",
     "thumbnailDisplayTransitionDuration":  500,
     "thumbnailDisplayInterval":            30,
     "galleryDisplayTransition":            "rotateX",
     "galleryDisplayTransitionDuration":    500,
     "galleryDisplayMode": "rows",
     "thumbnailDisplayOutsideScreen": "false",
     "eventsDebounceDelay": 10,
     "thumbnailL1BorderHorizontal": 0,
     "thumbnailL1BorderVertical": 0,
     "thumbnailLabel": {
        "titleFontSize": "0.6em"
     },
     "thumbnailWidth":   300,
     "thumbnailHeight":  "auto",
     "thumbnailHoverEffect2": "imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)",
     "galleryTheme": {
        "thumbnail": {
            "borderRadius": "5px"
        }
     },
     "thumbnailToolbarImage": {
        "topLeft": "",
        "topRight": "",
        "bottomLeft": "",
        "bottomRight": ""
     },
     "viewerToolbar":   {
        "display": true,
        "standard": "label"
     },
     "viewerTools":     {
        "topLeft":    "pageCounter, playPauseButton",
        "topRight":   "downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton"
     },
     "viewerGalleryTWidth": 40,
     "viewerGalleryTHeight": 40
}'>
        
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190052.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190052.png?x-oss-process=image/resize,w_300">20240823190052</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190131.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190131.png?x-oss-process=image/resize,w_300">20240823190131</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190333.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190333.png?x-oss-process=image/resize,w_300">20240823190333</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190348.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190348.png?x-oss-process=image/resize,w_300">20240823190348</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190358.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190358.png?x-oss-process=image/resize,w_300">20240823190358</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190417.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190417.png?x-oss-process=image/resize,w_300">20240823190417</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190502.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190502.png?x-oss-process=image/resize,w_300">20240823190502</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190517.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190517.png?x-oss-process=image/resize,w_300">20240823190517</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190557.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/20240823190557.png?x-oss-process=image/resize,w_300">20240823190557</a>


    </div>
</body>

</html>
<h3 id="source">图源</h3>
<p>tg群组: <code>https://t.me/L_Gakki</code></p>
]]></content:encoded>
    </item>
    <item>
      <title>添加网易云音乐自定义歌单或者单曲到文章</title>
      <link>https://daoyuchan.com/log/build_netease_playlist/</link>
      <pubDate>Fri, 23 Aug 2024 17:45:05 +0800</pubDate>
      <guid>https://daoyuchan.com/log/build_netease_playlist/</guid>
      <description>我要拿这首歌做闹钟铃声!!</description>
      <content:encoded><![CDATA[<h3 id="适用场景">适用场景</h3>
<p><del>显摆你的自定义歌单</del>
当你想单曲循环一首歌不想被云记录你的听歌次数 😅</p>
<h3 id="详细步骤">详细步骤</h3>
<h4 id="用到的插件">用到的插件</h4>
<p><code>hugo-shortcode-mmt-netease</code>
一个含有网易云随机评论 shortcode 的 Hugo 主题组件。</p>
<h4 id="添加shortcode">添加shortcode</h4>
<p><a href="https://github.com/hugo-fixit/shortcode-mmt-netease?tab=readme-ov-file">https://github.com/hugo-fixit/shortcode-mmt-netease?tab=readme-ov-file</a></p>
<p>安装说明照着 README 操作即可</p>
<h4 id="使用示例">使用示例</h4>
<pre tabindex="0"><code>### 音乐出没，戴上耳机🎧
\{\{&lt; mmt-netease mid=&#34;927202461&#34; autoplay=&#34;false&#34; &gt;\}\}
</code></pre><p>mmt-netease shortcode 有以下命名参数：</p>
<ul>
<li>mid [必需]（第一个位置参数）网易云歌单 ID</li>
<li>autoplay [可选]（第二个位置参数）是否自动播放，默认：false</li>
<li>fixed [可选]（第三个位置参数）是否启用固定模式，默认：false</li>
<li>mini [可选]（第四个位置参数）是否启用迷你模式，默认：false</li>
<li>volume [可选]（第五个位置参数）默认音量，注意播放器会记住用户设置，用户自己设置音量后默认音量将不起作用，默认：0.7</li>
</ul>
<p>👆 <a href="/blog/cover_amazing_playlist/">示例页面</a></p>
<p>👇 当前页面示例</p>
<link rel="stylesheet" href="https://unpkg.com/aplayer/dist/APlayer.min.css">
<link rel="stylesheet" href='/shortcodes/mmt-netease/css/index.css?v=1.0.7' />
<div class="netease-music" data-mid="12506089906" data-autoplay="true" data-mini="true"></div>
<div class="comment-163" title="随机下一条">
  <span class="pic-backdrop"></span>
  <div class="commentator">
    <img class="comment-avatar d-none"/>
    <span class="comment-nickname"></span>
  </div>
  <div class="comment-content"></div>
  <div class="music-info">
    <span class="artists-name"></span>
    <span class="music-name"></span>
  </div>
</div>
<div class="mmt-netease-powered">
  <span>From <a href="https://music.163.com/#/playlist?id=12506089906" target="_blank">playlist</a>, </span>
  <span>Powered By <a href="https://github.com/Lruihao/hugo-shortcode-mmt-netease" title="mmt-netease v1.0.7" target="_blank">mmt-netease</a></span>
</div>
<script src='/shortcodes/mmt-netease/js/index.js?v=1.0.7'></script>

<p>启用固定模式:(播放控制在页面左下角)
<img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/fixed.png" alt="启用固定模式"  />
</p>
<p>启用mini模式:(播放控制在评论上方)
<img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-23/mini.png" alt="mini"  />
</p>
<h3 id="如果只要一首歌">如果只要一首歌</h3>
<p>那就自己创建一个只有一首歌的歌单- -</p>
]]></content:encoded>
    </item>
    <item>
      <title>[歌单]因为封面好看就够了</title>
      <link>https://daoyuchan.com/blog/cover_amazing_playlist/</link>
      <pubDate>Wed, 21 Aug 2024 17:06:44 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/cover_amazing_playlist/</guid>
      <description>从某天开始 我不再用力的走向任何人</description>
      <content:encoded><![CDATA[<h3 id="音乐出没戴上耳机">音乐出没，戴上耳机🎧</h3>
<link rel="stylesheet" href="https://unpkg.com/aplayer/dist/APlayer.min.css">
<link rel="stylesheet" href='/shortcodes/mmt-netease/css/index.css?v=1.0.7' />
<div class="netease-music" data-mid="927202461" data-autoplay="false"></div>
<div class="comment-163" title="随机下一条">
  <span class="pic-backdrop"></span>
  <div class="commentator">
    <img class="comment-avatar d-none"/>
    <span class="comment-nickname"></span>
  </div>
  <div class="comment-content"></div>
  <div class="music-info">
    <span class="artists-name"></span>
    <span class="music-name"></span>
  </div>
</div>
<div class="mmt-netease-powered">
  <span>From <a href="https://music.163.com/#/playlist?id=927202461" target="_blank">playlist</a>, </span>
  <span>Powered By <a href="https://github.com/Lruihao/hugo-shortcode-mmt-netease" title="mmt-netease v1.0.7" target="_blank">mmt-netease</a></span>
</div>
<script src='/shortcodes/mmt-netease/js/index.js?v=1.0.7'></script>

<h3 id="使用说明">使用说明💡</h3>
<blockquote>
<p>一个含有网易云随机评论 shortcode 的 Hugo 主题组件。</p></blockquote>
<ul>
<li><input checked="" disabled="" type="checkbox"> 默认没有开启自动播放；</li>
<li><input checked="" disabled="" type="checkbox"> 点击评论随机下一首(需要自己点▶开始播放);</li>
<li><input disabled="" type="checkbox"> <a href="https://github.com/hugo-fixit/shortcode-mmt-netease?tab=readme-ov-file">给你的博客添加本shortcode</a></li>
</ul>
<h3 id="包含歌曲">包含歌曲🎵</h3>
<table>
  <thead>
      <tr>
          <th>歌曲标题</th>
          <th>歌手</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td><a href="https://music.163.com/song?id=546722350&amp;uct2=U2FsdGVkX1&#43;orHBArKUIuk08&#43;buY3Jyfnv140eRykMM=">十一种孤独</a></td>
          <td>宿羽阳</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=1363959080&amp;uct2=U2FsdGVkX1&#43;ownw&#43;NEMGe32PYiLykVLN7xMRD&#43;UYHtY=">超人</a></td>
          <td>王贰浪</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=4304725&amp;uct2=U2FsdGVkX19QYSeqw307XgosdWOk7&#43;kI1WDFsDugWzE=">Nick&rsquo;s B. Danube</a></td>
          <td>SpongeBob Squarepants</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=572520241&amp;uct2=U2FsdGVkX18r4/a2eJwkEo/B5wTHBjpP5JDtU3d0O40=">Grand Tour</a></td>
          <td>龚子婕</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=1498890&amp;uct2=U2FsdGVkX1/PUY6joht0AE7pW3Jd6jTEq9GcIXe6fqY=">James Bond Theme</a></td>
          <td>John Barry</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=1062642&amp;uct2=U2FsdGVkX19kzAgz1e1dBSmxlbwDtrhPwY9oz9bv8Sc=">Title Theme</a></td>
          <td>Ari Pulkkinen阿瑞·普金尼</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=432430918&amp;uct2=U2FsdGVkX1/cxM3Ecuuoy4XeSBgYWja3iO6&#43;7hVNgPo=">十二(Cover 留声玩具)</a></td>
          <td>安白</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=440240234&amp;uct2=U2FsdGVkX1/KXPqbSYAtpvbaLHEGySJbGGOdV8h&#43;d84=">王源生贺-浮木(翻自 Elisa)</a></td>
          <td>KANATA雪</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=32451978&amp;uct2=U2FsdGVkX19DN7kAo758DobD5swTVPHTqxewRTZP4Us=">Crossing Winds</a></td>
          <td>Jacoo</td>
      </tr>
      <tr>
          <td><a href="https://music.163.com/song?id=472638926&amp;uct2=U2FsdGVkX1/uaCrY3Ye8vrYUJgwNQmINhkOUfsbVv7o=">你好吗</a></td>
          <td>桀一Jeyee</td>
      </tr>
  </tbody>
</table>
<h3 id="封面图片集">封面图片集</h3>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    
   <link rel="stylesheet" href="/css/nanogallery2.min.css">
    
   
    
</head>

<body>

    <div data-nanogallery2='{
	 "thumbnailDisplayTransition":          "slideUp",
     "thumbnailDisplayTransitionDuration":  500,
     "thumbnailDisplayInterval":            30,
     "galleryDisplayTransition":            "rotateX",
     "galleryDisplayTransitionDuration":    500,
     "galleryDisplayMode": "rows",
     "thumbnailDisplayOutsideScreen": "false",
     "eventsDebounceDelay": 10,
     "thumbnailL1BorderHorizontal": 0,
     "thumbnailL1BorderVertical": 0,
     "thumbnailLabel": {
        "titleFontSize": "0.6em"
     },
     "thumbnailWidth":   300,
     "thumbnailHeight":  "auto",
     "thumbnailHoverEffect2": "imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)",
     "galleryTheme": {
        "thumbnail": {
            "borderRadius": "5px"
        }
     },
     "thumbnailToolbarImage": {
        "topLeft": "",
        "topRight": "",
        "bottomLeft": "",
        "bottomRight": ""
     },
     "viewerToolbar":   {
        "display": true,
        "standard": "label"
     },
     "viewerTools":     {
        "topLeft":    "pageCounter, playPauseButton",
        "topRight":   "downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton"
     },
     "viewerGalleryTWidth": 40,
     "viewerGalleryTHeight": 40
}'>
        
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/palylist_927202461.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/palylist_927202461.jpg?x-oss-process=image/resize,w_300">十一种孤独</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_1363959080.png" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_1363959080.png?x-oss-process=image/resize,w_300">超人</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_4304725.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_4304725.jpg?x-oss-process=image/resize,w_300">Nick&#39;s B. Danube</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_572520241.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_572520241.jpg?x-oss-process=image/resize,w_300">Grand Tour</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_1498890.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_1498890.jpg?x-oss-process=image/resize,w_300">James Bond Theme</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_1062642.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_1062642.jpg?x-oss-process=image/resize,w_300">Title Theme</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_432430918.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_432430918.jpg?x-oss-process=image/resize,w_300">十二(Cover 留声玩具)</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_440240234.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_440240234.jpg?x-oss-process=image/resize,w_300">王源生贺-浮木</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_32451978.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_32451978.jpg?x-oss-process=image/resize,w_300">Crossing Winds</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_472638926.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2024/927202461/song_472638926.jpg?x-oss-process=image/resize,w_300">你好吗</a>

    </div>
</body>

</html>
]]></content:encoded>
    </item>
    <item>
      <title>过去一年的编码活动图表（share）</title>
      <link>https://daoyuchan.com/waka_share/</link>
      <pubDate>Mon, 19 Aug 2024 17:39:24 +0800</pubDate>
      <guid>https://daoyuchan.com/waka_share/</guid>
      <description>去年的编码活动（表）</description>
      <content:encoded><![CDATA[<h3 id="coding-activity-last-year-table">Coding Activity Last Year (Table)</h3>

<figure><embed src="https://wakatime.com/share/@mouc/2f995573-6aaf-4d1d-bb80-436199e39c85.svg"></embed></figure>

<h3 id="languages-pver-last-30-days">Languages pver Last 30 days</h3>

<figure><embed src="https://wakatime.com/share/@mouc/5c5a9060-6168-48a5-af22-4ae7195d86ba.svg"></embed></figure>

]]></content:encoded>
    </item>
    <item>
      <title>留言板🍃</title>
      <link>https://daoyuchan.com/gb/</link>
      <pubDate>Sun, 18 Aug 2024 19:10:52 +0800</pubDate>
      <guid>https://daoyuchan.com/gb/</guid>
      <description>评论千万条，文明第一条</description>
      <content:encoded><![CDATA[<h3 id="dash">站点简介</h3>
<p>你好！欢迎您访问本站！我是<code>道与</code>，也可以叫我「导演」或者「不拆」。</p>
<p>此处是我的个人博客，主要内容为随时想到要写点啥，避免浑浑噩噩的日常碎碎念等。</p>
<p>如果你对「菜单」有疑惑，可以先阅读 <a href="/posts/yunhu/">这篇说明</a>。</p>
<p>日常看过的网页链接一般在 <a href="/album/">这里</a> 存档</p>
<h3 id="newYear">倒计时</h3>
<div class="countdown" id="countdown-1">
    <h4>距离中秋节</h4>
    <time datetime="2025-10-06 12:00:00" class="countdown-time"></time>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            var countdown = new Date('2025-10-06 12:00:00').getTime();
            var x = setInterval(function () {
                var now = new Date().getTime();
                var distance = countdown - now;

                var days = Math.floor(distance / (1000 * 60 * 60 * 24));
                var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
                var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
                var seconds = Math.floor((distance % (1000 * 60)) / 1000);

                document.querySelector('.countdown-time').innerHTML = days + "天 " + hours + "时 "
                    + minutes + "分 " + seconds + "秒 ";

                if (distance < 0) {
                    clearInterval(x);
                    document.querySelector('.countdown-time').innerHTML = "EXPIRED";
                }
            }, 1000);
        });
    </script>
</div>

<style>
.countdown {
    font-family: 'Arial', sans-serif;
    background-color: var(--code-bg);
    border: 1px solid #dee2e6;
    border-radius: 5px;
    padding: 20px;
    text-align: center;
    margin: 20px 0;
}

.countdown h4 {
    margin: 0 0 10px 0;
    color: #333;
}

.countdown-time {
    font-size: 1.2em;
    color: var(--content);
    display: inline-block;
    margin: 10px 0;
}

@media (max-width: 768px) {
    .countdown {
        padding: 10px;
    }
    .countdown-time {
        font-size: 1em;
    }
}
</style>
<h3 id="wordCount">字数统计</h3>
<p>博客 写了约 





































































22,093 字






相当于一本 《狂人日记》</p>
<p>短文 写了约 





















4,673 字






相当于一本 《断魂枪》</p>
<p>动态 写了约 















5,538 字






相当于一本 《断魂枪》</p>
<p>建站日志 写了约 

















4,723 字






相当于一本 《断魂枪》</p>
<p>全站共写了约 



































































































32,304 字






相当于一本 《黄金时代》</p>
<h3 id="sub">附属站点</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://read.daoyuchan.com">小报童专栏推荐网站</a></td>
          <td style="text-align: left">一个 CPS 分销<del>试行</del>站点</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://m.daoyuchan.com" title="An open source, lightweight note-taking service. Easily capture and share your great thoughts."><del>私生饭</del></a></td>
          <td style="text-align: left">个人向饭否,via memos <a href="https://github.com/usememos/memos">https://github.com/usememos/memos</a></td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://m.daoyuchan.com">万象天工坊</a></td>
          <td style="text-align: left">同上：我的标签化赛博数字花园，归类冲浪时收集的七七八八内容</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://f.gakki.fans">读书群朋友圈</a></td>
          <td style="text-align: left">Typecho 体验站点</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href=""><del>本地电子书阅读器</del></a></td>
          <td style="text-align: left">Koodo Reader 的一个实例</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="http://n.gakki.fans/#/">不拆导航</a></td>
          <td style="text-align: left">Java开发的多人共用后台导航站</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://d.seekrss.com/">短网址</a></td>
          <td style="text-align: left">冗长网址简化</td>
      </tr>
  </tbody>
</table>
<p>你还可以在这里找到我（有私信功能）:</p>
<p><a target="_blank" href=https://okjk.co/zj5HO0 title= 商不拆  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/jike_tx1.jpg?x-oss-process&#61;image/resize,w_100 />
        </div>
        <div class="frienddivright">
            <div class="friendname">商不拆</div>
            <div class="friendinfo">已加入即刻社区2800&#43;天</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://storeweb.cn/site/o/2189 title= 个站商店  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/gezhan.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">个站商店</div>
            <div class="friendinfo">可以网页聊天</div>
        </div>
    </div>
</a></p>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    
   <link rel="stylesheet" href="/css/nanogallery2.min.css">
    
   
    
</head>

<body>

    <div data-nanogallery2='{
	 "thumbnailDisplayTransition":          "slideUp",
     "thumbnailDisplayTransitionDuration":  500,
     "thumbnailDisplayInterval":            30,
     "galleryDisplayTransition":            "rotateX",
     "galleryDisplayTransitionDuration":    500,
     "galleryDisplayMode": "rows",
     "thumbnailDisplayOutsideScreen": "false",
     "eventsDebounceDelay": 10,
     "thumbnailL1BorderHorizontal": 0,
     "thumbnailL1BorderVertical": 0,
     "thumbnailLabel": {
        "titleFontSize": "0.6em"
     },
     "thumbnailWidth":   300,
     "thumbnailHeight":  "auto",
     "thumbnailHoverEffect2": "imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)",
     "galleryTheme": {
        "thumbnail": {
            "borderRadius": "5px"
        }
     },
     "thumbnailToolbarImage": {
        "topLeft": "",
        "topRight": "",
        "bottomLeft": "",
        "bottomRight": ""
     },
     "viewerToolbar":   {
        "display": true,
        "standard": "label"
     },
     "viewerTools":     {
        "topLeft":    "pageCounter, playPauseButton",
        "topRight":   "downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton"
     },
     "viewerGalleryTWidth": 40,
     "viewerGalleryTHeight": 40
}'>
        
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-19/nomorepay.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-19/nomorepay.jpg?x-oss-process=image/resize,w_300">nomorepay</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-19/foxirensheng.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-19/foxirensheng.jpg?x-oss-process=image/resize,w_300">foxirensheng</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-19/thesame.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-19/thesame.jpg?x-oss-process=image/resize,w_300">thesame</a>

    </div>
</body>

</html>
<h3 id="domains">域名列表</h3>
<dl>
<dt>com</dt>
<dd>daoyuchan.com 本博客主站域名</dd>
<dt>com</dt>
<dd>seekrss.com 计划作为博客网站附属工具站|友情链接管理</dd>
<dt>fan</dt>
<dd>gakki.fans 工具向应用域名</dd>
</dl>
<hr>
<h3 id="bb">我来了</h3>


<img class="in-text" height="200" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/std/leaf_book.webp" alt="评论千万条，文明第一条" title="">

<p><style type="text/css">
     
    .notice {
        --title-color: #fff;
        --title-background-color: #6be;
        --content-color: #444;
        --content-background-color: #e7f2fa;
    }

    .notice.info {
        --title-background-color: #fb7;
        --content-background-color: #fec;
    }

    .notice.tip {
        --title-background-color: #5a5;
        --content-background-color: #efe;
    }

    .notice.warning {
        --title-background-color: #c33;
        --content-background-color: #fee;
    }

     
    @media (prefers-color-scheme:dark) {
        .notice {
            --title-color: #fff;
            --title-background-color: #069;
            --content-color: #ddd;
            --content-background-color: #023;
        }

        .notice.info {
            --title-background-color: #a50;
            --content-background-color: #420;
        }

        .notice.tip {
            --title-background-color: #363;
            --content-background-color: #121;
        }

        .notice.warning {
            --title-background-color: #800;
            --content-background-color: #400;
        }
    }

    body.dark .notice {
        --title-color: #fff;
        --title-background-color: #069;
        --content-color: #ddd;
        --content-background-color: #023;
    }

    body.dark .notice.info {
        --title-background-color: #a50;
        --content-background-color: #420;
    }

    body.dark .notice.tip {
        --title-background-color: #363;
        --content-background-color: #121;
    }

    body.dark .notice.warning {
        --title-background-color: #800;
        --content-background-color: #400;
    }

     
    .notice {
        padding: 18px;
        line-height: 24px;
        margin-bottom: 24px;
        border-radius: 4px;
        color: var(--content-color);
        background: var(--content-background-color);
    }

    .notice p:last-child {
        margin-bottom: 0
    }

     
    .notice-title {
        margin: -18px -18px 12px;
        padding: 4px 18px;
        border-radius: 4px 4px 0 0;
        font-weight: 700;
        color: var(--title-color);
        background: var(--title-background-color);
    }

     
    .icon-notice {
        display: inline-flex;
        align-self: center;
        margin-right: 8px;
    }

    .icon-notice img,
    .icon-notice svg {
        height: 1em;
        width: 1em;
        fill: currentColor;
    }

    .icon-notice img,
    .icon-notice.baseline svg {
        top: .125em;
        position: relative;
    }
</style><div class="notice tip" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="300.5 134 300 300">
  <path d="M551.281 252.36c0-3.32-1.172-6.641-3.515-8.985l-17.774-17.578c-2.344-2.344-5.469-3.711-8.789-3.711-3.32 0-6.445 1.367-8.789 3.71l-79.687 79.493-44.141-44.14c-2.344-2.344-5.469-3.712-8.79-3.712-3.32 0-6.444 1.368-8.788 3.711l-17.774 17.579c-2.343 2.343-3.515 5.664-3.515 8.984 0 3.32 1.172 6.445 3.515 8.789l70.704 70.703c2.343 2.344 5.664 3.711 8.789 3.711 3.32 0 6.64-1.367 8.984-3.71l106.055-106.056c2.343-2.343 3.515-5.468 3.515-8.789ZM600.5 284c0 82.813-67.188 150-150 150-82.813 0-150-67.188-150-150 0-82.813 67.188-150 150-150 82.813 0 150 67.188 150 150Z"/>
</svg>

        </span>提示</p><p>此处放置跟任何文章无关的评论；欢迎冒泡 ε=ε=ε=(<del>￣▽￣)</del></p></div>

你可以简单说一句，<code>我来了</code>~</p>
]]></content:encoded>
    </item>
    <item>
      <title>解锁Hugo中的Markdown之力：速查表</title>
      <link>https://daoyuchan.com/blog/markdown_cheatsheet/</link>
      <pubDate>Fri, 16 Aug 2024 23:21:27 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/markdown_cheatsheet/</guid>
      <description>&lt;h1 id=&#34;markdown-cheat-sheet&#34;&gt;Markdown Cheat Sheet&lt;/h1&gt;
&lt;p&gt;Markdown是一种轻量级的标记语言。它的设计使其可以转换成许多输出格式，比如HTML。&lt;/p&gt;
&lt;p&gt;这份Markdown备忘单提供了所有Markdown语法元素的快速概述。它无法涵盖每一个特殊情况，如果您需要更多关于这些元素的信息，请参考&lt;a href=&#34;https://www.markdownguide.org/basic-syntax/&#34;&gt;基本语法&lt;/a&gt;的参考指南和 &lt;a href=&#34;https://www.markdownguide.org/extended-syntax/&#34;&gt;扩展语法&lt;/a&gt;。&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h1 id="markdown-cheat-sheet">Markdown Cheat Sheet</h1>
<p>Markdown是一种轻量级的标记语言。它的设计使其可以转换成许多输出格式，比如HTML。</p>
<p>这份Markdown备忘单提供了所有Markdown语法元素的快速概述。它无法涵盖每一个特殊情况，如果您需要更多关于这些元素的信息，请参考<a href="https://www.markdownguide.org/basic-syntax/">基本语法</a>的参考指南和 <a href="https://www.markdownguide.org/extended-syntax/">扩展语法</a>。</p>
<h1 id="概览">概览</h1>
<p>以下内容直接来自 <a href="https://www.markdownguide.org/assets/markdown-cheat-sheet.md">the official cheatsheet</a> ， <a href="https://www.markdownguide.org/tools/hugo/">hugo不支持的语法已标记 ×</a>.</p>
<h2 id="基本语法">基本语法</h2>
<p>这些是 约翰·格鲁伯 原始设计文档中概述的要素。所有的 Markdown 应用程序都支持这些要素。</p>
<h3 id="标题">标题</h3>
<h1 id="一级标题">一级标题</h1>
<h2 id="二级标题">二级标题</h2>
<h3 id="三级标题">三级标题</h3>
<pre tabindex="0"><code># 一级标题
## 二级标题
### 三级标题
</code></pre><h3 id="粗体">粗体</h3>
<p><strong>bold text</strong></p>
<pre tabindex="0"><code>**bold text**
</code></pre><h3 id="斜体">斜体</h3>
<p><em>italicized text</em></p>
<pre tabindex="0"><code>*italicized text*
</code></pre><h3 id="引用">引用</h3>
<blockquote>
<p>blockquote</p></blockquote>
<pre tabindex="0"><code>&gt; blockquote
</code></pre><h3 id="有序列表">有序列表</h3>
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
<pre tabindex="0"><code>1. First item
2. Second item
3. Third item
</code></pre><h3 id="无序列表">无序列表</h3>
<ul>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ul>
<pre tabindex="0"><code>- First item
- Second item
- Third item
</code></pre><h3 id="代码">代码</h3>
<p><code>code</code></p>
<pre tabindex="0"><code>`code`
</code></pre><h3 id="分割线">分割线</h3>
<hr>
<pre tabindex="0"><code>---
</code></pre><h3 id="链接">链接</h3>
<p><a href="https://www.markdownguide.org">Markdown Guide</a></p>
<pre tabindex="0"><code>[Markdown Guide](https://www.markdownguide.org)
</code></pre><h3 id="图片">图片</h3>
<p><img loading="lazy" src="https://www.markdownguide.org/assets/images/tux.png" alt="alt text"  />
</p>
<pre tabindex="0"><code>![alt text](https://www.markdownguide.org/assets/images/tux.png)
</code></pre><h2 id="扩展语法">扩展语法</h2>
<p>这些元素通过添加附加功能来扩展基本语法。并非所有的Markdown应用都支持这些元素。</p>
<h3 id="表格">表格</h3>
<table>
  <thead>
      <tr>
          <th>Syntax</th>
          <th>Description</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>Header</td>
          <td>Title</td>
      </tr>
      <tr>
          <td>Paragraph</td>
          <td>Text</td>
      </tr>
  </tbody>
</table>
<pre tabindex="0"><code>| Syntax | Description |
| ----------- | ----------- |
| Header | Title |
| Paragraph | Text |
</code></pre><h3 id="栅栏代码块">栅栏代码块</h3>
<pre tabindex="0"><code>{
  &#34;firstName&#34;: &#34;John&#34;,
  &#34;lastName&#34;: &#34;Smith&#34;,
  &#34;age&#34;: 25
}
</code></pre><h3 id="脚注">脚注</h3>
<p>Here&rsquo;s a sentence with a footnote. <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
<pre tabindex="0"><code>Here&#39;s a sentence with a footnote. [^1]

[^1]: This is the footnote.
</code></pre><h3 id="标题自定义id">标题自定义ID</h3>
<h3 id="custom-id">My Great Heading</h3>
<pre tabindex="0"><code>### My Great Heading {#custom-id}
</code></pre><h3 id="定义列表">定义列表</h3>
<dl>
<dt>term</dt>
<dd>definition</dd>
</dl>
<pre tabindex="0"><code>term
: definition
</code></pre><h3 id="删除线">删除线</h3>
<p><del>The world is flat.</del></p>
<pre tabindex="0"><code>~~The world is flat.~~
</code></pre><h3 id="任务列表">任务列表</h3>
<ul>
<li><input checked="" disabled="" type="checkbox"> Write the press release</li>
<li><input disabled="" type="checkbox"> Update the website</li>
<li><input disabled="" type="checkbox"> Contact the media</li>
</ul>
<pre tabindex="0"><code>- [x] Write the press release
- [ ] Update the website
- [ ] Contact the media
</code></pre><h3 id="表情符号-">表情符号 ×</h3>
<p>That is so funny! :joy:</p>
<p>Gone camping! :tent: Be back soon.</p>
<pre tabindex="0"><code>That is so funny! :joy:

Gone camping! :tent: Be back soon.
</code></pre><p>(See also <a href="https://www.markdownguide.org/extended-syntax/#copying-and-pasting-emoji">Copying and Pasting Emoji</a>)</p>
<h3 id="高亮-">高亮 ×</h3>
<p>I need to highlight these ==very important words==.</p>
<pre tabindex="0"><code>I need to highlight these ==very important words==.
</code></pre><h3 id="下标-">下标 ×</h3>
<p>H<del>2</del>O</p>
<h3 id="上标-">上标 ×</h3>
<p>X^2^</p>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>This is the footnote.&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded>
    </item>
    <item>
      <title>立秋第一杯奶茶？用它来作讨钱文案就对了</title>
      <link>https://daoyuchan.com/1024/text_card/</link>
      <pubDate>Tue, 06 Aug 2024 23:33:46 +0800</pubDate>
      <guid>https://daoyuchan.com/1024/text_card/</guid>
      <description>此卡片小程序已经已经获得大湾区律师的一致好评</description>
      <content:encoded><![CDATA[<p><em>感知行业脉搏，把握时代机遇;</em></p>
<p><em>使用风骚程序，引领群聊主流；</em></p>
<p>今天分享的小程序是来自一个饭友开发者 <a href="https://dadan.jaxer.cc/"><em>谙前码后</em></a>  的呕心沥血之作 <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup>；</p>
<p>已经获得<code>大湾区律师</code>的一致好评，用来写写和客户（之间）不得不说的故事，锦上添花。</p>
<h3 id="请我喝奶茶">请我喝奶茶</h3>


<img class="in-text" height="320" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/shbq_lqnc.jpg" alt="作同款文案，拉到最后~~~" title="">

<h3 id="古文竖排">古文竖排</h3>
<p>2024年07月22日
新增古文竖排方式, 如果增加署名将会在左侧，上下居中


<img class="in-text" height="320" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/guwen_sp.jpg" alt="古文竖排方式" title="">
</p>
<h3 id="纯白背景">纯白背景</h3>
<p>2024年07月27日
语录、书摘、文案分享图片制作</p>
<p>支持纯白背景＋呆桃绿字色</p>
<p>支持本地保存历史署名，最多6个</p>
<p>支持更大字体</p>
<p><a href="https://mp.weixin.qq.com/s/TU0LvWB-RXmbFS0ns5BAEw">https://mp.weixin.qq.com/s/TU0LvWB-RXmbFS0ns5BAEw</a></p>
<p>

<img class="in-text" height="320" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/727.jpg" alt="纯白背景" title="">



<img class="in-text" height="320" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/727-1.jpg" alt="纯白背景设置" title="">
</p>
<h3 id="制图模板">制图模板</h3>
<p>2024年08月03日
添加快速制图模板</p>
<p>新增拍立得模式</p>
<p>新增文字高度偏移</p>


<img class="in-text" height="500" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/pld.jpg" alt="拍立得设置" title="">

<h3 id="独立小程序">独立小程序</h3>
<p>2024年8月20号
耐心卡片 和 黑神话·悟空同步上线🎉</p>
<p>

<img class="in-text" height="320" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/dadao_1.jpg" alt="示例1" title="">



<img class="in-text" height="320" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/dadao_2.jpg" alt="示例2" title="">
</p>
<h3 id="用户评价">用户评价</h3>
<figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/shbq_pjs.jpg"
         alt="文案分享"/> <figcaption>
            <p>用户夸夸</p>
        </figcaption>
</figure>

<h3 id="扫码直达">扫码直达</h3>
<figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/1024/text_card/nxkp.jpg"
         alt="文案分享"/> <figcaption>
            <p>微信扫码适用</p>
        </figcaption>
</figure>

<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p>耐心卡片小程序 <a href="https://dadan.jaxer.cc/page/3972a57167274b6087a72ed7ac4cc917">https://dadan.jaxer.cc/page/3972a57167274b6087a72ed7ac4cc917</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded>
    </item>
    <item>
      <title>既见君子，云胡不喜？</title>
      <link>https://daoyuchan.com/posts/yunhu/</link>
      <pubDate>Tue, 06 Aug 2024 00:00:01 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/yunhu/</guid>
      <description>介绍本站的内容构成</description>
      <content:encoded><![CDATA[<p>昨天我在知识星球盘点了，当前的内容输出架构：</p>
<p>在此也同步一下</p>
<p><code>搭建适合自己的输出体系</code>经过这段时间的磨合，我现在对内容的输出通道是<code>个人网站</code>  daoyuchan.com</p>
<p>这个我搭建了6个栏目</p>
<p><strong><a href="/blog/">博客</a></strong> 写长文用，更新周期较长</p>
<p><strong><a href="/memos/">动态</a></strong> 按月归总日常的思考，并且有月度统计（承袭饭否输出习惯）</p>
<p><strong><a href="/posts/">短文</a></strong> 同步公众号IP写作的短文</p>
<p><strong><a href="/log/">建站</a></strong> 写建站历程和经验（技术向，尽可能详细，可1v1抄作业，也是我要推出的小报童专栏的素材收集练习场）</p>
<p><strong><a href="/tech/">技术</a></strong> 这是老本行，更新工作中归纳的可复用代码片段</p>
<p><strong><a href="/1024/">应用</a></strong> 推荐自媒体领域应用，包括不限于小程序，网页，APP等。</p>
<p><strong><a href="https://mp.weixin.qq.com/s?__biz=MzkzNDYwNDE3Mw==&amp;mid=2247483670&amp;idx=1&amp;sn=04ffb1b313b25a2785865fdb978e1b9b&amp;chksm=c2bbfdf4f5cc74e27c80a04ccaf2a945e0d3d737c1a33d98ae6b0d67f44c58f7ac071debdee4&amp;cur_album_id=3186776896177668100&amp;scene=189#wechat_redirect">公众号:不拆笔记</a></strong>  练习IP写作，也接受朋友们的投稿。</p>
<p><strong>朋友圈</strong>:经营融合日常的自媒体IP人设</p>
<p><del>另，在寻找适合的主题，用于展现小报童专栏评测。初步定，一个暗黑编辑器类主题</del></p>
<p><code>dark-theme-editor</code></p>
<p>以上👆网站已上线： <a href="https://read.daoyuchan.com">道与-小报童专栏推荐</a> 一个小报童专栏评测网站</p>
]]></content:encoded>
    </item>
    <item>
      <title>曾国藩一生写了多少个字？</title>
      <link>https://daoyuchan.com/blog/zeng_books/</link>
      <pubDate>Sun, 04 Aug 2024 23:50:29 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/zeng_books/</guid>
      <description>1500万字对一个人是啥概念？</description>
      <content:encoded><![CDATA[<p>最近在听书《冯唐成事心法》，里面说到曾国藩，说他写了很多字。
以下是根据网上资料汇总的一些数据：</p>
<p>《曾国藩家书》收录了他写给家人的 435 通书信，内容涵盖了<code>修身养性、为人处世、交友识人、持家教子、治军从政</code>等多个方面。</p>
<p>曾国藩除了著名的《曾国藩家书》之外，还有许多其他著作，其中包括：</p>
<ol>
<li>
<p><strong>《持家教子之术》</strong>：这本书主要讲述了曾国藩对家庭成员的教育方法，其家教理论体系以八本为经，以八宝为纬，形成了一套完整的治家理论体系 。</p>
</li>
<li>
<p><strong>《冰鉴》</strong>：被认为是曾国藩总结自身识人、用人心得的传世奇书，是关于识人、相人的经典文献 。</p>
</li>
<li>
<p><strong>《曾文正公全集》</strong>：这是曾国藩的文集，收录了他一生主要的学问精华，反映了他修身、齐家、治国、平天下的智慧 。</p>
</li>
<li>
<p><strong>《十八家诗钞》</strong>：这是曾国藩编选的一部古代诗歌选集，共28卷，选取了魏晋南北朝至金代的诗人作品 。</p>
</li>
<li>
<p><strong>《经史百家杂钞》</strong>：曾国藩编纂的一部古文精华集，共二十六卷，是清末到民国社会上流传广泛、影响较大的古文选读本 。</p>
</li>
<li>
<p><strong>《挺经》</strong>：该书是曾国藩生前的一部“压案之作”，用李鸿章的话说，这部书是“精通造化、守身用世”的秘诀 。</p>
</li>
<li>
<p><strong>《曾国藩日记》</strong>：记录了曾国藩的日常生活和思想 。</p>
</li>
<li>
<p><strong>《曾国藩全集》</strong>（全31册）：由岳麓书社出版，包含奏稿、批牍、诗文、读书录、日记、家书、书信等七个部分 。</p>
</li>
</ol>
<p>这些著作涵盖了曾国藩在政治、军事、教育、文学等多个领域的思想和实践，对后世有着深远的影响。</p>
<p>曾国藩一生，据统计（张宏杰，清华大学历史系博士后），写了<strong>两千万字</strong>。</p>
<p>假如这两千万字，是真的，我们要有一个概念：</p>
<p>第一，他是在军国重务缠身、戎马倥偬之际，写出的两千万字。</p>
<p>第二，他用的是毛笔。要磨墨才能写。需要毛笔+砚台+水+墨+纸+桌+椅子齐全，才能写。如果是晚上，还要灯台+灯芯+灯油。</p>
<p>第三、光。那个时候，没有电灯。全靠日光和昏暗的油灯。你试试在蜡烛下写字的感觉。</p>
<p>第四，他只活了61岁（1811年11月26日-1872年3月12日）。假设写字40年，那么，每年是50万字。每天，1370字。这就是在2024年，也几乎是难以完成的任务。坚持一个月可以，一年也行，三五年也大有人在。可是，四十年？？？</p>
<p>第五，这2000万字，他都写了什么？？奏章、日记、信件、公文，占了大头。曾国藩本人基本没有著书立说。无文章传世。尽管唐浩明对他的奏章津津乐道，但是我实在看不出来高妙之处。全部是琐碎。各种琐碎。满清军国重臣，笔下全是琐碎。</p>
<p>第六，除了琐碎，就是交流。奏章是为了交流，信件、公文也是交流。日记也是交流。自己与自己的交流。信息流通第一管道。</p>
]]></content:encoded>
    </item>
    <item>
      <title>《我还是喜欢东京》本质就是图集嘛</title>
      <link>https://daoyuchan.com/posts/i-still-like-tokyo/</link>
      <pubDate>Sun, 04 Aug 2024 15:43:27 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/i-still-like-tokyo/</guid>
      <description>&lt;p&gt;经过一周的沉浸式阅读，我对日本这个国家的认识愈加深刻。本书作者通过细腻的笔触，描绘了东京各个角落所体现的日本人那种认真细致、一丝不苟的精神。这让我深感，国内城市与东京相比，仍有很长的路要走。尽管这本书出版于2016年，书中许多细节在2024年的中国已经得到实现，然而，依然有许多值得我们学习之处，尤其是在服务行业提升服务品质和营造温馨环境方面。&lt;/p&gt;</description>
      <content:encoded><![CDATA[<p>经过一周的沉浸式阅读，我对日本这个国家的认识愈加深刻。本书作者通过细腻的笔触，描绘了东京各个角落所体现的日本人那种认真细致、一丝不苟的精神。这让我深感，国内城市与东京相比，仍有很长的路要走。尽管这本书出版于2016年，书中许多细节在2024年的中国已经得到实现，然而，依然有许多值得我们学习之处，尤其是在服务行业提升服务品质和营造温馨环境方面。</p>
<figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/posts/tk_cover.webp"
         alt="书的封面"/> <figcaption>
            <p>《我还是喜欢东京》封面</p>
        </figcaption>
</figure>

<h3 id="垃圾分类的细致入微">垃圾分类的细致入微</h3>
<p>首先，日本人在垃圾分类方面的细致程度令人钦佩。他们每天按照固定的时间表丢弃不同类型的垃圾，如周一为可燃垃圾，周二为塑料垃圾，周三为不可燃垃圾等。甚至连饮料中的冰块都有专门的回收渠道。牛奶盒在回收前必须被平整、清洗、晾干。相比之下，我们通常只有四种垃圾分类，且在具体执行上还有待加强。日本人在执行垃圾分类时的严谨和自觉，让我想象，如果一个中国人初到日本生活，可能需要一段时间来适应这种生活方式。</p>
<h3 id="对弱势群体的关怀">对弱势群体的关怀</h3>
<p>其次，日本人在日常生活中对弱势群体的关怀无处不在。商场的卫生间设有固定婴儿座椅，让带孩子的妈妈们能够安心使用。站台上设有专为残疾人设计的轮椅轨道装置，为他们的出行提供了便利。盲文标识随处可见，甚至在产品包装上也进行了设计。孕妇在临产时，可以享受到专门的“孕妇出租车”服务，提供必要的物资并直接送至医院。日本的救护车服务也是免费的，这些都是对生命的尊重和关怀。</p>
<h3 id="细节之处见真章">细节之处见真章</h3>
<p>再次，日本人对细节的关注体现在生活的方方面面。公共卫生间安装了“音姬”设备，在如厕时可以播放音乐，以掩盖声音。便利店的收银台为顾客提供了放置包包的空间，并提供热水等便利设施。图书馆设有消毒柜，可以消毒书籍，这在国内一些大学图书馆也已开始实施，但这是近年来的新现象。新干线设有女性专用车厢，以保护女性的安全。超市里的苹果标明了甜度，蔬菜标明了产地和负责人，鸡蛋上标明了最佳食用期。救护车车头的“救急”二字倒写，是为了在后视镜中更清晰地显示。这些在国内尚未普及的细节，被日本人巧妙地融入了日常生活。</p>
<h3 id="文明进步的体现">文明进步的体现</h3>
<p>这些细节不仅体现了一种温馨和人性化的服务设施，更是文明进步和以人为本理念的体现。它们让人更加喜爱这座城市。而且，许多规则的实施也需要人的总体素质来维持。我们还有很多工作要做，道路依然漫长。我希望我们的公共服务能够更加便利，更多地体现人文关怀。</p>
<figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/posts/ti_tower.webp"
         alt="东京塔"/> <figcaption>
            <p>东京塔</p>
        </figcaption>
</figure>

<h3 id="图书链接">图书链接</h3>











  
  
  
  





  


<blockquote>
  <p>本书主体分两部分，第一部分由800多张细节图片及相应配文构成，分为垃圾分类、残疾人和母婴关怀、超市购物、洗手间、城市生活、道路交通、微笑服务、医院看病、责任制、图书馆、公共安全、料理文化、人性化设计共13个主题，全面丰富地展示了东京这座城市让人感觉温暖和便利的各种细节。第二部分 “在日华人大家谈”，邀请了在国内最有影响力的在日华人作家，李长声、蒋丰、姜建强、莫邦富、张石、刘拧、唐辛子、亦夫、万景路等，以专栏文章的形式分享了他们对于东京这座城市细节的感受。</p>
  <footer>
    <strong>豆瓣图书</strong>
    
      
        <cite>
          <a href="https://book.douban.com/subject/26751613/" title="https://book.douban.com/subject/26751613/">《我还是喜欢东京》</a> 
        </cite>
      
    
  </footer>
</blockquote>

<p>撰文/投稿：<a target="_blank" href=https://web.okjike.com/u/74238CFB-64AD-4B27-867F-8F2E9DA541B9 title= Fiona羽言  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/img/fiona.jpg />
        </div>
        <div class="frienddivright">
            <div class="friendname">Fiona羽言</div>
            <div class="friendinfo">教孩子ABC \ 英语翻译硕士MTI \ 读书分享者</div>
        </div>
    </div>
</a></p>
<p>编辑/配图：道与</p>
]]></content:encoded>
    </item>
    <item>
      <title>[归档]2024年8月动态</title>
      <link>https://daoyuchan.com/memos/2408/</link>
      <pubDate>Thu, 01 Aug 2024 09:34:29 +0800</pubDate>
      <guid>https://daoyuchan.com/memos/2408/</guid>
      <description>没有先富带动后富，只有先卷带动后卷。</description>
      <content:encoded><![CDATA[


<link rel="stylesheet" href="/css/style-refractored.css">

<script src="/js/fancyapps/fancybox.umd.js"></script>

<link rel="stylesheet" href="/js/fancyapps/fancybox.css" />

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">






















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-30 15:51 小小牛马</div>


                <h5 id="2024-08-30 15:51 小小牛马" style="opacity: 0;">2024-08-30 15:51 小小牛马</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


牛不吟马不叫，<br>


小小牛马，<br>


收到收到。<br>


一生牛马不得闲，<br>


得闲已与青山眠。<br>


想把钱花在刀刃上，<br>


却发现生活处处是刀刃。


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/mashuine.png" data-fancybox="gallery" data-caption="2024-08-30 15:51 小小牛马">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/mashuine.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-30 05:16 品味</div>


                <h5 id="2024-08-30 05:16 品味" style="opacity: 0;">2024-08-30 05:16 品味</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>判断一个女人的品味好坏，最简单的办法就是跟她谈恋爱，如果她不肯跟你谈，说明她品味还可以[嘘]</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-29 00:20 慢慢生長</div>


                <h5 id="2024-08-29 00:20 慢慢生長" style="opacity: 0;">2024-08-29 00:20 慢慢生長</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>很多事情都需要時間去慢慢生長，比如——樹。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-28 23:46 小而美的小IP</div>


                <h5 id="2024-08-28 23:46 小而美的小IP" style="opacity: 0;">2024-08-28 23:46 小而美的小IP</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>做不了大IP，做一个小而美的小IP，个人是完全能做到的。关键是开始行动；第一件事：全网昵称形式上的统一。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-03 17:42 年轻的爱好</div>


                <h5 id="2024-07-03 17:42 年轻的爱好" style="opacity: 0;">2024-07-03 17:42 年轻的爱好</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>建议培养-没啥用但是让你看起来年轻的爱好</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914190248.png" data-fancybox="gallery" data-caption="2024-07-03 17:42 年轻的爱好">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/20240914190248.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-28 15:31 拥有</div>


                <h5 id="2024-08-28 15:31 拥有" style="opacity: 0;">2024-08-28 15:31 拥有</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>当你拥有一样东西之后，你对这样东西的评价会高于你没有拥有它时。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-28 15:28 2012测试版</div>


                <h5 id="2024-08-28 15:28 2012测试版" style="opacity: 0;">2024-08-28 15:28 2012测试版</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>众所周不知，还有人不知道饭否有个2012测试版吗？ 2012.fanfou.com</p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=http://2012.fanfou.com target="_blank">http://2012.fanfou.com</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-28 10:22 二十岁</div>


                <h5 id="2024-08-28 10:22 二十岁" style="opacity: 0;">2024-08-28 10:22 二十岁</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>别人的二十岁：披金戴银为国争光 我的二十岁：无视风险继续安装</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-25 15:56 结婚率</div>


                <h5 id="2024-08-25 15:56 结婚率" style="opacity: 0;">2024-08-25 15:56 结婚率</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


结婚率骤降受多方面影响：快速工业化、就业环境、婚育成本、男女对立…<br>


唯独少有因为婚姻自由…<br>


无需户口本这样治标不治本的政策，宽进严出会导致理智的群体更谨慎进入婚姻。


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-24 15:28 NOFAN</div>


                <h5 id="2024-08-24 15:28 NOFAN" style="opacity: 0;">2024-08-24 15:28 NOFAN</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>nofan 还能用啊 TAT ，太tm优雅了</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-24/20240824194538.png" data-fancybox="gallery" data-caption="2024-08-24 15:28 NOFAN">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-24/20240824194538.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-24 11:07 烂产品开始</div>


                <h5 id="2024-08-24 11:07 烂产品开始" style="opacity: 0;">2024-08-24 11:07 烂产品开始</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>允许自己从做一个烂产品开始，开始比完美更重要。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>




















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-23 17:11 虚无和自责</div>


                <h5 id="2024-08-23 17:11 虚无和自责" style="opacity: 0;">2024-08-23 17:11 虚无和自责</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>用手机不断刷短视频会让人变得虚无，系统会不断为你推送相同的内容，你也就被困在这一类的内容里无法自拔，并且不断自我满足。然后停下来后，又追悔你浪费的这段历史垃圾时间，陷入自责。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-23 13:57 未逢明主</div>


                <h5 id="2024-08-23 13:57 未逢明主" style="opacity: 0;">2024-08-23 13:57 未逢明主</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>接不到单子，单子被狠狠压价得程序员现状</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-24/20240824194314.png" data-fancybox="gallery" data-caption="2024-08-23 13:57 未逢明主">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-24/20240824194314.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-22 17:47 仔细阅读并同意</div>


                <h5 id="2024-08-22 17:47 仔细阅读并同意" style="opacity: 0;">2024-08-22 17:47 仔细阅读并同意</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>大部分人这辈子撒过最大的谎，无非是“我已仔细阅读并同意用户协议”</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-18 18:41 十里挑一</div>


                <h5 id="2024-08-18 18:41 十里挑一" style="opacity: 0;">2024-08-18 18:41 十里挑一</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>独立博客推荐，十里挑一</p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://discoveryinsights.site/ target="_blank">https://discoveryinsights.site/</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-15 23:24 Kindle吃灰</div>


                <h5 id="2024-08-15 23:24 Kindle吃灰" style="opacity: 0;">2024-08-15 23:24 Kindle吃灰</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>似乎每一台 Kindle 都逃不过最终吃灰的命运，我的kindle也是如此。（所以很早就卖掉了</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-15 17:18 放下个人素质</div>


                <h5 id="2024-08-15 17:18 放下个人素质" style="opacity: 0;">2024-08-15 17:18 放下个人素质</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>放下个人素质，享受缺德人生，拒绝精神内耗，有事直接发疯，与其委屈自己，不如为难别人！</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-13 23:57 来什么应什么</div>


                <h5 id="2024-08-13 23:57 来什么应什么" style="opacity: 0;">2024-08-13 23:57 来什么应什么</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


人的一生，只有一件事是确定的，那就是离开这个世界，其他的都不确定。<br>


所以，不要执着生活一定非要怎么样，来什么，应什么，就好。


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-13 16:12 适应焦虑去行动</div>


                <h5 id="2024-08-13 16:12 适应焦虑去行动" style="opacity: 0;">2024-08-13 16:12 适应焦虑去行动</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


绝大多数情况下，焦虑感是一种居安思危。<br>


​人的焦虑都是因为想要变好，<br>


反之​，混吃等死的人，是不会焦虑的。<br>


只焦虑不行动，便是无效内耗，<br>


会比躺平的人更难快乐。<br>


适应焦虑去行动<br>


才有所创造，才能真正缓解焦虑。<br>


二者，缺一不可。


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-24/20240824193604.png" data-fancybox="gallery" data-caption="2024-08-13 16:12 适应焦虑去行动">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-08-24/20240824193604.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-12 00:30 小报童专栏评测</div>


                <h5 id="2024-08-12 00:30 小报童专栏评测" style="opacity: 0;">2024-08-12 00:30 小报童专栏评测</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>正式上线了小报童专栏评测网站 read.daoyuchan.com </p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/read_sc.png" data-fancybox="gallery" data-caption="2024-08-12 00:30 小报童专栏评测">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/read_sc.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://read.daoyuchan.com target="_blank">https://read.daoyuchan.com</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-11 16:00 值得关注</div>


                <h5 id="2024-08-11 16:00 值得关注" style="opacity: 0;">2024-08-11 16:00 值得关注</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>饭否上没啥值得关注的人，我也就关注了不到千把个</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-11 15:42 小破站</div>


                <h5 id="2024-08-11 15:42 小破站" style="opacity: 0;">2024-08-11 15:42 小破站</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>看了下IP统计，预计我的小破站本月能破千。 daoyuchan.com ，它是我饭否之外的一个自留地</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-09 12:21 20世纪</div>


                <h5 id="2024-08-09 12:21 20世纪" style="opacity: 0;">2024-08-09 12:21 20世纪</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>20世纪是从1901年到2000年的一段历史时期，跨越了整整一个世纪，起始于1901年1月1日，终于2000年12月31日</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-06 23:30 萌国萌站</div>


                <h5 id="2024-08-06 23:30 萌国萌站" style="opacity: 0;">2024-08-06 23:30 萌国萌站</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>加入了萌ICP备案，编号 ```20240267```</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/moe_icp.png" data-fancybox="gallery" data-caption="2024-08-06 23:30 萌国萌站">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/moe_icp.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-06 13:00 自己的面目</div>


                <h5 id="2024-08-06 13:00 自己的面目" style="opacity: 0;">2024-08-06 13:00 自己的面目</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


从人性的角度来看，很多人都是会嫉妒他人，会双标！<br>


​同样的事情放在自己身上去做可以，他人就不行！<br>


有些人连自己的真面目都看不清


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-05 16:59 爆文星球</div>


                <h5 id="2024-08-05 16:59 爆文星球" style="opacity: 0;">2024-08-05 16:59 爆文星球</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>有人要买这个星球吗，随便问问。（深耕公众号写作必备星球之一）</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/gf_414825.jpg" data-fancybox="gallery" data-caption="2024-08-05 16:59 爆文星球">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/gf_414825.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-04 23:50 1500万</div>


                <h5 id="2024-08-04 23:50 1500万" style="opacity: 0;">2024-08-04 23:50 1500万</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>曾国藩一生写了多少字？？保守估计1500万&#43;，除了琐碎，就是交流。奏章是为了交流，信件、公文也是交流。日记也是交流。自己与自己的交流。信息流通第一管道。</p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/blog/zeng_books target="_blank">/blog/zeng_books</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-03 22:28 微信小号运营</div>


                <h5 id="2024-08-03 22:28 微信小号运营" style="opacity: 0;">2024-08-03 22:28 微信小号运营</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


小号如何加人如何运营<br>





可以在自己的公众平台，比如公众号去留自己的小号，并且打好标签，精细化管理和运营。<br>





小号要加与主号不要太重叠的人，最好是去一些其他圈子加人。<br>





然后就是朋友圈，<br>


要注意多发体现自己价值观的内容，<br>


注意把图弄好看一点，推荐 一个我的朋友开发的语录小程序:（功能迭代很快，已经支持背景图自定义了）<br>


<br>


#小程序://手绘丨刮卡/gdGqMIiytbaCQnz <br>


<br>


然后注意朋友圈的布局。（生活记录和价值输出穿插）


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/xjb_gdh.jpg" data-fancybox="gallery" data-caption="粤语·性价比·平靓正">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2408/xjb_gdh.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-02 15:28 提交个站</div>


                <h5 id="2024-08-02 15:28 提交个站" style="opacity: 0;">2024-08-02 15:28 提交个站</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


个站商店 V3.0 一个精致的，带社交元素的个人网站发布平台，博客收录网站


它的RSS功能做的🙆‍


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/dy_logo.jpg" data-fancybox="gallery" data-caption="道与的站点LOGO">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/dy_logo.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://storeweb.cn/site/o/2189 target="_blank">https://storeweb.cn/site/o/2189</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>














<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-08-01 15:00 巧遇</div>


                <h5 id="2024-08-01 15:00 巧遇" style="opacity: 0;">2024-08-01 15:00 巧遇</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>时隔1年，在巴士上偶遇以前的老朋友；出门时间，向左走还是向右走，选择哪一辆车，这几个条件都对了才遇得到，哈哈哈。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024年7月</div>


                <h5 id="2024年7月" style="opacity: 0;">2024年7月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/2407 target="_blank">https://daoyuchan.com/memos/2407</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>







]]></content:encoded>
    </item>
    <item>
      <title>hugo 使用手绘风格的 JS 图表库：Chart.xkcd 短代码</title>
      <link>https://daoyuchan.com/log/shortcode_chart_xkcd/</link>
      <pubDate>Tue, 30 Jul 2024 16:20:27 +0800</pubDate>
      <guid>https://daoyuchan.com/log/shortcode_chart_xkcd/</guid>
      <description>&lt;h3 id=&#34;chartxkcd介绍&#34;&gt;Chart.xkcd介绍&lt;/h3&gt;
&lt;p&gt;Chart.xkcd 是一个图表库，可绘制“非精细”、“卡通”或“手绘”样式的图表。它在GitHub上已经有 &lt;strong&gt;7.6K&lt;/strong&gt; 个Star了。&lt;/p&gt;
&lt;h3 id=&#34;快速入手&#34;&gt;快速入手&lt;/h3&gt;
&lt;p&gt;使用 Chart.xkcd 很容易，只需页面中包含库的引用和一个用于显示图表的 &lt;!-- raw HTML omitted --&gt; 节点即可。&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h3 id="chartxkcd介绍">Chart.xkcd介绍</h3>
<p>Chart.xkcd 是一个图表库，可绘制“非精细”、“卡通”或“手绘”样式的图表。它在GitHub上已经有 <strong>7.6K</strong> 个Star了。</p>
<h3 id="快速入手">快速入手</h3>
<p>使用 Chart.xkcd 很容易，只需页面中包含库的引用和一个用于显示图表的 <!-- raw HTML omitted --> 节点即可。</p>
<p>我用 本博客 <code>动态💬</code> 栏目的顶端图表做个说明：</p>
<h4 id="关键代码结构">关键代码结构</h4>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="cp">&lt;!DOCTYPE html&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span> <span class="na">lang</span><span class="o">=</span><span class="s">&#34;en&#34;</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">head</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">meta</span> <span class="na">charset</span><span class="o">=</span><span class="s">&#34;UTF-8&#34;</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">title</span><span class="p">&gt;</span>Title<span class="p">&lt;/</span><span class="nt">title</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">head</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="c">&lt;!--将 SVG 元素直接嵌入 HTML 页面中--&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">&#34;line-chart&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">svg</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="c">&lt;!--引入 JS 库--&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://cdn.jsdelivr.net/npm/chart.xkcd@1.1/dist/chart.xkcd.min.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="c1">//关键代码块
</span></span></span><span class="line"><span class="cl"><span class="c1"></span>  <span class="kr">const</span> <span class="nx">svg</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s1">&#39;.line-chart&#39;</span><span class="p">)</span>
</span></span><span class="line"><span class="cl">  <span class="k">new</span> <span class="nx">chartXkcd</span><span class="p">.</span><span class="nx">Line</span><span class="p">(</span><span class="nx">svg</span><span class="p">,</span> <span class="p">{</span>
</span></span><span class="line"><span class="cl">    <span class="nx">title</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">    <span class="nx">xLabel</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">    <span class="nx">yLabel</span><span class="o">:</span> <span class="s1">&#39;&#39;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">    <span class="nx">data</span><span class="o">:</span> <span class="p">{...},</span>
</span></span><span class="line"><span class="cl">    <span class="nx">options</span><span class="o">:</span> <span class="p">{},</span>
</span></span><span class="line"><span class="cl">  <span class="p">});</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
</span></span></code></pre></div><h4 id="参数说明">参数说明</h4>
<ul>
<li>title：图表的标题</li>
<li>xLabel：图表的 x 标签</li>
<li>yLabel：图表的 y 标签</li>
<li>data：需要可视化的数据</li>
<li>options：自定义设置</li>
<li>
<ul>
<li>yTickCount: y轴上看到的刻度号数量 （默认3）</li>
</ul>
</li>
<li>
<ul>
<li>legendPosition：放置图例的位置</li>
</ul>
</li>
</ul>
<pre tabindex="0"><code>chartXkcd.config.positionType.upLeft
...upRIght
...downLeft
...downRIght
</code></pre><ul>
<li>
<ul>
<li>dataColors: 不同颜色的数据集数组</li>
</ul>
</li>
<li>
<ul>
<li>fontFamily: 定制字体</li>
</ul>
</li>
<li>
<ul>
<li>unxkcdify: 禁用xkcd效果</li>
</ul>
</li>
</ul>
<h3 id="图表类型支持">图表类型支持</h3>
<ul>
<li>折线图 Line</li>
<li>XY图   XY</li>
<li>条形图 Bar</li>
<li>甜甜圈图 Pie</li>
<li>雷达图 Radar</li>
</ul>
<h3 id="hugo-shortcode">Hugo Shortcode</h3>
<p><em>新建layouts/shortcodes/chart_xkcd.html</em></p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">div</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">svg</span> <span class="na">class</span><span class="o">=</span><span class="s">&#39;{{ .Get &#34;name&#34; }}&#39;</span><span class="p">&gt;&lt;/</span><span class="nt">svg</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">script</span> <span class="na">src</span><span class="o">=</span><span class="s">&#34;https://cdn.jsdelivr.net/npm/chart.xkcd@1.1/dist/chart.xkcd.min.js&#34;</span><span class="p">&gt;&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;</span><span class="nt">script</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">        <span class="kr">const</span> <span class="nx">svg</span><span class="p">{{</span> <span class="p">.</span><span class="nx">Get</span> <span class="s2">&#34;name&#34;</span> <span class="o">|</span> <span class="nx">safeJS</span> <span class="p">}}</span> <span class="o">=</span> <span class="nb">document</span><span class="p">.</span><span class="nx">querySelector</span><span class="p">(</span><span class="s1">&#39;.{{ .Get &#34;name&#34; }}&#39;</span><span class="p">);</span>
</span></span><span class="line"><span class="cl">        <span class="k">new</span> <span class="nx">chartXkcd</span><span class="p">.{{</span> <span class="p">.</span><span class="nx">Get</span> <span class="s2">&#34;type&#34;</span> <span class="o">|</span> <span class="nx">safeJS</span> <span class="p">}}(</span><span class="nx">svg</span><span class="p">{{</span> <span class="p">.</span><span class="nx">Get</span> <span class="s2">&#34;name&#34;</span> <span class="o">|</span> <span class="nx">safeJS</span> <span class="p">}},{</span>
</span></span><span class="line"><span class="cl">            <span class="p">{{</span> <span class="p">.</span><span class="nx">Inner</span> <span class="o">|</span> <span class="nx">safeJS</span> <span class="p">}}</span>
</span></span><span class="line"><span class="cl">    <span class="p">});</span>
</span></span><span class="line"><span class="cl">    <span class="p">&lt;/</span><span class="nt">script</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">div</span><span class="p">&gt;</span>
</span></span></code></pre></div><p><em>XY图使用举例</em></p>
<div>
    <svg class='ff_counts'></svg>
    <script src="/js/chart.xkcd.min.js"></script>
    <script>
        const svgff_counts = document.querySelector('.ff_counts');
        new chartXkcd.XY(svgff_counts,{
            
    title: 'Fanfou counts', //optional
    xLabel: 'month', //optional
    yLabel: 'count', //optional
    data: {
      datasets: [{
        label: '动态数量',
        data: [{ x: 4, y:5.5 },{ x: 5, y: 8 }, { x: 6, y: 11 }, { x: 7, y: 14 }]
      },{
        label: '图片数量',
        data: [{ x: 4, y:5 },{ x: 5, y: 4 }, { x: 6, y: 2 }, { x: 7, y: 3 }]
      }], 
    },
    options: { //optional
      xTickCount: 4,
      yTickCount: 5,
      legendPosition: chartXkcd.config.positionType.upRight,
      showLine: false,
      timeFormat: undefined,
      dotSize: 1,
    },


    });
    </script>
</div>
<p>以上例子的代码👇
<figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/log/code_xy.png"
         alt="A beautiful code"/> <figcaption>
            <p>📸 by Polacode</p>
        </figcaption>
</figure>
</p>
<h3 id="参考资料">参考资料</h3>
<p><a href="https://zhuanlan.zhihu.com/p/89118491"><em>HelloGitHub-kalifun 介绍chart.xkcd</em></a></p>
<p><a href="https://timqian.com/chart.xkcd/"><strong>官方文档</strong></a></p>
<p><a href="https://github.com/timqian/chart.xkcd"><strong>项目地址</strong></a></p>
]]></content:encoded>
    </item>
    <item>
      <title>微信☆星标好友头像樯</title>
      <link>https://daoyuchan.com/blog/mi_gals/</link>
      <pubDate>Sat, 27 Jul 2024 12:12:16 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/mi_gals/</guid>
      <description>将好友设为星标好友后，可快速在通讯录顶部的【星标朋友】分组找到他们</description>
      <content:encoded><![CDATA[<h4 id="星标朋友头像樯">星标朋友头像樯</h4>
<p>使用说明: <mark>上下翻页，或者改变浏览器窗口大小</mark>. 让照片墙动起来!</p>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/css/sway_gals.css">
</head>

<body class="light">

    <div id="sway_gals">
        
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star1.png">
    <figcaption>福哥RPA</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star2.png">
    <figcaption>沐清|AI轻创业</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star3.png">
    <figcaption>逍遥</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star4.png">
    <figcaption>瓶子</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star5.png">
    <figcaption>黄殊华</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star6.png">
    <figcaption>廖富贵</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star7.png">
    <figcaption>艾成</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star8.png">
    <figcaption>X-RAY-双龙</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star9.png">
    <figcaption>生财王子</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star10.png">
    <figcaption>李维斯</figcaption>
</figure>

<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star11.png">
    <figcaption>朱胜</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star12.png">
    <figcaption>旭东</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star13.png">
    <figcaption>服务者·黄努力</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star14.png">
    <figcaption>苓风</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star15.png">
    <figcaption>东野</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star16.png">
    <figcaption>晓明</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star17.png">
    <figcaption>源起</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star18.png">
    <figcaption>母波</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star19.png">
    <figcaption>inertia(阿成)</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star20.png">
    <figcaption>简约</figcaption>
</figure>

<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star21.png">
    <figcaption>小齐</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star22.png">
    <figcaption>墨啊</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star23.png">
    <figcaption>晓权</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star24.jpg">
    <figcaption>大鹏先生</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star25.jpg">
    <figcaption>小机学AI大模型</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star26.jpg">
    <figcaption>沈星河</figcaption>
</figure>
<figure>
    <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/star27.jpg">
    <figcaption>拾年(奋斗吧)</figcaption>
</figure>

    </div>

    <script>

        const obj = document.querySelector("#sway_gals");

        const time = 10000;

        function animStart() {
            if (obj.classList.contains("active") == false) {
                obj.classList.add("active");
                setTimeout(() => {
                    animEnd();
                }, time);
            }
        }

        function animEnd() {
            obj.classList.remove("active");
            obj.offsetWidth;
        }
        document.addEventListener("scroll", function () {
            
            animStart();
        });
        window.addEventListener("resize", animStart);
        animStart();



    </script>

</body>

</html>



<h5 id="相关文章：">相关文章：</h5>
<ul>
    
    <li><a href="/blog/micro_investors/">道与的微投资人实录~（持续更新）</a></li>
    
</ul>



]]></content:encoded>
    </item>
    <item>
      <title>温室花草记</title>
      <link>https://daoyuchan.com/blog/flo1/</link>
      <pubDate>Wed, 24 Jul 2024 09:42:29 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/flo1/</guid>
      <description>花草挪位置</description>
      <content:encoded><![CDATA[<p>#种菜养鱼归山林</p>
<p>搞清楚早上9点半的斜射阳光分布。
把草本盆栽从紫外线杀伤区挪到相对阴凉的地方了。</p>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    
   <link rel="stylesheet" href="/css/nanogallery2.min.css">
    
   
    
</head>

<body>

    <div data-nanogallery2='{
	 "thumbnailDisplayTransition":          "slideUp",
     "thumbnailDisplayTransitionDuration":  500,
     "thumbnailDisplayInterval":            30,
     "galleryDisplayTransition":            "rotateX",
     "galleryDisplayTransitionDuration":    500,
     "galleryDisplayMode": "rows",
     "thumbnailDisplayOutsideScreen": "false",
     "eventsDebounceDelay": 10,
     "thumbnailL1BorderHorizontal": 0,
     "thumbnailL1BorderVertical": 0,
     "thumbnailLabel": {
        "titleFontSize": "0.6em"
     },
     "thumbnailWidth":   300,
     "thumbnailHeight":  "auto",
     "thumbnailHoverEffect2": "imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)",
     "galleryTheme": {
        "thumbnail": {
            "borderRadius": "5px"
        }
     },
     "thumbnailToolbarImage": {
        "topLeft": "",
        "topRight": "",
        "bottomLeft": "",
        "bottomRight": ""
     },
     "viewerToolbar":   {
        "display": true,
        "standard": "label"
     },
     "viewerTools":     {
        "topLeft":    "pageCounter, playPauseButton",
        "topRight":   "downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton"
     },
     "viewerGalleryTWidth": 40,
     "viewerGalleryTHeight": 40
}'>
        
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/wucaiyu.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/wucaiyu.jpg?x-oss-process=image/resize,w_300">五彩芋</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/leaf.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/leaf.jpg?x-oss-process=image/resize,w_300">龟背竹新叶</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/zhuantou.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/zhuantou.jpg?x-oss-process=image/resize,w_300">杂七杂八</a>
<a href="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/win.jpg" data-ngThumb="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/flowers/win.jpg?x-oss-process=image/resize,w_300">靠窗的兰花和碗莲</a>

    </div>
</body>

</html>
]]></content:encoded>
    </item>
    <item>
      <title>Pdf1</title>
      <link>https://daoyuchan.com/blog/pdf1/</link>
      <pubDate>Sun, 21 Jul 2024 16:02:28 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/pdf1/</guid>
      <description>&lt;mark&gt;想整个PDF直接在网页中可以查看，未成功，待续...&lt;/mark&gt;
&lt;style&gt;
   
.window {
    background: #fff;
    width: 65vw;
    max-width: 600px;
    min-width: 360px;
    margin: auto;
    margin-top: 3.5vh;
    margin-bottom: 3.5vh;
    border: 1px solid #acacac;
    border-radius: 6px;
    box-shadow: 0px 0px 20px #acacac;
  }
  
  .window a {
    text-decoration: none;
  }
  
  .window span {
    line-height: 9px;
    vertical-align: 50%;
  }
  
  .titlebar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ebebeb, color-stop(1.0, #d5d5d5)));
    background: -webkit-linear-gradient(top, #ebebeb, #d5d5d5);
    background: -moz-linear-gradient(top, #ebebeb, #d5d5d5);
    background: -ms-linear-gradient(top, #ebebeb, #d5d5d5);
    background: -o-linear-gradient(top, #ebebeb, #d5d5d5);
    background: linear-gradient(top, #ebebeb, #d5d5d5);
    color: #4d494d;
    font-size: 11pt;
    line-height: 22px;
    text-align: center;
    width: 100%;
    height: 22px;
    border-top: 1px solid #f3f1f3;
    border-bottom: 1px solid #b1aeb1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    cursor: default;
  }
  
  .buttons {
    padding-left: 8px;
    padding-top: 5px;
    float: left;
    line-height: 0px;
  }
  
  .buttons:hover a {
    visibility: visible;
  }
  
  .bclose {
    background: #ff5c5c;
    font-size: 9pt;
    line-height: 11px;
    margin-left: 4px;
    width: 11px;
    height: 11px;
    border: 1px solid #e33e41;
    border-radius: 50%;
    float: left;
    display: inline-block;
  }
  
  .bclose:active {
    background: #c14645;
    border: 1px solid #b03537;
  }
  
  .bclose:active .closebutton {
    color: #4e0002;
  }
  
  .closebutton {
    color: #820005;
    visibility: hidden;
    cursor: default;
  }
  
  .minimize {
    background: #ffbd4c;
    font-size: 9pt;
    line-height: 11px;
    margin-left: 8px;
    width: 11px;
    height: 11px;
    border: 1px solid #e09e3e;
    border-radius: 50%;
    display: inline-block;
  }
  
  .minimize:active {
    background: #c08e38;
    border: 1px solid #af7c33;
  }
  
  .minimize:active .minimizebutton {
    color: #5a2607;
  }
  
  .minimizebutton {
    color: #9a5518;
    visibility: hidden;
    cursor: default;
  }
  
  .zoom {
    background: #00ca56;
    font-size: 9pt;
    line-height: 11px;
    margin-left: 4px;
    width: 11px;
    height: 11px;
    border: 1px solid #14ae46;
    border-radius: 50%;
    display: inline-block;
  }
  
  .zoom:active {
    background: #029740;
    border: 1px solid #128435;
  }
  
  .zoom:active .zoombutton {
    color: #003107;
  }
  
  .zoombutton {
    color: #006519;
    visibility: hidden;
    cursor: default;
  }
   
  
   
  .terminal {
    margin: 0;
    padding: 5px;
    list-style: none;
    background: #141414;
    color: #45D40C;
    font-family: &#34;Courier New&#34;, &#34;Courier&#34;, monospace;
    font-size: 0.6rem;
    line-height: 1.6em;
   
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  
  .terminal ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
   
  .terminal li {
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    position: relative;
    padding: 0 0 0 15px;
    list-style: none;
  }
   
&lt;/style&gt;
&lt;div class=&#34;window&#34;&gt;
    &lt;div class=&#34;titlebar&#34;&gt;
      &lt;div class=&#34;buttons&#34;&gt;
        &lt;div class=&#34;bclose&#34;&gt;
          &lt;a class=&#34;closebutton&#34; href=&#34;#&#34;&gt;&lt;span&gt;&lt;strong&gt;x&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class=&#34;minimize&#34;&gt;
          &lt;a class=&#34;minimizebutton&#34; href=&#34;#&#34;&gt;&lt;span&gt;&lt;strong&gt;&amp;ndash;&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class=&#34;zoom&#34;&gt;
          &lt;a class=&#34;zoombutton&#34; href=&#34;#&#34;&gt;&lt;span&gt;&lt;strong&gt;+&lt;/strong&gt;&lt;/span&gt;&lt;/a&gt;
        &lt;/div&gt;
      &lt;/div&gt;
      mouc@daoyu-desktop: ~/Sites/daoyuchan.com (zsh)
    &lt;/div&gt;
    &lt;div class=&#34;terminal&#34;&gt;
      &lt;ul&gt;
        
        
        &lt;li&gt;&lt;/li&gt;
        
        
        &lt;li&gt;$&amp;nbsp;dir&lt;/li&gt;
        
        
        &lt;li&gt;Mode&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;LastWriteTime&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;Length&amp;nbsp;Name&lt;/li&gt;
        
        
        &lt;li&gt;----&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;-------------&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;------&amp;nbsp;----&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/6/30&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;16:02&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;archetypes&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/20&amp;nbsp;星期六&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;17:46&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;assets&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/21&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;1:06&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;content&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/20&amp;nbsp;星期六&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;23:51&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;data&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/21&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;0:44&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;i18n&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/20&amp;nbsp;星期六&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;23:31&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;layouts&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/21&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;16:41&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;public&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/19&amp;nbsp;星期五&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;18:29&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;resources&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/21&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;16:35&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;static&lt;/li&gt;
        
        
        &lt;li&gt;d-----&amp;nbsp;&amp;nbsp;2024/7/20&amp;nbsp;星期六&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;23:15&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;themes&lt;/li&gt;
        
        
        &lt;li&gt;-a----&amp;nbsp;&amp;nbsp;2024/7/21&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;16:37&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;28&amp;nbsp;.gitignore&lt;/li&gt;
        
        
        &lt;li&gt;-a----&amp;nbsp;&amp;nbsp;2024/6/30&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;16:06&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;0&amp;nbsp;.hugo_build.lock&lt;/li&gt;
        
        
        &lt;li&gt;-a----&amp;nbsp;&amp;nbsp;2024/7/21&amp;nbsp;星期日&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;1:10&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;7686&amp;nbsp;hugo.yaml&lt;/li&gt;
        
        
        &lt;li&gt;$&amp;nbsp;_&lt;/li&gt;
        
        
        &lt;li&gt;&lt;/li&gt;
          
      &lt;/ul&gt;
    &lt;/div&gt;
  &lt;/div&gt;</description>
      <content:encoded><![CDATA[<mark>想整个PDF直接在网页中可以查看，未成功，待续...</mark>
<style>
   
.window {
    background: #fff;
    width: 65vw;
    max-width: 600px;
    min-width: 360px;
    margin: auto;
    margin-top: 3.5vh;
    margin-bottom: 3.5vh;
    border: 1px solid #acacac;
    border-radius: 6px;
    box-shadow: 0px 0px 20px #acacac;
  }
  
  .window a {
    text-decoration: none;
  }
  
  .window span {
    line-height: 9px;
    vertical-align: 50%;
  }
  
  .titlebar {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.0, #ebebeb, color-stop(1.0, #d5d5d5)));
    background: -webkit-linear-gradient(top, #ebebeb, #d5d5d5);
    background: -moz-linear-gradient(top, #ebebeb, #d5d5d5);
    background: -ms-linear-gradient(top, #ebebeb, #d5d5d5);
    background: -o-linear-gradient(top, #ebebeb, #d5d5d5);
    background: linear-gradient(top, #ebebeb, #d5d5d5);
    color: #4d494d;
    font-size: 11pt;
    line-height: 22px;
    text-align: center;
    width: 100%;
    height: 22px;
    border-top: 1px solid #f3f1f3;
    border-bottom: 1px solid #b1aeb1;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    cursor: default;
  }
  
  .buttons {
    padding-left: 8px;
    padding-top: 5px;
    float: left;
    line-height: 0px;
  }
  
  .buttons:hover a {
    visibility: visible;
  }
  
  .bclose {
    background: #ff5c5c;
    font-size: 9pt;
    line-height: 11px;
    margin-left: 4px;
    width: 11px;
    height: 11px;
    border: 1px solid #e33e41;
    border-radius: 50%;
    float: left;
    display: inline-block;
  }
  
  .bclose:active {
    background: #c14645;
    border: 1px solid #b03537;
  }
  
  .bclose:active .closebutton {
    color: #4e0002;
  }
  
  .closebutton {
    color: #820005;
    visibility: hidden;
    cursor: default;
  }
  
  .minimize {
    background: #ffbd4c;
    font-size: 9pt;
    line-height: 11px;
    margin-left: 8px;
    width: 11px;
    height: 11px;
    border: 1px solid #e09e3e;
    border-radius: 50%;
    display: inline-block;
  }
  
  .minimize:active {
    background: #c08e38;
    border: 1px solid #af7c33;
  }
  
  .minimize:active .minimizebutton {
    color: #5a2607;
  }
  
  .minimizebutton {
    color: #9a5518;
    visibility: hidden;
    cursor: default;
  }
  
  .zoom {
    background: #00ca56;
    font-size: 9pt;
    line-height: 11px;
    margin-left: 4px;
    width: 11px;
    height: 11px;
    border: 1px solid #14ae46;
    border-radius: 50%;
    display: inline-block;
  }
  
  .zoom:active {
    background: #029740;
    border: 1px solid #128435;
  }
  
  .zoom:active .zoombutton {
    color: #003107;
  }
  
  .zoombutton {
    color: #006519;
    visibility: hidden;
    cursor: default;
  }
   
  
   
  .terminal {
    margin: 0;
    padding: 5px;
    list-style: none;
    background: #141414;
    color: #45D40C;
    font-family: "Courier New", "Courier", monospace;
    font-size: 0.6rem;
    line-height: 1.6em;
   
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  
  .terminal ul {
    padding-left: 0;
    margin-left: 0;
    margin-bottom: 0;
  }
   
  .terminal li {
    width: 100%;
    word-wrap: break-word;
    white-space: pre-wrap;
    position: relative;
    padding: 0 0 0 15px;
    list-style: none;
  }
   
</style>
<div class="window">
    <div class="titlebar">
      <div class="buttons">
        <div class="bclose">
          <a class="closebutton" href="#"><span><strong>x</strong></span></a>
        </div>
        <div class="minimize">
          <a class="minimizebutton" href="#"><span><strong>&ndash;</strong></span></a>
        </div>
        <div class="zoom">
          <a class="zoombutton" href="#"><span><strong>+</strong></span></a>
        </div>
      </div>
      mouc@daoyu-desktop: ~/Sites/daoyuchan.com (zsh)
    </div>
    <div class="terminal">
      <ul>
        
        
        <li></li>
        
        
        <li>$&nbsp;dir</li>
        
        
        <li>Mode&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;LastWriteTime&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Length&nbsp;Name</li>
        
        
        <li>----&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-------------&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;------&nbsp;----</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/6/30&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;16:02&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;archetypes</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/20&nbsp;星期六&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;17:46&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;assets</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/21&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1:06&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;content</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/20&nbsp;星期六&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;23:51&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;data</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/21&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0:44&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;i18n</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/20&nbsp;星期六&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;23:31&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;layouts</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/21&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;16:41&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;public</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/19&nbsp;星期五&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;18:29&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;resources</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/21&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;16:35&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;static</li>
        
        
        <li>d-----&nbsp;&nbsp;2024/7/20&nbsp;星期六&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;23:15&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;themes</li>
        
        
        <li>-a----&nbsp;&nbsp;2024/7/21&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;16:37&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;28&nbsp;.gitignore</li>
        
        
        <li>-a----&nbsp;&nbsp;2024/6/30&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;16:06&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;0&nbsp;.hugo_build.lock</li>
        
        
        <li>-a----&nbsp;&nbsp;2024/7/21&nbsp;星期日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1:10&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;7686&nbsp;hugo.yaml</li>
        
        
        <li>$&nbsp;_</li>
        
        
        <li></li>
          
      </ul>
    </div>
  </div>
]]></content:encoded>
    </item>
    <item>
      <title>Life is too short to trink bad offee - Gals Demo</title>
      <link>https://daoyuchan.com/blog/cafe/</link>
      <pubDate>Sun, 21 Jul 2024 09:34:29 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/cafe/</guid>
      <description>&lt;h3 id=&#34;gallery&#34;&gt;Gallery&lt;/h3&gt;
&lt;p&gt;I wanna highlight &lt;mark&gt;Life is too short to trink bad offee&lt;/mark&gt;. Okay, did it!&lt;/p&gt;
&lt;!DOCTYPE html&gt;
&lt;html lang=&#34;en&#34;&gt;

&lt;head&gt;
    &lt;meta name=&#34;viewport&#34; content=&#34;user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1&#34;&gt;
    
   &lt;link rel=&#34;stylesheet&#34; href=&#34;https://daoyuchan.com/css/nanogallery2.min.css&#34;&gt;
    
   
    
&lt;/head&gt;

&lt;body&gt;

    &lt;div data-nanogallery2=&#39;{
	 &#34;thumbnailDisplayTransition&#34;:          &#34;slideUp&#34;,
     &#34;thumbnailDisplayTransitionDuration&#34;:  500,
     &#34;thumbnailDisplayInterval&#34;:            30,
     &#34;galleryDisplayTransition&#34;:            &#34;rotateX&#34;,
     &#34;galleryDisplayTransitionDuration&#34;:    500,
     &#34;galleryDisplayMode&#34;: &#34;rows&#34;,
     &#34;thumbnailDisplayOutsideScreen&#34;: &#34;false&#34;,
     &#34;eventsDebounceDelay&#34;: 10,
     &#34;thumbnailL1BorderHorizontal&#34;: 0,
     &#34;thumbnailL1BorderVertical&#34;: 0,
     &#34;thumbnailLabel&#34;: {
        &#34;titleFontSize&#34;: &#34;0.6em&#34;
     },
     &#34;thumbnailWidth&#34;:   300,
     &#34;thumbnailHeight&#34;:  &#34;auto&#34;,
     &#34;thumbnailHoverEffect2&#34;: &#34;imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)&#34;,
     &#34;galleryTheme&#34;: {
        &#34;thumbnail&#34;: {
            &#34;borderRadius&#34;: &#34;5px&#34;
        }
     },
     &#34;thumbnailToolbarImage&#34;: {
        &#34;topLeft&#34;: &#34;&#34;,
        &#34;topRight&#34;: &#34;&#34;,
        &#34;bottomLeft&#34;: &#34;&#34;,
        &#34;bottomRight&#34;: &#34;&#34;
     },
     &#34;viewerToolbar&#34;:   {
        &#34;display&#34;: true,
        &#34;standard&#34;: &#34;label&#34;
     },
     &#34;viewerTools&#34;:     {
        &#34;topLeft&#34;:    &#34;pageCounter, playPauseButton&#34;,
        &#34;topRight&#34;:   &#34;downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton&#34;
     },
     &#34;viewerGalleryTWidth&#34;: 40,
     &#34;viewerGalleryTHeight&#34;: 40
}&#39;&gt;
        
&lt;a href=&#34;https://daoyuchan.com/cafe/1.jpg&#34; data-ngThumb=&#34;/cafe/1.jpg?x-oss-process=image/resize,w_300&#34;&gt;Elden Ring&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/2.jpg&#34; data-ngThumb=&#34;/cafe/2.jpg?x-oss-process=image/resize,w_300&#34;&gt;Best Soulsborne Game&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/3.jpg&#34; data-ngThumb=&#34;/cafe/3.jpg?x-oss-process=image/resize,w_300&#34;&gt;Deep Lore&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/4.jpg&#34; data-ngThumb=&#34;/cafe/4.jpg?x-oss-process=image/resize,w_300&#34;&gt;Awesome Bosses&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/5.jpg&#34; data-ngThumb=&#34;/cafe/5.jpg?x-oss-process=image/resize,w_300&#34;&gt;Dark Atmosphere&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/6.jpg&#34; data-ngThumb=&#34;/cafe/6.jpg?x-oss-process=image/resize,w_300&#34;&gt;Perfectly Balanced Difficulty&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/light.jfif&#34; data-ngThumb=&#34;/cafe/light.jfif?x-oss-process=image/resize,w_300&#34;&gt;Perfectly Balanced Difficulty 2&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/7.jpg&#34; data-ngThumb=&#34;/cafe/7.jpg?x-oss-process=image/resize,w_300&#34;&gt;Perfectly Balanced Difficulty&lt;/a&gt;
&lt;a href=&#34;https://daoyuchan.com/cafe/8.png&#34; data-ngThumb=&#34;/cafe/8.png?x-oss-process=image/resize,w_300&#34;&gt;Perfectly Balanced Difficulty&lt;/a&gt;

    &lt;/div&gt;
&lt;/body&gt;

&lt;/html&gt;</description>
      <content:encoded><![CDATA[<h3 id="gallery">Gallery</h3>
<p>I wanna highlight <mark>Life is too short to trink bad offee</mark>. Okay, did it!</p>
<!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    
   <link rel="stylesheet" href="/css/nanogallery2.min.css">
    
   
    
</head>

<body>

    <div data-nanogallery2='{
	 "thumbnailDisplayTransition":          "slideUp",
     "thumbnailDisplayTransitionDuration":  500,
     "thumbnailDisplayInterval":            30,
     "galleryDisplayTransition":            "rotateX",
     "galleryDisplayTransitionDuration":    500,
     "galleryDisplayMode": "rows",
     "thumbnailDisplayOutsideScreen": "false",
     "eventsDebounceDelay": 10,
     "thumbnailL1BorderHorizontal": 0,
     "thumbnailL1BorderVertical": 0,
     "thumbnailLabel": {
        "titleFontSize": "0.6em"
     },
     "thumbnailWidth":   300,
     "thumbnailHeight":  "auto",
     "thumbnailHoverEffect2": "imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)",
     "galleryTheme": {
        "thumbnail": {
            "borderRadius": "5px"
        }
     },
     "thumbnailToolbarImage": {
        "topLeft": "",
        "topRight": "",
        "bottomLeft": "",
        "bottomRight": ""
     },
     "viewerToolbar":   {
        "display": true,
        "standard": "label"
     },
     "viewerTools":     {
        "topLeft":    "pageCounter, playPauseButton",
        "topRight":   "downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton"
     },
     "viewerGalleryTWidth": 40,
     "viewerGalleryTHeight": 40
}'>
        
<a href="/cafe/1.jpg" data-ngThumb="/cafe/1.jpg?x-oss-process=image/resize,w_300">Elden Ring</a>
<a href="/cafe/2.jpg" data-ngThumb="/cafe/2.jpg?x-oss-process=image/resize,w_300">Best Soulsborne Game</a>
<a href="/cafe/3.jpg" data-ngThumb="/cafe/3.jpg?x-oss-process=image/resize,w_300">Deep Lore</a>
<a href="/cafe/4.jpg" data-ngThumb="/cafe/4.jpg?x-oss-process=image/resize,w_300">Awesome Bosses</a>
<a href="/cafe/5.jpg" data-ngThumb="/cafe/5.jpg?x-oss-process=image/resize,w_300">Dark Atmosphere</a>
<a href="/cafe/6.jpg" data-ngThumb="/cafe/6.jpg?x-oss-process=image/resize,w_300">Perfectly Balanced Difficulty</a>
<a href="/cafe/light.jfif" data-ngThumb="/cafe/light.jfif?x-oss-process=image/resize,w_300">Perfectly Balanced Difficulty 2</a>
<a href="/cafe/7.jpg" data-ngThumb="/cafe/7.jpg?x-oss-process=image/resize,w_300">Perfectly Balanced Difficulty</a>
<a href="/cafe/8.png" data-ngThumb="/cafe/8.png?x-oss-process=image/resize,w_300">Perfectly Balanced Difficulty</a>

    </div>
</body>

</html>
]]></content:encoded>
    </item>
    <item>
      <title>星球大战：</title>
      <link>https://daoyuchan.com/books/2024/star-wars/</link>
      <pubDate>Sun, 21 Jul 2024 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/books/2024/star-wars/</guid>
      <description>&lt;h3 id=&#34;目录&#34;&gt;目录&lt;/h3&gt;


&lt;figure style=&#34;display:flex;&#34;&gt;
    &lt;img loading=&#34;lazy&#34; src=&#34;https://daoyuc.oss-cn-hangzhou.aliyuncs.com/book/zsxq_inner.jpg&#34; width=&#34;220&#34;/&gt; &lt;figcaption style=&#34;margin-left: 1em; float: right;&#34;&gt;
            &lt;q&gt;星球大战&lt;/q&gt;&lt;p&gt;千万级付费社群养成记&lt;/p&gt;&lt;p&gt;Author: 知识星球&lt;/p&gt;&lt;ul&gt;&lt;li&gt;&lt;a href=&#34;https://book.douban.com/subject/36876605/&#34; target=&#34;_blank&#34;&gt;book.douban.com&lt;/a&gt;&lt;/li&gt;&lt;/ul&gt;&lt;/figcaption&gt;
&lt;/figure&gt;

&lt;h4 id=&#34;序-章-每个人都值得做一个社群&#34;&gt;&lt;em&gt;序 章 每个人都值得做一个社群&lt;/em&gt;&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;第一节 人人都有机会做社群 2&lt;/li&gt;
&lt;li&gt;第二节 互联网社群时代已来 19&lt;/li&gt;
&lt;li&gt;第三节 这本书帮你做好社群 24&lt;/li&gt;
&lt;/ul&gt;
&lt;h4 id=&#34;社群定位篇-打造付费社群第一步&#34;&gt;&lt;em&gt;社群定位篇 打造付费社群第一步&lt;/em&gt;&lt;/h4&gt;
&lt;ul&gt;
&lt;li&gt;
&lt;p&gt;第一章 必须想清楚做什么样的社群&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h3 id="目录">目录</h3>


<figure style="display:flex;">
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/book/zsxq_inner.jpg" width="220"/> <figcaption style="margin-left: 1em; float: right;">
            <q>星球大战</q><p>千万级付费社群养成记</p><p>Author: 知识星球</p><ul><li><a href="https://book.douban.com/subject/36876605/" target="_blank">book.douban.com</a></li></ul></figcaption>
</figure>

<h4 id="序-章-每个人都值得做一个社群"><em>序 章 每个人都值得做一个社群</em></h4>
<ul>
<li>第一节 人人都有机会做社群 2</li>
<li>第二节 互联网社群时代已来 19</li>
<li>第三节 这本书帮你做好社群 24</li>
</ul>
<h4 id="社群定位篇-打造付费社群第一步"><em>社群定位篇 打造付费社群第一步</em></h4>
<ul>
<li>
<p>第一章 必须想清楚做什么样的社群</p>
</li>
<li>
<p>第一节 明确目的：社群为目标用户解决什么问题 30</p>
</li>
<li>
<p>第二节 找到社群定位：适合的才是最好的 37</p>
</li>
<li>
<p>第三节 三个小锦囊：如何做好社群定位 42</p>
<p>拓展阅读（一） 调研社群目标用户画像的方法 46</p>
</li>
</ul>
<h4 id="社群创建篇-三秒钟让你的社群直抵人心"><em>社群创建篇 三秒钟，让你的社群直抵人心</em></h4>
<ul>
<li>
<p>第二章 装修社群，值得借鉴的小妙招</p>
</li>
<li>
<p>第一节 社群名字：响亮好记是王道 50</p>
</li>
<li>
<p>第二节 社群Slogan：围绕社群愿景最有效 54</p>
</li>
<li>
<p>第三节 群主和社群介绍：突出核心价值是关键 57</p>
</li>
<li>
<p>第四节 社群封面：具备辨识度很重要 63</p>
<p>拓展阅读（二） 好用的六个社群取名模型 69</p>
<p>拓展阅读（三） 群主头像和社群Logo 的设计方法 69</p>
</li>
<li>
<p>第三章 定对社群门票价格，让用户主动付费</p>
</li>
<li>
<p>第一节 影响社群门票价格六大因素 71</p>
</li>
<li>
<p>第二节 四种社群门票定价案例 78</p>
</li>
<li>
<p>第三节 两种经典的社群门票涨价策略 84</p>
<p>拓展阅读（四） 社群目标用户对价格的敏感度测试 91</p>
<p>拓展阅读（五） 社群的两种年费模式 92</p>
</li>
</ul>
<h4 id="社群推广篇-用对推广方法壮大社群"><em>社群推广篇 用对推广方法，壮大社群</em></h4>
<ul>
<li>
<p>第四章 推广社群前的必备动作</p>
</li>
<li>
<p>第一节 做好心理准备和锚定推广目标 96</p>
</li>
<li>
<p>第二节 准备社群广告和海报 103</p>
<p>拓展阅读（七） 社群海报案例合集 110</p>
</li>
<li>
<p>第三节 准备“开胃菜”和新人手册 111</p>
<p>拓展阅读（八） 两种社群广告的编写思路 116</p>
</li>
<li>
<p>第五章 人人都能掌握的社群推广方法</p>
</li>
<li>
<p>第一节 推广社群的经典方法 118</p>
</li>
<li>
<p>第二节 如何选择最佳推广渠道 132</p>
</li>
</ul>
<h4 id="社群服务篇-好口碑增强社群生命力"><em>社群服务篇 好口碑增强社群生命力</em></h4>
<ul>
<li>
<p>第六章 设计内容生产模式，做好社群内容</p>
</li>
<li>
<p>第一节 群主独立分享模式 140</p>
</li>
<li>
<p>第二节 多人共建内容模式 144</p>
</li>
<li>
<p>第三节 如何选择最适合的交付模式 150</p>
</li>
<li>
<p>第四节 设计内容板块，让优质内容自发生长 152</p>
<p>拓展阅读（九） 从“单人分享社群”到“内容共建社群”的转变 162</p>
</li>
</ul>
<p>第七章 挖掘多元活动，激发会员热情</p>
<ul>
<li>
<p>第一节 两种经典的线上活动 164</p>
</li>
<li>
<p>第二节 最受欢迎的线下活动 181</p>
<p>拓展阅读（十） 如何搭建社群的积分体系 189</p>
</li>
</ul>
<h4 id="社群增收篇-不可低估的社群创收产品"><em>社群增收篇 不可低估的社群创收产品</em></h4>
<ul>
<li>第八章 拓展付费服务，放大社群价值</li>
<li>第一节 启动全新付费服务的前提条件 193</li>
<li>第二节 两种经典的高价付费服务 195</li>
<li>第三节 两种常见的增值服务 203</li>
</ul>
<h4 id="社群续费篇-让社群穿越不同周期"><em>社群续费篇 让社群穿越不同周期</em></h4>
<p>第九章 三步提升社群续费率</p>
<ul>
<li>
<p>第一节 第一步：赢取会员信任 214</p>
</li>
<li>
<p>第二节 第二步：提升会员续费意愿 224</p>
</li>
<li>
<p>第三节 第三步：使用简单高效的续费策略 228</p>
<p>拓展阅读（十一） 打造一支很能打的团队 236</p>
</li>
</ul>
<p>后 记</p>
<h3 id="内容简介">内容简介</h3>
<p>知识星球是一款简单的产品，而这本小书，则是一本简单的书。</p>
<p>在互联网时代，自媒体人可通过社群思维创造千万级付费社群，</p>
<p>并通过有效社群运营点燃用户，引爆产品和品牌。</p>
<p>这本书是知识星球第一部关于社群运营方法的著作，</p>
<p>书中汇集的运营方法和经验，全部出自知识星球群主的实战经验，</p>
<p>以及知识星球团队在服务群主过程中观察和积累的真实案例和数据。</p>
<p>这是一本非常实用的社群运营指南，帮助有志于</p>
<p>做社群的所有人实现从0到1的付费社群打造，以及从1到100的千万级付费社群升级。</p>
<p>本书适合想了解、想做但从未做过社群的读者阅读。</p>
<p>同时，也适合有一定运营经验并希望把社群做大的群主阅读。</p>
<h3 id="作者简介">作者简介</h3>
<p>知识星球，是内容创作者连接铁杆、运营高品质社群的一款线上工具。</p>
<p>通过在知识星球平台输出碎片化内容，内容创作者可与其用户实时分享交流，并做好优质内容沉淀。</p>
<p>知识星球App于2015年11月10日上线。截至2024年4月，知识星球注册用户近5000万人，社群总数超130万个。</p>
]]></content:encoded>
    </item>
    <item>
      <title>天路咖啡实验室 - Gallery Demo</title>
      <link>https://daoyuchan.com/blog/post3/</link>
      <pubDate>Sat, 20 Jul 2024 19:34:29 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/post3/</guid>
      <description>天路咖啡实验室组图</description>
      <content:encoded><![CDATA[
<link rel="stylesheet" href="/scss/snap-gallery.css" crossorigin="anonymous"><script src="/js/snap-gallery.js"></script>
<script>imageIndex[ 1 ] = 1;</script>

<div class="snap-gallery" style="--columns:4;--min-width:200px;--gap:10px;--cursor:zoom-in;--aspectratio:16/10;">
  <div class="snap-image">
    <img
      src="/cafe/1.jpg"
      alt=Alternative&#32;text
      title=挂耳咖啡1
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  1 );" />
  </div>
  <div class="snap-image">
    <img
      src="/cafe/2.jpg"
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  2 );" />
  </div>
  <div class="snap-image">
    <img
      src="/cafe/3.jpg"
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  3 );" />
  </div>
  <div class="snap-image">
    <img
      src="/cafe/4.jpg"
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  4 );" />
  </div>
  <div class="snap-image">
    <img
      src="/cafe/5.jpg"
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  5 );" />
  </div>
  <div class="snap-image">
    <img
      src="/cafe/6.jpg"
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  6 );" />
  </div>
  <div class="snap-image">
    <img
      src="/cafe/7.jpg"
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  7 );" />
  </div>
  <div class="snap-image">
    <img
      src="/cafe/8.png"
      alt=Alternative&#32;text&#32;for&#32;the&#32;first&#32;picture&#32;in&#32;the&#32;image&#32;folder
      title=🖊笔迹
      onclick="openLightbox( 1 );openLightboxItem( 1 ,  8 );" />
  </div>
</div>

<div class="snap-lightbox" id="snap-lightbox-1">
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">1 / 8</div>
    <img
      src="/cafe/1.jpg"
      alt=Alternative&#32;text
      title=挂耳咖啡1
      />
      <div class="snap-caption">挂耳咖啡1</div>
  </div>
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">2 / 8</div>
    <img
      src="/cafe/2.jpg"
      />
  </div>
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">3 / 8</div>
    <img
      src="/cafe/3.jpg"
      />
  </div>
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">4 / 8</div>
    <img
      src="/cafe/4.jpg"
      />
  </div>
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">5 / 8</div>
    <img
      src="/cafe/5.jpg"
      />
  </div>
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">6 / 8</div>
    <img
      src="/cafe/6.jpg"
      />
  </div>
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">7 / 8</div>
    <img
      src="/cafe/7.jpg"
      />
  </div>
  <div class="snap-lightbox-inner">
    <div class="snap-numbertext">8 / 8</div>
    <img
      src="/cafe/8.png"
      alt=Alternative&#32;text&#32;for&#32;the&#32;first&#32;picture&#32;in&#32;the&#32;image&#32;folder
      title=🖊笔迹
      />
      <div class="snap-caption">🖊笔迹</div>
  </div>
  <span class="snap-close" onclick="closeLightbox( 1 )">&times;</span>

  <a class="snap-prev" onclick="moveLightboxItem( 1 , -1)"><span>&#10094;</span></a>
  <a class="snap-next" onclick="moveLightboxItem( 1 , 1)"><span>&#10095;</span></a>
</div>

]]></content:encoded>
    </item>
    <item>
      <title>🌏友情链接</title>
      <link>https://daoyuchan.com/links/</link>
      <pubDate>Fri, 19 Jul 2024 21:45:31 +0800</pubDate>
      <guid>https://daoyuchan.com/links/</guid>
      <description>用心编织文字的博客，像是等待被发现的宝藏。</description>
      <content:encoded><![CDATA[<h3 id="友情链接">友情链接</h3>
<!-- raw HTML omitted -->
<a target="_blank" href=https://jaxer.cc/ title= 谙前码后  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/links/jaxer.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">谙前码后</div>
            <div class="friendinfo">用，写，迭代。爬虫不看样式。</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://www.jdeal.cn/ title= jdeal  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/links/jdeal.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">jdeal</div>
            <div class="friendinfo">Life is like a Design.</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://lilut.cn/ title= 瓜田的李  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/img/10001.jpg />
        </div>
        <div class="frienddivright">
            <div class="friendname">瓜田的李</div>
            <div class="friendinfo">泰兰德的夏天永不停歇，我爱的少年永远热恋。</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://www.lizi94.com/ title= 栗子的朋友圈  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-16/lizi94_logo.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">栗子的朋友圈</div>
            <div class="friendinfo">万物可爱，人间值得，未来可期。</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://gakki.fans/ title= Gakki&#32;导航  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-09-14/gakki_logo.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">Gakki 导航</div>
            <div class="friendinfo">Hugo生成的网址导航站</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://f.gakki.fans/ title= 大道无术📕  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuc.oss-cn-hangzhou.aliyuncs.com/imgs/2024-10-14/ficon.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">大道无术📕</div>
            <div class="friendinfo">大道无术读书群的朋友圈</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://blog.dhhyxr.top/ title= 千年小妖仔  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/links/dhhyxr_top.ico />
        </div>
        <div class="frienddivright">
            <div class="friendname">千年小妖仔</div>
            <div class="friendinfo">热爱生活、记录热爱~</div>
        </div>
    </div>
</a>
<a target="_blank" href=https://storeweb.cn/site/o/2189 title= 个站商店  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/gezhan.png />
        </div>
        <div class="frienddivright">
            <div class="friendname">个站商店</div>
            <div class="friendinfo">带社交元素的个人网站发布平台</div>
        </div>
    </div>
</a>
<!-- raw HTML omitted -->
<h3 id="本站栏目">本站栏目</h3>
<ul>
<li><strong>当下☀</strong>  <a href="/now/">/now/</a> &ldquo;一天不说点什么，未免太浑浑噩噩了&rdquo;</li>
<li>导航🌏 <a href="/nav/">/nav/</a> “自用导航，你要用也不是不可以”</li>
<li>存档⏱️ <a href="/archives/">/archives/</a> 不显示阅读数的全站文章列表</li>
<li>建站⌨ <a href="/log/" title="本网站的搭建经验都在这里">/log/</a> &ldquo;本网站的搭建经验都在这里&rdquo;</li>
<li>分类⚙  <a href="/categories/">/categories/</a>  没啥存在感的分类导航</li>
<li>标签🏷 <a href="/tags/" title="本站中文页面标签">/tags/</a></li>
<li>应用🧡 <a href="/1024/" title="工欲善其事必先利其器">/1024/</a> &ldquo;工欲善其事必先利其器&rdquo;</li>
<li>技术💻 <a href="/tech/" title="不积跬步无以至千里，不积小流无以成江湖">/tech/</a> &ldquo;不积跬步无以至千里，不积小流无以成江湖&rdquo;</li>
<li>书架📕 <a href="/books/">/books/</a> &ldquo;也许他每天都读书&rdquo;</li>
<li>相册📸 <a href="/gals/" title="一图胜千言">/gals/</a> &ldquo;一图胜千言, 如果你也喜欢 Gakki，来看看‘今日份’的她&rdquo;</li>
<li>专栏📰 <a href="https://read.daoyuchan.com" title="小报童专栏推荐">/read.</a> 帮你把洞察转化为价值
 </li>
</ul>
<details>
    <summary><blockquote>
<p>顶部导航取自我喜欢的一首白诗:</p></blockquote></summary>
    <pre tabindex="0"><code>《问刘十九》《wèn liú shí jiǔ 》 

唐：白居易 táng：bái jū yì

绿蚁新醅酒， lǜ yǐ xīn pēi jiǔ ，

红泥小火炉。 hóng ní xiǎo huǒ lú 。

晚来天欲雪， wǎn lái tiān yù xuě ，

能饮一杯无？ néng yǐn yì bēi wú ？ 
</code></pre>
</details>

<h3 id="大隐于市">大隐于市</h3>
<p><em>tips:</em> <code>按住ctrl键再点击链接可以**后台**新标签页打开</code></p>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://search.save-web.org/">Save The Web Project</a>                   </td>
          <td style="text-align: left">133k+ 篇中文博客文章（包含少量播客）</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://bf.zzxworld.com/s/diligent_list">BlogFinder</a>  </td>
          <td style="text-align: left">发现优秀的个人博客</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://discoveryinsights.site/">Discovery Insights</a>   </td>
          <td style="text-align: left">独立博客推荐，发现洞见，独立博客推荐</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.foreverblog.cn/feeds.html">foreverblog</a></td>
          <td style="text-align: left">十年之约官网将记录所有成员的加入时间、履约情况、博客大事记、博客陨落时间等信息！</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://www.v2ex.com/xna">VXNA</a></td>
          <td style="text-align: left">V2EX XML News Aggregator</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="/nav/" title="更多链接，前往自媒体导航">MORE</a></td>
          <td style="text-align: left">更多链接</td>
      </tr>
  </tbody>
</table>
<h3 id="rel">REL验证</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: left"></th>
          <th style="text-align: left"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left"><a href="https://alive.bar/@mou">

<img class="in-text" height="50" src="/img/alive.gif" alt="" title="">
alive.bar</a>       </td>
          <td style="text-align: left">alive.bar 仅仅是一个服务器位于美国的网站。它使用了「长毛象（Mastodon）」服务。</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://nofan.xyz/@mou">

<img class="in-text" height="50" src="/img/nofan.jpg" alt="" title="">
nofan.xyz</a></td>
          <td style="text-align: left">NOFAN是由 Mastodon 驱动的&quot;反饭否&quot;</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://xn--z7x.cafe/w/xiangsudian?t=FF00FF" title="认养一个像素点，来互动鸭"><em>阿花 – 小像素点</em></a></td>
          <td style="text-align: left">没啥用的鸭</td>
      </tr>
      <tr>
          <td style="text-align: left"><a href="https://m.cmx.im/@daoyu">CMX.IM</a></td>
          <td style="text-align: left">CMX.IM是长毛象(Mastodon)的一个中文实例</td>
      </tr>
  </tbody>
</table>
<h3 id="paperMod">同主题博客</h3>
<p><code>「集合」同主题博客网站， 随缘添加，按发现时间排序</code>


<div class="post-preview">
    <div class="post-preview--meta" style="width:100%;">
        <div class="post-preview--middle">
            <h4 class="post-preview--title">
                <a target="_blank" href="https://daoyuchan.com/blog/papermods/">Papermod Sites</a>
            </h4>
            <time class="post-preview--date">2024-09-30</time>
            
            <small> #papermod&nbsp; #nav&nbsp;</small>
            
            <section style="max-height:105px;overflow:hidden;" class="post-preview--excerpt">
                <p><code>「集合」同主题博客网站， 随缘添加，按发现时间排序</code></p>
<p>PaperMod 果然在 themes.gohugo.io 页面排第一个 hhh</p>
<p>btw, 我在 Follow 上 维护一份同主题博客列表： 欢迎 <a href="https://app.follow.is/share/lists/70168453478905856">订阅</a> ✔</p>
<p>
<a href="javascript:sortTable( 0, true);"> 按名称排序</a>

<a href="javascript:sortTable( 0, false);"> 按名称排序(反)</a>

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Memo</th>
            <th title="博客的第一篇文章的发布日期">Date</th>
        </tr>
    </thead>
    <tbody>
        
        <tr>
            <td ><a href="https://www.tofuwine.cn/" target="_blank">Tofuwine 的博客</a></td>
            <td title="tofuwine,Blog,PaperMod,PaperMod-PE,Java,Spring">PaperMod-PE (Forked from PaperMod)</td>
            <td style="text-align:right">2021-01-28</td>
        </tr>
        
        <tr>
            <td ><a href="https://fisherdaddy.com/" target="_blank">FisherAI</a></td>
            <td title="">翻译·分享·认知</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://lexcao.io/zh/" target="_blank">代码笔记</a></td>
            <td title="">在城市的肋骨间，感受一成不变的节拍</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://eddy.lu/" target="_blank">ED</a></td>
            <td title="">🏄‍♂️ 不入流的人生解决方案</td>
            <td style="text-align:right">2021-03-27</td>
        </tr>
        
        <tr>
            <td ><a href="https://blog.ulric.tech/" target="_blank">ulricTech游历科学</a></td>
            <td title="">Be a stoic.</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://dvel.me/" target="_blank">Dvel’s Blog</a></td>
            <td title="">Less is More.</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://moebuta.org/" target="_blank">萌え豚&#39;s Blo</a></td>
            <td title="">👨‍💻可愛いは正義</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://www.sulvblog.cn/" target="_blank">Sulv&#39;s Blog</a></td>
            <td title="">博客理念:	简洁、功能齐全、快速、有营养</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://aimerneige.com/" target="_blank">Aimer&#39;s Blog</a></td>
            <td title="">学习物联网专业。Linux 用户，热爱开源和分享。</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://tunan.org/" target="_blank">图南博客</a></td>
            <td title="">大鹏绝云气，负青天，然后图南</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://www.shaohanyun.top/" target="_blank">🚀 田少晗的个人博客</a></td>
            <td title="">计算机学习之路的行者</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://blog.muxilong.com/" target="_blank">人生筆記簿</a></td>
            <td title="">后之视今，亦犹今之视昔。悲夫！</td>
            <td style="text-align:right">2022-05-25</td>
        </tr>
        
        <tr>
            <td ><a href="https://isming.me/" target="_blank">码农明明桑</a></td>
            <td title="">技术踩坑，个人随感，旅行记录等</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://reticulated.net/" target="_blank">🐐 Reticulated</a></td>
            <td title="Blog,Discussion,Article">write down things I think about</td>
            <td style="text-align:right">2020-07-04</td>
        </tr>
        
        <tr>
            <td ><a href="https://hugo.ferreira.cc/" target="_blank">Hugo Ferreira</a></td>
            <td title="">Web clippings &amp;amp; Random thoughts</td>
            <td style="text-align:right"></td>
        </tr>
        
        <tr>
            <td ><a href="https://xiaofei.ge/" target="_blank">Xiaofei Ge</a></td>
            <td title="Internet, Books, Fintech and things">Life is a challenge, but I have faith in our journey!</td>
            <td style="text-align:right"></td>
        </tr>
        
    </tbody>
</table></p>...
            </section>
        </div>
    </div>
</div>

</p>
<h3 id="友链申请要求">👉友链申请要求</h3>
<ol>
<li>-秉承互换友链原则、文章定期更新</li>
<li>-不能有太多广告</li>
<li>-个人描述字数控制在 30 字内</li>
<li>-如果你<span class="blur"> 特别可爱 </span>

<style>
    .blur {
        filter: blur(5px);
        transition: filter 0.3s;
    }

    .blur:hover {
        filter: none;
    }
</style>
 ，无视以上要求</li>
<li>-直接评论里按以下格式冒个泡~</li>
</ol>
<h4 id="友链格式">👉友链格式</h4>
<details>
    <summary>友链格式参考</summary>
    <table>
  <thead>
      <tr>
          <th></th>
          <th></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td>名称：</td>
          <td><strong>道与的不拆笔记</strong></td>
      </tr>
      <tr>
          <td>网址：</td>
          <td><a href="https://daoyuchan.com">https://daoyuchan.com</a></td>
      </tr>
      <tr>
          <td>图标：</td>
          <td><a href="https://daoyuchan.com/img/Avatar.jpg">https://daoyuchan.com/img/Avatar.jpg</a></td>
      </tr>
      <tr>
          <td>描述：</td>
          <td><em>一个记录技术、生活、自媒体创业的博客</em></td>
      </tr>
  </tbody>
</table>

</details>

<h3 id="cmt">冒泡区</h3>
]]></content:encoded>
    </item>
    <item>
      <title>关于本站</title>
      <link>https://daoyuchan.com/about/</link>
      <pubDate>Fri, 19 Jul 2024 21:45:31 +0800</pubDate>
      <guid>https://daoyuchan.com/about/</guid>
      <description>&lt;h3 id=&#34;bio&#34;&gt;BIO&lt;/h3&gt;


&lt;img class=&#34;in-text&#34; height=&#34;220&#34; src=&#34;https://daoyuchan.com/img/gh_wechat.png&#34; alt=&#34;公众号 字典网&#34; title=&#34;&#34;&gt;

&lt;p&gt;&lt;del&gt;当我说 PHP 拍的系银杏的黄色叶片（就是鸭脚叶）&lt;/del&gt;&lt;/p&gt;
&lt;p&gt;正经程序猿一枚，鼓捣前（呼）后（应）端代码&lt;/p&gt;
&lt;p&gt;饭否即刻联合诺亚方舟乘员&lt;/p&gt;
&lt;p&gt;鹭岛迷雾森林探险者&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h3 id="bio">BIO</h3>


<img class="in-text" height="220" src="/img/gh_wechat.png" alt="公众号 字典网" title="">

<p><del>当我说 PHP 拍的系银杏的黄色叶片（就是鸭脚叶）</del></p>
<p>正经程序猿一枚，鼓捣前（呼）后（应）端代码</p>
<p>饭否即刻联合诺亚方舟乘员</p>
<p>鹭岛迷雾森林探险者</p>
<p>通常用命令行发饭 <span class="blur"> <a href="https://github.com/LitoMore/nofan">NOFAN</a> </span>

<style>
    .blur {
        filter: blur(5px);
        transition: filter 0.3s;
    }

    .blur:hover {
        filter: none;
    }
</style>
</p>
<p>放养一只叫兔叽的猫（在漳州）</p>
<mark>日常佛系养生防脱发</mark>
<h3 id="技能雷达">技能雷达</h3>
<div>
    <svg class='skills_radar'></svg>
    <script src="/js/chart.xkcd.min.js"></script>
    <script>
        const svgskills_radar = document.querySelector('.skills_radar');
        new chartXkcd.Radar(svgskills_radar,{
            
title: '六边形战士养成记@2024-08', // optional
  data: {
    labels: ['编程', '运维', '电商', '读书', '写作','运营'],
    datasets: [{
      label: '当前', // optional
      data: [4, 2, 1.5, 3, 2, 3],
    }, {
      label: '目标', // optional
      data: [5, 4, 4, 5, 4.5, 5],
    }],
  },
  options: { // optional
    showLegend: true,
    ticksCount: 5,
    dotSize: .8,
    showLabels: true,
    legendPosition: chartXkcd.config.positionType.upLeft,
  },

    });
    </script>
</div>
<h3 id="在读">在读</h3>
<ul>
<li>《原则》</li>
<li>《增长黑客》</li>
<li>《李白传》</li>
<li><a href="/books/2024/star-wars/">《星球大战》</a></li>
</ul>
<h3 id="在玩">在玩</h3>
<ul>
<li>剑网三重制版|剑网三无界（手机端）</li>
<li>饭否</li>
<li>长毛象 （alive.bar ,nofan.xyz）</li>
</ul>
<h3 id="在做">在做</h3>
<table>
  <thead>
      <tr>
          <th style="text-align: right"></th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: right">* <del>新时代农民工: PHP程序员</del> <a href="https://v2ex.com/t/1069110">PHP 虽然没落了，但是 PHP 的东西是真的好用</a></td>
      </tr>
      <tr>
          <td style="text-align: right">** <strong>花农</strong> (经营温室花卉，主要是室内绿植)</td>
      </tr>
      <tr>
          <td style="text-align: right">**** 小报童<mark>躬身入局</mark>研究员 <a href="https://read.daoyuchan.com">专栏推荐</a></td>
      </tr>
      <tr>
          <td style="text-align: right">***** 自媒体领域知识星球@<mark>大道无术</mark>  <a href="https://t.zsxq.com/nyqm5">领券加入</a>  <em>个人网站专属优惠券</em></td>
      </tr>
      <tr>
          <td style="text-align: right">****** 看看我此刻在作什么<a href="/now/">此刻(👉ﾟヮﾟ)👉</a></td>
      </tr>
      <tr>
          <td style="text-align: right"><a href="https://learnku.com/courses/laravel-essential-training/9.x?rf=22464">Web 开发实战入门</a></td>
      </tr>
      <tr>
          <td style="text-align: right"><strong>Laravel实战系列课程推荐</strong> <a href="https://learnku.com/laravel/courses?rf=22464">由浅入深</a></td>
      </tr>
  </tbody>
</table>
<h4 id="ide">IDE</h4>
<p>
 
 <img class="in-text" height="20" src="https://badgen.net/badge/IDE/Visual%20Studio/green?icon=windows" alt="VsCode" title="">


 
 <img class="in-text" height="20" src="https://badgen.net/badge/IDE/Sublime%20Text3/pink?icon=windows" alt="SublimeText" title="">


 
 <img class="in-text" height="20" src="https://badgen.net/badge/IDE/HBuilder/grey?icon=windows" alt="HBuilder" title="">


 
 <img class="in-text" height="20" src="https://badgen.net/badge/IDE/%e5%be%ae%e4%bf%a1%e5%bc%80%e5%8f%91%e8%80%85%e5%b7%a5%e5%85%b7/grey?icon=windows" alt="wechat" title="">
</p>
<h4 id="framework">Framework</h4>
<p>
  
  <img class="in-text" height="20" src="https://badgen.net/badge/Framework/Laravel/purple?icon=windows" alt="Laravel" title="">


  
  <img class="in-text" height="20" src="https://badgen.net/badge/Framework/Hugo/green?icon=windows" alt="HUGO" title="">


  
  <img class="in-text" height="20" src="https://badgen.net/badge/Framework/Uniapp/grey?icon=windows" alt="Uniapp" title="">


  
  <img class="in-text" height="20" src="https://badgen.net/badge/Framework/Bulma/green?icon=windows" alt="Bulma" title="">
</p>
<h4 id="skill">Skill</h4>
<p>

<img class="in-text" height="20" src="https://badgen.net/badge/Skill/PHP/yellow?icon=github" alt="" title="">



<img class="in-text" height="20" src="https://badgen.net/badge/Skill/Markdown/yellow?icon=github" alt="" title="">



<img class="in-text" height="20" src="https://badgen.net/badge/Skill/Html/green?icon=github" alt="" title="">



<img class="in-text" height="20" src="https://badgen.net/badge/Skill/JavaScript/gray?icon=github" alt="" title="">



<img class="in-text" height="20" src="https://badgen.net/badge/Skill/CSS/gray?icon=github" alt="" title="">



<img class="in-text" height="20" src="https://badgen.net/badge/Skill/Vue/gray?icon=github" alt="" title="">



<img class="in-text" height="20" src="https://badgen.net/badge/Skill/Python/pink?icon=github" alt="" title="">
</p>
<h3 id="在学">在学</h3>
<ul>
<li>前端语言 Typescript Vue</li>
<li>后端语言 Python Rust</li>
<li>日常英语 （本站一般文章和页面都有对应英文版）</li>
<li><strong>自媒体</strong>  

<img class="in-text" height="100" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com//imgs/2024-08-24/15a325d5a96b4aac14d53c768ecdf1c.jpg" alt="公众号 不拆笔记" title="">
</li>
</ul>
<h3 id="自我介绍自媒体版">自我介绍自媒体版</h3>
<pre tabindex="0"><code>道与: 编程，运维，咖啡师，花农（GAP职业）

擅长: 
小程序和网站制作，精细化运营

运营: 
野生付费读书群
饭否用户群
自媒体实战增长群（微天使群）
知识星球:大道无术
水龙｜朱胜｜小翼十年退休俱乐部
种菜养鱼归山林计划执行中
＃公众号:不拆笔记
双语博客:   daoyuchan.com

＃君子藏器于身待时而动
-以上就是我的自我介绍了-
</code></pre><h3 id="链接我">链接我🌏</h3>
<p>
 
 <img class="in-text" height="80" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/tx/dy_logo.jpg" alt="地球号 mouc2020" title="">
 如果你觉得不错，欢迎<a href="https://daoyuchan.com/index.xml">订阅</a> 我的博客。</p>
<pre tabindex="0"><code>https://daoyuchan.com/index.xml
</code></pre><p>或联系我，交个朋友 📫 daoyudev#163.com</p>
]]></content:encoded>
    </item>
    <item>
      <title>[归档]2024年7月动态</title>
      <link>https://daoyuchan.com/memos/2407/</link>
      <pubDate>Mon, 01 Jul 2024 09:34:29 +0800</pubDate>
      <guid>https://daoyuchan.com/memos/2407/</guid>
      <description>&lt;link rel=&#34;stylesheet&#34; href=&#34;https://daoyuchan.com/css/style-refractored.css&#34;&gt;

&lt;script src=&#34;https://daoyuchan.com/js/fancyapps/fancybox.umd.js&#34;&gt;&lt;/script&gt;

&lt;link rel=&#34;stylesheet&#34; href=&#34;https://daoyuchan.com/js/fancyapps/fancybox.css&#34; /&gt;

&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/base-min.css&#34;&gt;
&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/grids-min.css&#34;&gt;
&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css&#34;&gt;



















&lt;div class=&#34;moment-row&#34;&gt;


    &lt;div class=&#34;pure-g&#34;&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-1-3&#34;&gt;


            &lt;div class=&#34;time&#34;&gt;


                


                &lt;div class=&#34;month-day&#34;&gt;2024-07-31 22:46&lt;/div&gt;


                &lt;h5 id=&#34;2024-07-31 22:46&#34; style=&#34;opacity: 0;&#34;&gt;2024-07-31 22:46&lt;/h5&gt;


            &lt;/div&gt;


        &lt;/div&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-2-3&#34;&gt;


            &lt;div class=&#34;moment-content&#34;&gt;


                &lt;div style=&#34;padding-left: 5px; padding-right: 5px;&#34;&gt;


                    


                    &lt;div class=&#34;context&#34;&gt;


                        &lt;p&gt;人若无名，专心练剑。菜就多练，先写再改。&lt;/p&gt;


                    &lt;/div&gt;


                    





                    


                    


                &lt;/div&gt;


                &lt;hr&gt;


            &lt;/div&gt;


        &lt;/div&gt;


    &lt;/div&gt;


&lt;/div&gt;

















&lt;div class=&#34;moment-row&#34;&gt;


    &lt;div class=&#34;pure-g&#34;&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-1-3&#34;&gt;


            &lt;div class=&#34;time&#34;&gt;


                


                &lt;div class=&#34;month-day&#34;&gt;2024-07-30 18:05 青桔自行车&lt;/div&gt;


                &lt;h5 id=&#34;2024-07-30 18:05 青桔自行车&#34; style=&#34;opacity: 0;&#34;&gt;2024-07-30 18:05 青桔自行车&lt;/h5&gt;


            &lt;/div&gt;


        &lt;/div&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-2-3&#34;&gt;


            &lt;div class=&#34;moment-content&#34;&gt;


                &lt;div style=&#34;padding-left: 5px; padding-right: 5px;&#34;&gt;


                    


                    &lt;div class=&#34;context&#34;&gt;


                        &lt;p&gt;骑了两趟青桔自行车，都是同一辆。花费3块大洋。硬质轮胎，在过沟沟坎坎时震的人精神一振。踩踏感很松，想快也快不起来。&lt;/p&gt;</description>
      <content:encoded><![CDATA[


<link rel="stylesheet" href="/css/style-refractored.css">

<script src="/js/fancyapps/fancybox.umd.js"></script>

<link rel="stylesheet" href="/js/fancyapps/fancybox.css" />

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">



















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-31 22:46</div>


                <h5 id="2024-07-31 22:46" style="opacity: 0;">2024-07-31 22:46</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>人若无名，专心练剑。菜就多练，先写再改。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-30 18:05 青桔自行车</div>


                <h5 id="2024-07-30 18:05 青桔自行车" style="opacity: 0;">2024-07-30 18:05 青桔自行车</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>骑了两趟青桔自行车，都是同一辆。花费3块大洋。硬质轮胎，在过沟沟坎坎时震的人精神一振。踩踏感很松，想快也快不起来。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">29-2 自媒体搞钱💰群</div>


                <h5 id="29-2 自媒体搞钱💰群" style="opacity: 0;">29-2 自媒体搞钱💰群</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>❗挖到一个自媒体搞钱💰群，限时免费，速度进！</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/zw_408504.jpg" data-fancybox="gallery" data-caption="29-2 自媒体搞钱💰群">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/zw_408504.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">29-1 按月分布</div>


                <h5 id="29-1 按月分布" style="opacity: 0;">29-1 按月分布</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>增加了动态功能，按月分布到文章里</p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/ target="_blank">/memos/</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">26-3 from Flora</div>


                <h5 id="26-3 from Flora" style="opacity: 0;">26-3 from Flora</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


效率的提高才是生产力<br>


比如快递行业注重时速 顺丰做到了本日达 <br>


外卖也是要以快速为竞争力<br>


董宇辉所能达到的也是他口中的知识满足了人们想最短时间听到最精炼的内容的需求<br>


便利店之所以能盈利就是他缩短了人们购买的时间成本<br>


<br>


一个好教师要能够整合知识 提炼出规则 让学生在一节课中吸收知识的精华 <br>


所以有时候让有经验的前辈带带你会事半功倍


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">26-2 折腾博客</div>


                <h5 id="26-2 折腾博客" style="opacity: 0;">26-2 折腾博客</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>更换博客主题，折腾博客比写文章快乐!</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">26-1 微天使头像樯</div>


                <h5 id="26-1 微天使头像樯" style="opacity: 0;">26-1 微天使头像樯</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>微天使头像樯v0.1</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/txs.jpg" data-fancybox="gallery" data-caption="26-1 微天使头像樯">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/txs.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/blog/mi_gals target="_blank">/blog/mi_gals</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>




















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-25 18:36 哔哔1000句</div>


                <h5 id="2024-07-25 18:36 哔哔1000句" style="opacity: 0;">2024-07-25 18:36 哔哔1000句</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>没在饭否上哔哔1000句以上废话别说你玩过饭否。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-24 23:59 灵活就业</div>


                <h5 id="2024-07-24 23:59 灵活就业" style="opacity: 0;">2024-07-24 23:59 灵活就业</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>为了防止突然被裁员，我提前几年灵活就业; 大聪明啊，我以前就想不到这出</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-16 02:47 691万回归玩家</div>


                <h5 id="2024-07-16 02:47 691万回归玩家" style="opacity: 0;">2024-07-16 02:47 691万回归玩家</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>这一次，回家没有硬件障碍，不再有侠士被显卡门槛阻拦！有691万回归玩家（占比60.29%）在本次全平台公测中通过各个端口回到大美江湖~</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-12 20:31 朋友圈卷王</div>


                <h5 id="2024-07-12 20:31 朋友圈卷王" style="opacity: 0;">2024-07-12 20:31 朋友圈卷王</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>一个观察，不一定对：朋友圈发的越多，说明越不赚钱，越焦虑。正常来说，每天3-8条都属于正常节奏，卷王的话一天10-15条也差不多算极限了。动不动发几十条朋友圈的人很难输出什么价值吸引客户，只会负反馈越来越多，客户都懒得点开。本质上就是通过刷屏朋友圈来转移自己的注意力罢了。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-07 13:19 受害者思维</div>


                <h5 id="2024-07-07 13:19 受害者思维" style="opacity: 0;">2024-07-07 13:19 受害者思维</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>受害者思维： 很擅长的“怪罪游戏”，错的永远是别人或是别的事情，一定不是他们自己。 很擅长合理化，喜欢找借口。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-06 01:17 长公主</div>


                <h5 id="2024-07-06 01:17 长公主" style="opacity: 0;">2024-07-06 01:17 长公主</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>庆余年里的长公主也是被这么评价的 转@绿袖子. 中午跟朋友吃饭，她评价我有一种死了老公的美感::ೖ(⑅σ̑ᴗσ̑)ೖ::</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-06 00:15 饭否小卡片</div>


                <h5 id="2024-07-06 00:15 饭否小卡片" style="opacity: 0;">2024-07-06 00:15 饭否小卡片</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>©2024 fanfou.com</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="/blog/fanfou2024.png" data-fancybox="gallery" data-caption="饭否小卡片">


                                            <img src="/blog/fanfou2024.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-07-03 17:42 没有知了</div>


                <h5 id="2024-07-03 17:42 没有知了" style="opacity: 0;">2024-07-03 17:42 没有知了</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>没有知了</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024年6月</div>


                <h5 id="2024年6月" style="opacity: 0;">2024年6月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/2406 target="_blank">https://daoyuchan.com/memos/2406</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>







]]></content:encoded>
    </item>
    <item>
      <title>Build Hugo Site</title>
      <link>https://daoyuchan.com/log/build_hugo/</link>
      <pubDate>Sun, 30 Jun 2024 16:20:27 +0800</pubDate>
      <guid>https://daoyuchan.com/log/build_hugo/</guid>
      <description>&lt;h2 id=&#34;小标题&#34;&gt;小标题&lt;/h2&gt;
&lt;p&gt;在终端直接输入hugo server -D就可以在本地预览了，本地预览网址为 localhost:1313，&lt;/p&gt;
&lt;p&gt;输入hugo就可以生成public文件夹，这个文件夹可以部署到云服务器或者托管到github上，&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h2 id="小标题">小标题</h2>
<p>在终端直接输入hugo server -D就可以在本地预览了，本地预览网址为 localhost:1313，</p>
<p>输入hugo就可以生成public文件夹，这个文件夹可以部署到云服务器或者托管到github上，</p>
<p>注意：输入hugo的生成方式只会往public文件夹里添加内容，但是不会删除外部已经不存在而public里面还存在的文件，</p>
<p>所以我一般用hugo -F &ndash;cleanDestinationDir命令，表示每次生成的public都是全新的，会覆盖原来的。</p>
]]></content:encoded>
    </item>
    <item>
      <title>关于王兴和饭否</title>
      <link>https://daoyuchan.com/blog/fanfou_about/</link>
      <pubDate>Sun, 30 Jun 2024 16:20:27 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/fanfou_about/</guid>
      <description>介绍 饭否 fanfou.com 这个古早味网站~</description>
      <content:encoded><![CDATA[<h3 id="在饭否的影响力">在饭否的影响力</h3>
<p>关注他的人有 213636 ，总计发了 17070 条消息</p>
<p>作为对比，饭否官方账号的关注量是 309853 <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
<h3 id="以下是关于王兴和饭否的一些信息">以下是关于王兴和饭否的一些信息：</h3>
<ol>
<li>
<p><strong>饭否的创立与发展</strong>：饭否成立于2007年，是中国最早的微博客平台之一，比新浪微博早两年。饭否的创立人包括王兴。</p>
</li>
<li>
<p><strong>王兴的活跃度</strong>：王兴在饭否上非常活跃，经常分享他的想法、生活点滴和对各种事物的观察。</p>
</li>
<li>
<p><strong>饭否的关闭与重启</strong>：2009年，饭否因为某些原因被暂时关闭，505天后恢复服务。但这次关闭对饭否的发展造成了重大影响。</p>
</li>
<li>
<p><strong>饭否的文化</strong>：尽管饭否的用户界面和功能相对简单，但它保持了早期互联网的友好交流氛围，用户可以自由地分享和交流。</p>
</li>
<li>
<p><strong>王兴的饭否签名</strong>：王兴的饭否签名体现了他对记录和分享日常生活的重视。</p>
</li>
<li>
<p><strong>饭否的影响力</strong>：尽管饭否未能成为主流社交媒体，但它依然拥有一批忠实用户，形成了独特的社区文化。</p>
</li>
<li>
<p><strong>饭否账号的价值</strong>：由于饭否停止了新用户注册，一些老账号的价值随之上升，甚至有人在二手市场上高价出售。<sup id="fnref:2"><a href="#fn:2" class="footnote-ref" role="doc-noteref">2</a></sup></p>
</li>
</ol>
<ol start="8">
<li><strong>王兴的争议</strong>：王兴在饭否上的一些言论曾引发外界的广泛关注和讨论，如他对足球运动员体能的评论。<sup id="fnref:3"><a href="#fn:3" class="footnote-ref" role="doc-noteref">3</a></sup></li>
</ol>
<h3 id="他的饭否自述">他的饭否自述</h3>
<pre tabindex="0"><code>如果我一整天都没看到、想到、或做过什么值得在饭否上说的事，那这一天就太浑浑噩噩了。

美团创始人，
饭否创始人，
校内网创始人，
非典型清华工科男。

Create like a god.
Command like a king.
Work like a slave.
</code></pre>


<h5 id="相关文章：">相关文章：</h5>
<ul>
    
    <li><a href="/blog/fanfou_jike_sn/">饭否-即刻号诺亚方舟——公众号推介</a></li>
    
    <li><a href="/blog/fanfou_nomore_1_hear/">今天距离王兴停更饭否已经过去整整 1 年</a></li>
    
</ul>



<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p><a href="https://fanfou.com/fanfou">https://fanfou.com/fanfou</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:2">
<p><a href="https://www.douban.com/group/ifanfou/">豆瓣 爱饭否小组</a>&#160;<a href="#fnref:2" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
<li id="fn:3">
<p><a href="https://www.sohu.com/a/407934191_613653">国足VS王兴：一场足球体能引发的｢跨界大战｣ </a>&#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://daoyuchan.com/blog/post1/</link>
      <pubDate>Sun, 30 Jun 2024 16:20:27 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/post1/</guid>
      <description>学习用hugo搭建博客，主题为PaperMod</description>
      <content:encoded><![CDATA[<h3 id="douban">DOUBAN</h3>
<p>啊哈蛤</p>
<h3 id="chart">Chart</h3>






<div style="width: 100%;height: 300px;margin: 0 auto">
    <canvas id="5ff18b4dd6bc2ecec4d8cc4cc5a8af4d"></canvas>
</div>
<script src="https://cdn.jsdelivr.net/npm/chart.js/dist/Chart.min.js"></script>
<script type="text/javascript">
    var ctx = document.getElementById('5ff18b4dd6bc2ecec4d8cc4cc5a8af4d').getContext('2d');
    var options = 
{
    type: 'bar',
    data: {
        labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
        datasets: [{
            label: 'Bar Chart',
            data: [12, 19, 18, 16, 13, 14],
            backgroundColor: [
                'rgba(255, 99, 132, 0.2)',
                'rgba(54, 162, 235, 0.2)',
                'rgba(255, 206, 86, 0.2)',
                'rgba(75, 192, 192, 0.2)',
                'rgba(153, 102, 255, 0.2)',
                'rgba(255, 159, 64, 0.2)'
            ],
            borderColor: [
                'rgba(255, 99, 132, 1)',
                'rgba(54, 162, 235, 1)',
                'rgba(255, 206, 86, 1)',
                'rgba(75, 192, 192, 1)',
                'rgba(153, 102, 255, 1)',
                'rgba(255, 159, 64, 1)'
            ],
            borderWidth: 1
        }]
    },
    options: {
        maintainAspectRatio: false,
        scales: {
            yAxes: [{
                ticks: {
                    beginAtZero: true
                }
            }]
        }
    }
};
    new Chart(ctx, options);
</script>
<p><img loading="lazy" src="/blog/er-2.webp" alt="Alt should always be set for reasons of inclusion"  title="Together we shall devour the very gods."  />
</p>
<h3 id="quote-eg">Quote e.g.</h3>
<p>Normal quote:











  





  


<blockquote>
  <p>This is a simple quote.</p>
  <footer>
    <strong></strong>
    
      
        
      
    
  </footer>
</blockquote>
</p>
<p>Quote with author:











  
  
  
  





  


<blockquote>
  <p>This is a quote with only an Author named Author2.</p>
  <footer>
    <strong>Author2</strong>
    
      
        
      
    
  </footer>
</blockquote>
</p>
<p>Quote with author and source:











  
  
  
  





  


<blockquote>
  <p>This is a quote from Author3 and source &ldquo;source.&rdquo;</p>
  <footer>
    <strong>Author3</strong>
    
      <cite>Source</cite>
    
  </footer>
</blockquote>
</p>
<p>Quote with author and link:











  
  
  
  





      
      
      
    
     
      
    
    

    
    
  


<blockquote>
  <p>This is a quote from Author4 and links to <a href="https://www.google.com">https://www.google.com</a>.</p>
  <footer>
    <strong>Author4</strong>
    
      
        <cite>
          <a href="https://www.google.com" title="https://www.google.com">google.com</a> 
        </cite>
      
    
  </footer>
</blockquote>
</p>
<p>Quote with author, link and title:











  
  
  
  





  


<blockquote>
  <p>This is a quote from Author5 and links to <a href="https://www.google.com">https://www.google.com</a> with title &ldquo;Google.&rdquo;</p>
  <footer>
    <strong>Author5</strong>
    
      
        <cite>
          <a href="https://www.google.com" title="https://www.google.com">Google</a> 
        </cite>
      
    
  </footer>
</blockquote>
</p>
]]></content:encoded>
    </item>
    <item>
      <title>日更写作DAY02</title>
      <link>https://daoyuchan.com/posts/daily_2/</link>
      <pubDate>Fri, 14 Jun 2024 21:49:52 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/daily_2/</guid>
      <description>&lt;p&gt;今天发生了啥？
记个流水账吧&lt;/p&gt;
&lt;p&gt;早上是本镇每隔5天例行的赶集日。
9点多的时候终于赶去花街帮花友挑了一棵君子兰（带花苞的，有现花的）。
可是他需要的是两棵。我在第一处摊位上看到3棵品相有点瑕疵的，就先去别的摊位看看了，买到了一棵符合要求的。后来再没看到合适的，再回到摊位1的时候，摊主已经不在位置上了。（这笔生意他就黄了）。&lt;/p&gt;</description>
      <content:encoded><![CDATA[<p>今天发生了啥？
记个流水账吧</p>
<p>早上是本镇每隔5天例行的赶集日。
9点多的时候终于赶去花街帮花友挑了一棵君子兰（带花苞的，有现花的）。
可是他需要的是两棵。我在第一处摊位上看到3棵品相有点瑕疵的，就先去别的摊位看看了，买到了一棵符合要求的。后来再没看到合适的，再回到摊位1的时候，摊主已经不在位置上了。（这笔生意他就黄了）。</p>
<p>接下来缺的那棵我就去我姐的仓库挑了一棵中规中矩的凑合发了。（因为第一棵的品相已经超过挑选标准了），然后，我因为着急赶去另一个地方干活，又忘了把手动打单的快递单号保存下来。（切记下次不可再犯这种错误）</p>
<p>一路上雨点时断时续，在我的50km/h 的小毛驴的速度加持下，豆大的雨点砸的我的脸啪啪的疼。我也是一个为了森活受尽了苦的人啊！！！</p>
<p>今天为啥现在才更？因为突然又接到一个做官网的任务，我想用一个之前没用过的工具来搭建，多用了好多时间看它的文档。（这个工具以前虽然有耳闻目睹，但是从来没安装来实践过。）</p>
<p><figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/posts/wucaiyu.jpg"
         alt="五彩芋"/> <figcaption>
            <p>五彩芋.</p>
        </figcaption>
</figure>

配图是被两个人认可的 五彩芋~~
众位看官觉得它惊艳吗？</p>
]]></content:encoded>
    </item>
    <item>
      <title>日更写作DAY01</title>
      <link>https://daoyuchan.com/posts/daily_1/</link>
      <pubDate>Wed, 12 Jun 2024 23:20:27 +0800</pubDate>
      <guid>https://daoyuchan.com/posts/daily_1/</guid>
      <description>如果要日更写作30天，可以✍些什么呢？</description>
      <content:encoded><![CDATA[<pre tabindex="0"><code>如果要日更写作30天，可以✍些什么呢？

生活中的小确幸？对专业问题的见解？任何领域的学习笔记？

无论写什么，写出来就好了。让人见证你的成长和思考。
</code></pre><p>最好的文字，还是要靠点押韵或带转折（情绪反转）的，这就是歌曲能传唱广远的原因之一。</p>
<p>我总结了<strong>好玩的骚话</strong>，它们真的押韵啊！以下仅举例若干：</p>
<p>情不敢至深，恐骚话一场，人不敢乱密，畏猪头无常。（押）
<figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/posts/pighead_icecrean.webp"
         alt="猪头冰淇淋表情"/> <figcaption>
            <p>猪头冰淇淋表情.</p>
        </figcaption>
</figure>
</p>
<p>我有一个朋友，装备也不提升，手法也不会，外观还丑，包里还没钱。我……他该怎么办？#难过（转折）</p>
<p>#鄙视你老给那个男的买奶茶 他喝不腻吗 给我也买一杯（转折）</p>
<p>别老给那个男的发消息，给我也发两条，我也认字#讨厌（转折）</p>
<p>直男就是直接喜欢男的#鄙视</p>
<p>我还是~从前那个少年一身拓印没情缘#噢 （押）</p>
<p>你情缘绿了你一年你没发现，我解控交晚一秒被你骂了一个晚上，没意思兄弟，真的 （转折）</p>
<p>跟我情缘怎么了，我都不怕你情缘，你怕什么？（转折）</p>
<p>你私聊我，我没有回。我是一名已婚男士，是两个孩子的爸，还是一名流水线员工，做人老实，上网只是娱乐方式（转折）</p>
<p>不要我一死就叫叫叫，让我去找个厂拧螺丝。我去拧螺丝也会下班的，下了班我还是要打剑网三的（转折）</p>
<p><em>怎么每次我发完真的有人去点啊（啊？都看到这里了，不帮我点个在看吗）</em></p>
]]></content:encoded>
    </item>
    <item>
      <title>[归档]2024年6月动态</title>
      <link>https://daoyuchan.com/memos/2406/</link>
      <pubDate>Sat, 01 Jun 2024 09:34:29 +0800</pubDate>
      <guid>https://daoyuchan.com/memos/2406/</guid>
      <description>&lt;link rel=&#34;stylesheet&#34; href=&#34;https://daoyuchan.com/css/style-refractored.css&#34;&gt;

&lt;script src=&#34;https://daoyuchan.com/js/fancyapps/fancybox.umd.js&#34;&gt;&lt;/script&gt;

&lt;link rel=&#34;stylesheet&#34; href=&#34;https://daoyuchan.com/js/fancyapps/fancybox.css&#34; /&gt;

&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/base-min.css&#34;&gt;
&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/grids-min.css&#34;&gt;
&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css&#34;&gt;






















&lt;div class=&#34;moment-row&#34;&gt;


    &lt;div class=&#34;pure-g&#34;&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-1-3&#34;&gt;


            &lt;div class=&#34;time&#34;&gt;


                


                &lt;div class=&#34;month-day&#34;&gt;2024-06-28 23:52 撒哈拉的故事&lt;/div&gt;


                &lt;h5 id=&#34;2024-06-28 23:52 撒哈拉的故事&#34; style=&#34;opacity: 0;&#34;&gt;2024-06-28 23:52 撒哈拉的故事&lt;/h5&gt;


            &lt;/div&gt;


        &lt;/div&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-2-3&#34;&gt;


            &lt;div class=&#34;moment-content&#34;&gt;


                &lt;div style=&#34;padding-left: 5px; padding-right: 5px;&#34;&gt;


                    


                    &lt;div class=&#34;context&#34;&gt;


                        &lt;p&gt;恍惚了一天，365天阅读差点首断。还有15分钟，听一会儿 撒哈拉的故事&lt;/p&gt;


                    &lt;/div&gt;


                    





                    


                    


                &lt;/div&gt;


                &lt;hr&gt;


            &lt;/div&gt;


        &lt;/div&gt;


    &lt;/div&gt;


&lt;/div&gt;

















&lt;div class=&#34;moment-row&#34;&gt;


    &lt;div class=&#34;pure-g&#34;&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-1-3&#34;&gt;


            &lt;div class=&#34;time&#34;&gt;


                


                &lt;div class=&#34;month-day&#34;&gt;2024-06-25 18:28 人类的三大弱点&lt;/div&gt;


                &lt;h5 id=&#34;2024-06-25 18:28 人类的三大弱点&#34; style=&#34;opacity: 0;&#34;&gt;2024-06-25 18:28 人类的三大弱点&lt;/h5&gt;


            &lt;/div&gt;


        &lt;/div&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-2-3&#34;&gt;


            &lt;div class=&#34;moment-content&#34;&gt;


                &lt;div style=&#34;padding-left: 5px; padding-right: 5px;&#34;&gt;


                    


                    &lt;div class=&#34;context&#34;&gt;


                        &lt;p&gt;短视频为什么这么火？因为完美契合了人类的三大弱点：没有耐心，不爱思考，即时满足。&lt;/p&gt;</description>
      <content:encoded><![CDATA[


<link rel="stylesheet" href="/css/style-refractored.css">

<script src="/js/fancyapps/fancybox.umd.js"></script>

<link rel="stylesheet" href="/js/fancyapps/fancybox.css" />

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">






















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-28 23:52 撒哈拉的故事</div>


                <h5 id="2024-06-28 23:52 撒哈拉的故事" style="opacity: 0;">2024-06-28 23:52 撒哈拉的故事</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>恍惚了一天，365天阅读差点首断。还有15分钟，听一会儿 撒哈拉的故事</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-25 18:28 人类的三大弱点</div>


                <h5 id="2024-06-25 18:28 人类的三大弱点" style="opacity: 0;">2024-06-25 18:28 人类的三大弱点</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>短视频为什么这么火？因为完美契合了人类的三大弱点：没有耐心，不爱思考，即时满足。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-25 14:27 三个问题</div>


                <h5 id="2024-06-25 14:27 三个问题" style="opacity: 0;">2024-06-25 14:27 三个问题</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


大部分人在真正重要的问题上都会<b>坚定的选择</b>错误的答案。<br>


99%的人都会回答错的三个问题:<br>


1、要不要提问我的疑惑?99%的人选择不问<br>


2、要不要立马去做?99%的人选择不做<br>


3、要不要去抢这个机会?99%的人选择不抢


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-25 14:11 纯正少年</div>


                <h5 id="2024-06-25 14:11 纯正少年" style="opacity: 0;">2024-06-25 14:11 纯正少年</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>劝各位早点结婚，这样离婚的时候还很年轻，正所谓出走半生，归来仍是少年。还没结婚的那就更不用愁了，你还是那个纯正少年。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-25 01:33 游戏玩家的日常</div>


                <h5 id="2024-06-25 01:33 游戏玩家的日常" style="opacity: 0;">2024-06-25 01:33 游戏玩家的日常</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>我在大唐种黄玫瑰~ #游戏玩家的日常</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/hmg.png" data-fancybox="gallery" data-caption="我在大唐种黄玫瑰~">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/hmg.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-21 12:44 吉米龙场悟道</div>


                <h5 id="2024-06-21 12:44 吉米龙场悟道" style="opacity: 0;">2024-06-21 12:44 吉米龙场悟道</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>风骚律师 第三季 第八集 吉米&#34;龙场悟道&#34;</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-20 00:48 move move move</div>


                <h5 id="2024-06-20 00:48 move move move" style="opacity: 0;">2024-06-20 00:48 move move move</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>Oversleeping will never make your dreams come true. move move move</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-17 18:49 不要相信</div>


                <h5 id="2024-06-17 18:49 不要相信" style="opacity: 0;">2024-06-17 18:49 不要相信</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>不要相信女生发的任何鸡汤，她们为了发自拍什么都说得出口 😊</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-10 16:35 27届龙舟赛</div>


                <h5 id="2024-06-10 16:35 27届龙舟赛" style="opacity: 0;">2024-06-10 16:35 27届龙舟赛</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>县城第27届龙舟赛，本镇取得历史上最好成绩第二名~ *★</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-08 23:35 分道扬镳</div>


                <h5 id="2024-06-08 23:35 分道扬镳" style="opacity: 0;">2024-06-08 23:35 分道扬镳</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>Part of growing up is growing apart.</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/fdybsczdybf.png" data-fancybox="gallery" data-caption="分道扬镳是成长的一部分">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/fdybsczdybf.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-06-03 11:09 仅展示一个月</div>


                <h5 id="2024-06-03 11:09 仅展示一个月" style="opacity: 0;">2024-06-03 11:09 仅展示一个月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>抱歉，饭友已设置仅展示一个月内饭否，此条饭否已不可见</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024年7月</div>


                <h5 id="2024年7月" style="opacity: 0;">2024年7月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/2407 target="_blank">https://daoyuchan.com/memos/2407</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>














<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024年5月</div>


                <h5 id="2024年5月" style="opacity: 0;">2024年5月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/2405 target="_blank">https://daoyuchan.com/memos/2405</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>




]]></content:encoded>
    </item>
    <item>
      <title>庐山细雨-乌镇印象（24P）</title>
      <link>https://daoyuchan.com/gals/lushan_wuzhen_tour/</link>
      <pubDate>Tue, 07 May 2024 12:53:49 +0800</pubDate>
      <guid>https://daoyuchan.com/gals/lushan_wuzhen_tour/</guid>
      <description>2024年-五一庐山~嘉兴观花相册</description>
      <content:encoded><![CDATA[<p>本次走马观花，大致路线为：</p>
<p>庐山[牯岭镇-含鄱口-大口瀑布-五老峰（因为雾太大，走了一公里多就折返了）]</p>
<p>嘉兴[乌镇西栅-木心美术馆-月河历史街区-嘉兴火车站]</p>
<div class="notice tip" >
    <p class="notice-title">
        <span class="icon-notice baseline">
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="300.5 134 300 300">
  <path d="M551.281 252.36c0-3.32-1.172-6.641-3.515-8.985l-17.774-17.578c-2.344-2.344-5.469-3.711-8.789-3.711-3.32 0-6.445 1.367-8.789 3.71l-79.687 79.493-44.141-44.14c-2.344-2.344-5.469-3.712-8.79-3.712-3.32 0-6.444 1.368-8.788 3.711l-17.774 17.579c-2.343 2.343-3.515 5.664-3.515 8.984 0 3.32 1.172 6.445 3.515 8.789l70.704 70.703c2.343 2.344 5.664 3.711 8.789 3.711 3.32 0 6.64-1.367 8.984-3.71l106.055-106.056c2.343-2.343 3.515-5.468 3.515-8.789ZM600.5 284c0 82.813-67.188 150-150 150-82.813 0-150-67.188-150-150 0-82.813 67.188-150 150-150 82.813 0 150 67.188 150 150Z"/>
</svg>

        </span>提示</p><p><del>看不到图片的，因为这个相册的图床没有用https（hhh）</del>
需要在浏览器地址栏左侧的设置》<code>网站设置</code>》<code>⚠不安全内容（屏蔽）</code>改为允许 》<code>刷新页面</code></p></div>

<pre tabindex="0"><code>Mixed Content: The page at &#39;&lt;URL&gt;&#39; was loaded over HTTPS, but requested an insecure element &#39;&lt;URL&gt;&#39;. This request was automatically upgraded to HTTPS, For more information see &lt;URL&gt;
</code></pre><!DOCTYPE html>
<html lang="en">

<head>
    <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1, maximum-scale=1">
    
   <link rel="stylesheet" href="/css/nanogallery2.min.css">
    
   
    
</head>

<body>

    <div data-nanogallery2='{
	 "thumbnailDisplayTransition":          "slideUp",
     "thumbnailDisplayTransitionDuration":  500,
     "thumbnailDisplayInterval":            30,
     "galleryDisplayTransition":            "rotateX",
     "galleryDisplayTransitionDuration":    500,
     "galleryDisplayMode": "rows",
     "thumbnailDisplayOutsideScreen": "false",
     "eventsDebounceDelay": 10,
     "thumbnailL1BorderHorizontal": 0,
     "thumbnailL1BorderVertical": 0,
     "thumbnailLabel": {
        "titleFontSize": "0.6em"
     },
     "thumbnailWidth":   300,
     "thumbnailHeight":  "auto",
     "thumbnailHoverEffect2": "imageGrayOn|borderLighter|image_scale_1.00_1.10|label_backgroundColor_rgba(0,0,0,0)_rgba(255,255,255,0)",
     "galleryTheme": {
        "thumbnail": {
            "borderRadius": "5px"
        }
     },
     "thumbnailToolbarImage": {
        "topLeft": "",
        "topRight": "",
        "bottomLeft": "",
        "bottomRight": ""
     },
     "viewerToolbar":   {
        "display": true,
        "standard": "label"
     },
     "viewerTools":     {
        "topLeft":    "pageCounter, playPauseButton",
        "topRight":   "downloadButton, rotateLeft, zoomButton, fullscreenButton, closeButton"
     },
     "viewerGalleryTWidth": 40,
     "viewerGalleryTHeight": 40
}'>
        


<a href="https://t.gakki.fans/i/2024/09/19/7ez527.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7ez527.jpg">龙岩站出发</a>
<a href="https://t.gakki.fans/i/2024/09/19/7ez3gl.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7ez3gl.jpg">去往大口瀑布路边小溪的花树</a>
<a href="https://t.gakki.fans/i/2024/09/19/7ezdrn.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7ezdrn.jpg">指点江山</a>
<a href="https://t.gakki.fans/i/2024/09/19/7ezgyu.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7ezgyu.jpg">远眺鄱阳湖</a>
<a href="https://t.gakki.fans/i/2024/09/19/7ezm1q.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7ezm1q.jpg">临安服务区</a>

<a href="https://t.gakki.fans/i/2024/09/19/7ezpsq.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7ezpsq.jpg">乌镇第一印象：乌篷船</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f00kx.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f00kx.jpg">佳作书局·热美式</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f04kg.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f04kg.jpg">门缝里的芭蕉</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f0l4n.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f0l4n.jpg">这是啥牌楼</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f0vtd.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f0vtd.jpg">燕子飞檐</a>

<a href="https://t.gakki.fans/i/2024/09/19/7f0y99.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f0y99.jpg">高塔后面就是京杭运河了</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f1auo.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f1auo.jpg">运河上的货轮</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f1jmr.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f1jmr.jpg">梁朝太子读书处，改为昭明书院了</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f1j0h.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f1j0h.jpg">介绍门环的书和《2010太空漫游》</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f1qfr.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f1qfr.jpg">窗外的藤萝</a>

<a href="https://t.gakki.fans/i/2024/09/19/7f1ydq.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f1ydq.jpg">喝茶（贵的很）</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f208t.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f208t.jpg">在这里第一次听到木心的声音</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f2crj.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f2crj.jpg">木心的画作</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f2gri.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f2gri.jpg">木心美术馆外景</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f2mhm.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f2mhm.jpg">木心美术馆LOGO</a>

<a href="https://t.gakki.fans/i/2024/09/19/7f2tn8.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f2tn8.jpg">谁知江南无醉意</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f2ye4.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f2ye4.jpg">荷叶与蔷薇</a>
<a href="https://t.gakki.fans/i/2024/09/19/7f2wf4.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7f2wf4.jpg">晨间月季</a>
<a href="https://t.gakki.fans/i/2024/09/19/7fbp8w.jpg" data-ngThumb="https://t.gakki.fans/app/thumb.php?img=/i/2024/09/19/7fbp8w.jpg">绿皮车经过江西铅山县辛弃疾墓</a>


    </div>
</body>

</html>
]]></content:encoded>
    </item>
    <item>
      <title>[归档]2024年5月动态</title>
      <link>https://daoyuchan.com/memos/2405/</link>
      <pubDate>Wed, 01 May 2024 09:34:29 +0800</pubDate>
      <guid>https://daoyuchan.com/memos/2405/</guid>
      <description>&lt;link rel=&#34;stylesheet&#34; href=&#34;https://daoyuchan.com/css/style-refractored.css&#34;&gt;

&lt;script src=&#34;https://daoyuchan.com/js/fancyapps/fancybox.umd.js&#34;&gt;&lt;/script&gt;

&lt;link rel=&#34;stylesheet&#34; href=&#34;https://daoyuchan.com/js/fancyapps/fancybox.css&#34; /&gt;

&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/base-min.css&#34;&gt;
&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/grids-min.css&#34;&gt;
&lt;link rel=&#34;stylesheet&#34; href=&#34;https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css&#34;&gt;






















&lt;div class=&#34;moment-row&#34;&gt;


    &lt;div class=&#34;pure-g&#34;&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-1-3&#34;&gt;


            &lt;div class=&#34;time&#34;&gt;


                


                &lt;div class=&#34;month-day&#34;&gt;2024-05-29 12:56 血脉觉醒&lt;/div&gt;


                &lt;h5 id=&#34;2024-05-29 12:56 血脉觉醒&#34; style=&#34;opacity: 0;&#34;&gt;2024-05-29 12:56 血脉觉醒&lt;/h5&gt;


            &lt;/div&gt;


        &lt;/div&gt;


        &lt;div class=&#34;pure-u-1 pure-u-sm-2-3&#34;&gt;


            &lt;div class=&#34;moment-content&#34;&gt;


                &lt;div style=&#34;padding-left: 5px; padding-right: 5px;&#34;&gt;


                    


                    &lt;div class=&#34;context&#34;&gt;


                        &lt;p&gt;你才三十多岁，没遇到喜欢的人很正常，往后你会发现，大概是遇不到了。但是可以遇到喜欢你的花，血脉觉醒，开始养花着🥝&lt;/p&gt;</description>
      <content:encoded><![CDATA[


<link rel="stylesheet" href="/css/style-refractored.css">

<script src="/js/fancyapps/fancybox.umd.js"></script>

<link rel="stylesheet" href="/js/fancyapps/fancybox.css" />

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">






















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-29 12:56 血脉觉醒</div>


                <h5 id="2024-05-29 12:56 血脉觉醒" style="opacity: 0;">2024-05-29 12:56 血脉觉醒</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>你才三十多岁，没遇到喜欢的人很正常，往后你会发现，大概是遇不到了。但是可以遇到喜欢你的花，血脉觉醒，开始养花着🥝</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-28 10:02 无用之用</div>


                <h5 id="2024-05-28 10:02 无用之用" style="opacity: 0;">2024-05-28 10:02 无用之用</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>无用之用，方为大用。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-26 19:52 摇太阳</div>


                <h5 id="2024-05-26 19:52 摇太阳" style="opacity: 0;">2024-05-26 19:52 摇太阳</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/bj_404790.jpg" data-fancybox="gallery" data-caption="2024-05-26 19:52 摇太阳">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/bj_404790.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-16 08:27 深山净土</div>


                <h5 id="2024-05-16 08:27 深山净土" style="opacity: 0;">2024-05-16 08:27 深山净土</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>闭门即是深山 读书随处净土</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/7a_397006.jpg" data-fancybox="gallery" data-caption="红枫">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/7a_397006.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-07 12:45 最重要的东西</div>


                <h5 id="2024-05-07 12:45 最重要的东西" style="opacity: 0;">2024-05-07 12:45 最重要的东西</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


时间、精力包括承诺：<br>


都是人生中最重要的东西<br>


不要轻易给到别人<br>


如果要给，就一定要真诚


</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/db_393741.jpg" data-fancybox="gallery" data-caption="2024-05-07 12:45 最重要的东西">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/db_393741.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-08 18:50 动力OR病例</div>


                <h5 id="2024-05-08 18:50 动力OR病例" style="opacity: 0;">2024-05-08 18:50 动力OR病例</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>压力未必都会转化为动力，也可能变成病例。</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-07 12:45 机场书店的书</div>


                <h5 id="2024-05-07 12:45 机场书店的书" style="opacity: 0;">2024-05-07 12:45 机场书店的书</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>


机场书店的书，充斥着两个极端：<br>


一半是，机会，搞钱，商业。<br>


另一半是，人生，意义，健康。<br>


</p>


                    </div>


                    





                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-05-02 23:33 灵隐寺大数据</div>


                <h5 id="2024-05-02 23:33 灵隐寺大数据" style="opacity: 0;">2024-05-02 23:33 灵隐寺大数据</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>灵隐寺大数据来了</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/nk_212213.jpg" data-fancybox="gallery" data-caption="2024-05-02 23:33 灵隐寺大数据">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/nk_212213.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024年6月</div>


                <h5 id="2024年6月" style="opacity: 0;">2024年6月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/2406 target="_blank">https://daoyuchan.com/memos/2406</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>




]]></content:encoded>
    </item>
    <item>
      <title>[归档]2024年4月动态</title>
      <link>https://daoyuchan.com/memos/2404/</link>
      <pubDate>Mon, 01 Apr 2024 09:34:29 +0800</pubDate>
      <guid>https://daoyuchan.com/memos/2404/</guid>
      <description>年初没怎么发饭否，随手摘录汇总在4月</description>
      <content:encoded><![CDATA[


<link rel="stylesheet" href="/css/style-refractored.css">

<script src="/js/fancyapps/fancybox.umd.js"></script>

<link rel="stylesheet" href="/js/fancyapps/fancybox.css" />

<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/base-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-min.css">
<link rel="stylesheet" href="https://unpkg.com/purecss@2.0.6/build/grids-responsive-min.css">






















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-04-27 21:39 人物倒影</div>


                <h5 id="2024-04-27 21:39 人物倒影" style="opacity: 0;">2024-04-27 21:39 人物倒影</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>剑三无界版本的登录界面加了人物倒影</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/fe_215498.png" data-fancybox="gallery" data-caption="2024-04-27 21:39 人物倒影">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/fe_215498.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024-04-27 21:36 怎么让别人记住你？</div>


                <h5 id="2024-04-27 21:36 怎么让别人记住你？" style="opacity: 0;">2024-04-27 21:36 怎么让别人记住你？</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>怎么让别人记住你？</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/fb_215501.jpg" data-fancybox="gallery" data-caption="2024-04-27 21:36 怎么让别人记住你？">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/fb_215501.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2023-12-04 17:55 卿</div>


                <h5 id="2023-12-04 17:55 卿" style="opacity: 0;">2023-12-04 17:55 卿</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>最喜欢的腰部挂件“卿”</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/dr_258556.png" data-fancybox="gallery" data-caption="腰部挂件“卿”">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/dr_258556.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2023-10-27 11:14 first login</div>


                <h5 id="2023-10-27 11:14 first login" style="opacity: 0;">2023-10-27 11:14 first login</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>新版本第二天，first login</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/b6_97602.png" data-fancybox="gallery" data-caption="2023-10-27 11:14 first login">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/b6_97602.png?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2023-10-13 13:24 好看好玩</div>


                <h5 id="2023-10-13 13:24 好看好玩" style="opacity: 0;">2023-10-13 13:24 好看好玩</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p>这个🐂🍺</p>


                    </div>


                    





                    


                    <div class="pic-grid" style="width: 53%">


                        <div class="pure-g">


                            


                            <div class="pure-u-1-2">


                                <div class="add-padding">


                                    <div class="img-container">


                                        <a data-src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/d9_142510.jpg" data-fancybox="gallery" data-caption="2023-10-13 13:24 好看好玩">


                                            <img src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/memos/2404/d9_142510.jpg?x-oss-process=image/resize,w_300" alt="pictures" />


                                        </a>


                                    </div>


                                </div>


                            </div>





                        </div>


                    </div>


                    


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>

















<div class="moment-row">


    <div class="pure-g">


        <div class="pure-u-1 pure-u-sm-1-3">


            <div class="time">


                


                <div class="month-day">2024年5月</div>


                <h5 id="2024年5月" style="opacity: 0;">2024年5月</h5>


            </div>


        </div>


        <div class="pure-u-1 pure-u-sm-2-3">


            <div class="moment-content">


                <div style="padding-left: 5px; padding-right: 5px;">


                    


                    <div class="context">


                        <p></p>


                    </div>


                    





                    


                    


                    <div class="share-link-block">


                        <p class="url">🌏<a href=https://daoyuchan.com/memos/2405 target="_blank">https://daoyuchan.com/memos/2405</a></p>


                    </div>


                    


                </div>


                <hr>


            </div>


        </div>


    </div>


</div>




]]></content:encoded>
    </item>
    <item>
      <title>Laravel中间件统计用户在线时长</title>
      <link>https://daoyuchan.com/tech/laravel_mid_spent/</link>
      <pubDate>Thu, 30 Mar 2023 18:41:30 +0800</pubDate>
      <guid>https://daoyuchan.com/tech/laravel_mid_spent/</guid>
      <description>Laravel — 了解用户上次在线的时间以及总计在线时长</description>
      <content:encoded><![CDATA[<p><em>此处以统计后台用户（admin_users）的在线时长为例；前台用户的话，只是对应的表不一样 (对应 users)。</em></p>
<h3 id="准备数据库">准备数据库</h3>
<p>此处需要添加两个字段，分别是 上次在线时间 和 总计在线时长（秒为单位）：</p>
<pre tabindex="0"><code>&lt;?php

use Illuminate\Database\Migrations\Migration;
use Illuminate\Database\Schema\Blueprint;
use Illuminate\Support\Facades\Schema;

class AddSpentToAdminUsersTable extends Migration
{
    /**
     * Run the migrations.
     *
     * @return void
     */
    public function up()
    {
        Schema::table(&#39;admin_users&#39;, function (Blueprint $table) {
            $table-&gt;unsignedInteger(&#39;spent&#39;)-&gt;default(&#39;0&#39;)-&gt;comment(&#39;使用时长&#39;)-&gt;after(&#39;id&#39;);
            $table-&gt;timestamp(&#39;onlined_at&#39;)-&gt;nullable()-&gt;comment(&#39;最后访问时间&#39;)-&gt;after(&#39;updated_at&#39;);
        });
    }

    /**
     * Reverse the migrations.
     *
     * @return void
     */
    public function down()
    {
        Schema::table(&#39;admin_users&#39;, function (Blueprint $table) {
            //
            $table-&gt;dropColumn([&#39;spent&#39;, &#39;onlined_at&#39;]);
        });
    }
}
</code></pre><h3 id="创建中间件">创建中间件</h3>
<pre tabindex="0"><code>&lt;?php

namespace App\Http\Middleware;

use Carbon\Carbon;
use Closure;
use Dcat\Admin\Admin;
use Illuminate\Support\Facades\Cache;

class CountAdminUserOnlineTime
{
    public function handle($request, Closure $next)
    {
        $user = Admin::user(); // 获取当前认证用户
        if ($user) {
            $seenKey = &#39;auser-last-seen-&#39;; //缓存标识
            $lastSeenAt = Cache::get($seenKey . $user-&gt;id); // 获取上次访问时间戳
            $now = Carbon::now();

            if ($lastSeenAt != null) {
                $duration = $now-&gt;diffInSeconds($lastSeenAt); // 计算在线时长（秒数）
                $user-&gt;increment(&#39;spent&#39;, $duration, [&#39;updated_at&#39; =&gt; $user-&gt;updated_at, &#39;onlined_at&#39; =&gt; $now]); //updated_at 维持原值
            }

            Cache::put($seenKey . $user-&gt;id, $now, Carbon::now()-&gt;addMinutes(1)); // 保存当前访问时间戳（并设置缓存过期时间为一分钟）
        }

        return $next($request);
    }
}
</code></pre><p>👆 <em>此处没有用使用 DB facade 来避免更新用户表的 {更新时间} 字段，而用 increment 函数的第二个参数来维持 updated_at 值不变。</em></p>
<h3 id="应用中间件">应用中间件</h3>
<ul>
<li>在 \app\Http\Kernel.php 中添加一个 $routeMiddleware</li>
</ul>
<pre tabindex="0"><code>protected $routeMiddleware = [
        //其它
        &#39;admin.spent&#39; =&gt; \App\Http\Middleware\CountAdminUserOnlineTime::class,
        //其它
    ];

    
</code></pre><ul>
<li>如果你用的是 dcat-admin 后台框架，可以在 config/admin.php 的 route 配置里直接附加 middleware:</li>
</ul>
<pre tabindex="0"><code>    //如果你用的是 dcat-admin 后台框架，可以在 config/admin.php 的 route 配置里直接附加 middleware:
    &#39;middleware&#39; =&gt; [&#39;web&#39;, &#39;admin&#39;], // 默认值：
    &#39;middleware&#39; =&gt; [&#39;web&#39;, &#39;admin&#39;, &#39;admin.spent&#39;], //添加在线时长中间件

    //其它情况： 在路由定义里添加：

    Route::middleware([/* 其它中间件*/ , &#39;admin.spent&#39;])-&gt;group(
    function () {
        //... 需要统计的路由
    });
</code></pre><h3 id="dcat-admin-在概览页面展示用户时长可选">dcat-admin 在概览页面展示用户时长(可选)</h3>
<pre tabindex="0"><code>//新建一个 AdminUser 模型继承默认的 Administrator
&lt;?php

namespace App\Models;

use Dcat\Admin\Models\Administrator;

class AdminUser extends Administrator
{

}

//在线时间表格
use Carbon\Carbon;
use Dcat\Admin\Widgets\Callout;
use Dcat\Admin\Widgets\Tab;
use Dcat\Admin\Widgets\Table;
...

public static function tab()
    {

        $data = AdminUser::query()
            -&gt;orderBy(&#39;onlined_at&#39;, &#39;DESC&#39;)
            -&gt;get([&#39;name&#39;, &#39;onlined_at&#39;, &#39;spent&#39;])
            -&gt;toArray();
        foreach ($data as &amp;$d) {
            if (!$d[&#39;spent&#39;]) {
                $d[&#39;spent&#39;] = &#39;-&#39;;
            } else {
                $d[&#39;spent&#39;] = formatTime($d[&#39;spent&#39;]);
            }
            if (Carbon::parse($d[&#39;onlined_at&#39;])-&gt;diffInMinutes() &lt;= 5) {
                $d[&#39;name&#39;] = &#39;&lt;i class=&#34;fa fa-circle&#34; style=&#34;font-size: 13px;color: #4e9876&#34;&gt;&lt;/i&gt;&amp;ensp;&#39; . $d[&#39;name&#39;];

            } else {
                $d[&#39;name&#39;] = &#39;&lt;i class=&#34;fa fa-circle&#34; style=&#34;font-size: 13px;color: #7c858e
&#34;&gt;&lt;/i&gt;&amp;ensp;&#39; . $d[&#39;name&#39;];

            }

        }

        $titles = [&#39;管理员&#39;, &#39;最后在线&#39;, &#39;总在线时长&#39;];

        return Tab::make()
            -&gt;padding(0)
            -&gt;add(&#39;业务信息&#39;,
                Callout::make(&#39;后台用户(最近登录)&#39;)-&gt;success() . Table::make($titles, $data)
            );
    }

//公共函数库增加 formatTime
/**

 * 将给定秒数转换为以“x天x时x分钟”形式

 * e.g. 123456 =&gt; 1天10时17分钟

 */

function  formatTime($seconds)

{

 $days  =  floor($seconds  /  86400);

 $hours  =  floor(($seconds  %  86400)  /  3600);

 $minutes  =  floor(($seconds  %  3600)  /  60);

 $result  =  &#34;&#34;;

 if  ($days  &gt;  0)  {

 $result  .=  &#34;{$days}天&#34;;

 }

 if  ($hours  &gt;  0)  {

 $result  .=  &#34;{$hours}时&#34;;

 }

 if  ($minutes  &gt;  0)  {

 $result  .=  &#34;{$minutes}分钟&#34;;

 }

 return  $result;

}
</code></pre><h3 id="统计结果示例">统计结果示例</h3>
<p><a href="https://learnku.com/articles/76349"><img loading="lazy" src="https://cdn.learnku.com/uploads/images/202303/30/22464/6qYuMoZoFP.png!large" alt=""  />
</a></p>
<p><em>原文发表于：https://learnku.com/articles/76349</em></p>
]]></content:encoded>
    </item>
    <item>
      <title>再读梭罗的《瓦尔登湖》</title>
      <link>https://daoyuchan.com/blog/re-read-thoreaus-walden-lake/</link>
      <pubDate>Sun, 01 Jan 2023 18:21:59 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/re-read-thoreaus-walden-lake/</guid>
      <description>松风闲云淡吾身，星雨微微洗心尘</description>
      <content:encoded><![CDATA[<p> </p>
<p>大学的时候，我的业余时间有一大半是在师大的又玄图书馆度过。七楼是一整层的外文书，对喜爱阅读的我来说，简直是我的天堂。当然，我所阅读的书籍，只是沧海一粟而已。当时以我的英文水平，挑选了一些英文名著，其中《瓦尔登湖》就是我觉得这辈子最应该阅读并且能够反复品读的一本书。</p>
<p>我被梭罗超凡脱俗的世界观所折服。梭罗在瓦尔登湖畔的小木屋里居住了一年多，衣食简朴，没有使用工业产品，自给自足。他没有任何邻居，只与鸟兽鱼虫为邻。独享天地之间，无意于人世的繁华，隐居湖畔，孤独自在，体验大自然的四季变更，风霜雨雪。也远离了人际纷争。这是多么自我又洒脱的人生观！</p>
<p>反观现在的我，时间都被世俗琐事束缚支配。工作不分昼夜，人人以敬业劳动为荣。居住在城市的一个小空间，为了这个小空间奋斗还贷。有人的地方就有攀比，物质的追求永无止境。赚钱为了消费的观念占据了主要的潮流，各种购物节此起彼伏，人们狂热的消费主义，成了乐此不疲的话题。导致的结果就是，工作疲惫，生活疲惫，没有精神的追求，心灵的宁静。心就像一直奔涌向前的洪水，而不是瓦尔登湖宁静的湖水。</p>
<p>《瓦尔登湖》之所以成为经典，是因为作者的思想是具有永恒性和超前性，同样值得现代人反思。蕴含着深刻的思想，即人与自然和谐相处，人本身就是自然的一分子。过多地对自然进行改造会破坏地球，破坏美丽的家园。过多地进行社交活动，会耗费大量无用的精力，而变得疲惫不堪又毫无意义。我们所需要的物质是否真的有那么多？梭罗倡导的精神体验，更注重精神的丰富，多观察大自然，了解大自然，倡导独立、自由的精神，他因此写出了旷世之作，也给后人以深刻的精神遗产。我们是否也应该多关注内心真正的渴望，而不被外界的吵闹所迷惑？</p>
<p>从明天起，我也要多关注大自然，看云，看山，看水，看鸟，关注生态，珍惜环境，潜心研究，减少不必要的负担，让短暂的人生活出意义。</p>
<figure>
    <img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2023/book_wedh_mk.jpg"
         alt="《瓦尔登湖》复古插图封面"/> <figcaption>
            <p>📖《瓦尔登湖》复古插图封面</p>
        </figcaption>
</figure>

<p>撰文/投稿：<a target="_blank" href=https://web.okjike.com/u/74238CFB-64AD-4B27-867F-8F2E9DA541B9 title= Fiona羽言  class="friendurl">
    <div class="frienddiv">
        <div class="frienddivleft">
            <img class="myfriend" src=https://daoyuchan.com/img/fiona.jpg />
        </div>
        <div class="frienddivright">
            <div class="friendname">Fiona羽言</div>
            <div class="friendinfo">教孩子ABC \ 英语翻译硕士MTI \ 读书分享者</div>
        </div>
    </div>
</a></p>
<p>编辑/配图：道与</p>
]]></content:encoded>
    </item>
    <item>
      <title>商不拆的2022即刻圈子</title>
      <link>https://daoyuchan.com/blog/jike_2022/</link>
      <pubDate>Sun, 01 Jan 2023 16:49:27 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/jike_2022/</guid>
      <description>What jike tls made of 商不拆@2022</description>
      <content:encoded><![CDATA[<p>2022 年在即刻才发了刚好 500 条动态，应该是追平饭否了 (￢︿̫̿￢☆)</p>
<h3 id="chart">Chart</h3>
<div>
    <svg class='jike_pie'></svg>
    <script src="/js/chart.xkcd.min.js"></script>
    <script>
        const svgjike_pie = document.querySelector('.jike_pie');
        new chartXkcd.Pie(svgjike_pie,{
            

    title: "What jike tls made of 商不拆@2022", // optional
    data: {
        labels: [
          "其它 287(总计500)",
          "情迷咖啡因 67",
          "随手拍张照 46",
          "孤独者的日常 32",
          "今日份的花",
          "酒鬼研究所",
          "厦门吃喝玩乐小分队",
          "此刻的天空",
          "即友的季节情报站",
          "手机摄影交流站",
          "一起拍建筑",
        ],
        datasets: [
          {
            data: [287, 67, 46, 32, 25, 23, 20, 19, 16, 10, 8],
          },
        ],
    },
    options: {
        innerRadius: 0.5,
        legendPosition: chartXkcd.config.positionType.upRight,
    }


    });
    </script>
</div>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-javascript" data-lang="javascript"><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl"><span class="nx">labels</span><span class="o">:</span> <span class="p">[</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;其它 287(总计500)&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;情迷咖啡因 67&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;随手拍张照 46&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;孤独者的日常 32&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;今日份的花&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;酒鬼研究所&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;厦门吃喝玩乐小分队&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;此刻的天空&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;即友的季节情报站&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;手机摄影交流站&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">          <span class="s2">&#34;一起拍建筑&#34;</span><span class="p">,</span>
</span></span><span class="line"><span class="cl">        <span class="p">],</span>
</span></span></code></pre></div><p><img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2023/jike_2022.jpg" alt="详情"  />
</p>
]]></content:encoded>
    </item>
    <item>
      <title>咖啡产地风味描述</title>
      <link>https://daoyuchan.com/blog/coffee-regional-flavor-description/</link>
      <pubDate>Thu, 18 Aug 2022 17:31:38 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/coffee-regional-flavor-description/</guid>
      <description>全球主要有三个大洲生产咖啡豆，各自带区别度高的风味</description>
      <content:encoded><![CDATA[<p>全球咖啡豆主要分为三大洲的产区，每个产区的咖啡豆都有其独特的风味特点。</p>
<h3 id="美洲americas">美洲🌎Americas</h3>
<pre tabindex="0"><code>柔和平衡 Mild &amp; Balanced
巧克力 Chocolaty
坚果 Nutty
焦糖 Caramel
</code></pre><p>美洲产区以巴西、哥伦比亚和厄瓜多尔等国为代表。</p>
<p>美洲咖啡豆风味丰富，通常有可可味和坚果味，酸度较低、醇度高。</p>
<p>巴西咖啡豆以其温和而滑润的口感，中酸、醇度适中和淡淡的甜味而受到欢迎。</p>
<p>哥伦比亚咖啡豆则以其均衡度好、口感绵软和适中的苦味而著称，被誉为“绿色的金子”。</p>
<h3 id="非洲africa">非洲🌍Africa</h3>
<pre tabindex="0"><code>醇厚度圆润 MEDIUM BODY
果香 Fruity
花 Floral
甜味 Sweet
</code></pre><p>非洲是咖啡的原产地，以埃塞俄比亚、肯尼亚和坦桑尼亚等国为代表。</p>
<p>非洲咖啡豆以其果香和果酸闻名，酸度偏高、醇度偏低。</p>
<p>埃塞俄比亚的咖啡豆带有柑橘味和花香味，耶加雪菲（Yirgacheffe）以其细腻优雅和蜂蜜般的甜味著称。</p>
<p>肯尼亚 AA咖啡豆 则以鲜明的果香和浓郁的果酸为特点。</p>
<h3 id="亚洲asia">亚洲🌏Asia</h3>
<pre tabindex="0"><code>醇厚度圆润 Heavy Body
黑巧克力 Dark Chocolate
土壤 Earthy
草本 Herbai
</code></pre><p>亚洲产区包括印度尼西亚、越南、印度和中国云南等地。</p>
<p>亚洲咖啡豆通常具有深沉的风味和浓厚的口感，甜味强烈且圆润，但可能在香气和明亮度上略显不足。</p>
<p>例如，印度尼西亚的苏门答腊咖啡豆以其草本、木质香气和低酸度闻名，</p>
<p>而越南咖啡豆则以其独特的香味和苦味，常用于制作即溶咖啡和罐装咖啡。</p>
<p>每个大洲的咖啡豆都有其代表性的风味，这些风味受到当地气候、土壤、海拔和处理方法的影响。</p>
<p>咖啡爱好者通常会根据个人口味偏好选择不同产区的咖啡豆。</p>
]]></content:encoded>
    </item>
    <item>
      <title>没有废话的咖啡指南</title>
      <link>https://daoyuchan.com/blog/no-nonsense-coffee-guide/</link>
      <pubDate>Wed, 17 Aug 2022 03:59:28 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/no-nonsense-coffee-guide/</guid>
      <description>&lt;p&gt; &lt;/p&gt;
&lt;table&gt;
  &lt;thead&gt;
      &lt;tr&gt;
          &lt;th style=&#34;text-align: left&#34;&gt;NONSENSE&lt;/th&gt;
          &lt;th style=&#34;text-align: right&#34;&gt;TRUE&lt;/th&gt;
          &lt;th style=&#34;text-align: right&#34;&gt;CHINESE&lt;/th&gt;
      &lt;/tr&gt;
  &lt;/thead&gt;
  &lt;tbody&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;AMERICANO&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;BLACK COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;美式咖啡&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;FLAT WHITE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;WHITE COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;白咖啡&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;CAPPUCCINO&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;FROTHY COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;卡布奇诺&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;LATTE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;MILKY COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;拿铁&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;ESPRESSO&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;MINIATURE COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;浓缩咖啡&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;MACCHIATO&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;MILK TOPPED COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;玛奇朵&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;MOCHA&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;CHOCCY COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;摩卡&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;TEA&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;NOT COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;茶&lt;/td&gt;
      &lt;/tr&gt;
      &lt;tr&gt;
          &lt;td style=&#34;text-align: left&#34;&gt;HOT CHOCOLATE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;STILL NOT COFFEE&lt;/td&gt;
          &lt;td style=&#34;text-align: right&#34;&gt;热可可&lt;/td&gt;
      &lt;/tr&gt;
  &lt;/tbody&gt;
&lt;/table&gt;
&lt;p&gt;&lt;code&gt;废话|没有废话|中文翻译&lt;/code&gt;&lt;/p&gt;</description>
      <content:encoded><![CDATA[<p> </p>
<table>
  <thead>
      <tr>
          <th style="text-align: left">NONSENSE</th>
          <th style="text-align: right">TRUE</th>
          <th style="text-align: right">CHINESE</th>
      </tr>
  </thead>
  <tbody>
      <tr>
          <td style="text-align: left">AMERICANO</td>
          <td style="text-align: right">BLACK COFFEE</td>
          <td style="text-align: right">美式咖啡</td>
      </tr>
      <tr>
          <td style="text-align: left">FLAT WHITE</td>
          <td style="text-align: right">WHITE COFFEE</td>
          <td style="text-align: right">白咖啡</td>
      </tr>
      <tr>
          <td style="text-align: left">CAPPUCCINO</td>
          <td style="text-align: right">FROTHY COFFEE</td>
          <td style="text-align: right">卡布奇诺</td>
      </tr>
      <tr>
          <td style="text-align: left">LATTE</td>
          <td style="text-align: right">MILKY COFFEE</td>
          <td style="text-align: right">拿铁</td>
      </tr>
      <tr>
          <td style="text-align: left">ESPRESSO</td>
          <td style="text-align: right">MINIATURE COFFEE</td>
          <td style="text-align: right">浓缩咖啡</td>
      </tr>
      <tr>
          <td style="text-align: left">MACCHIATO</td>
          <td style="text-align: right">MILK TOPPED COFFEE</td>
          <td style="text-align: right">玛奇朵</td>
      </tr>
      <tr>
          <td style="text-align: left">MOCHA</td>
          <td style="text-align: right">CHOCCY COFFEE</td>
          <td style="text-align: right">摩卡</td>
      </tr>
      <tr>
          <td style="text-align: left">TEA</td>
          <td style="text-align: right">NOT COFFEE</td>
          <td style="text-align: right">茶</td>
      </tr>
      <tr>
          <td style="text-align: left">HOT CHOCOLATE</td>
          <td style="text-align: right">STILL NOT COFFEE</td>
          <td style="text-align: right">热可可</td>
      </tr>
  </tbody>
</table>
<p><code>废话|没有废话|中文翻译</code></p>
<p><img loading="lazy" src="https://daoyuc.oss-cn-hangzhou.aliyuncs.com/blog/2022/cafe6.png" alt=""  />
</p>
]]></content:encoded>
    </item>
    <item>
      <title>饭否-即刻号诺亚方舟——公众号推介</title>
      <link>https://daoyuchan.com/blog/fanfou_jike_sn/</link>
      <pubDate>Fri, 13 May 2022 22:59:38 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/fanfou_jike_sn/</guid>
      <description>仅在此记录群聊提到的公众号。（聊天记录会消没）。</description>
      <content:encoded><![CDATA[<p>这是一个饭否-即刻网友水群。</p>
<p>仅在此记录群聊提到的公众号。（聊天记录会消没）。</p>
<ol>
<li>e分子</li>
<li>TanyaTalk</li>
<li>思南笔记</li>
<li>烹书饮画</li>
<li>柳翠虎</li>
<li>见透不畏途中</li>
<li>有趣嘿店</li>
<li>诗三百</li>
<li>中国广告博物馆</li>
<li>抠脚大汉的二手情书</li>
<li>把话筒递给猫</li>
<li>暴富研究局</li>
<li>momoma-news</li>
<li>字母榜</li>
<li>THEWoice</li>
<li><code>玩偶姐姐</code></li>
<li>互联网怪盗团</li>
<li>玲玲Peter和四只猫</li>
<li>灵感实践</li>
</ol>
<p>因为专属格式 #公众号: xxx ， 如果你用微信自带浏览器访问，点击对应#号 后面的链接，就可以打开对应公号的主页了~
e.g.</p>
<ul>
<li>#公众号:烹书饮画</li>
<li>#公众号:暴富研究局</li>
</ul>



<h5 id="相关文章：">相关文章：</h5>
<ul>
    
    <li><a href="/blog/fanfou_about/">关于王兴和饭否</a></li>
    
    <li><a href="/blog/fanfou_nomore_1_hear/">今天距离王兴停更饭否已经过去整整 1 年</a></li>
    
</ul>



]]></content:encoded>
    </item>
    <item>
      <title>今天距离王兴停更饭否已经过去整整 1 年</title>
      <link>https://daoyuchan.com/blog/fanfou_nomore_1_hear/</link>
      <pubDate>Mon, 09 May 2022 23:27:38 +0800</pubDate>
      <guid>https://daoyuchan.com/blog/fanfou_nomore_1_hear/</guid>
      <description>停更1周年纪念，来点消息节选防止浑浑噩噩吧~</description>
      <content:encoded><![CDATA[<p>今天逛饭否，发现这条说说，发现这是一个”一厢情愿“号（就是只关注了一个人他关注的人只有王兴）。</p>
<p>一年前，兴酱停更饭否也算亲历者了~ 当时还可以导出一部分饭否内容。</p>
<p>过了不久，饭否就增加了个人时间线可见范围功能。</p>
<p>现在去看王兴的饭否主页，只显示”饭友仅展示最近三个月的饭否“</p>
<p>但是互联网上应该有好多人是备份了不止自己的饭否时间线的。（有些平台上还卖王兴饭否语录，简直就是奸商无疑- -）</p>
<p><!-- raw HTML omitted -->“刘项原来不读书这句诗让互联网上很多爱学习的人从此没法学习王兴”<!-- raw HTML omitted --></p>
<p>我的乱弹页面 就引用了王兴的饭否自述：</p>
<p><code>如果我一整天都没看到、想到、或做过什么值得在饭否上说的事，那这一天就太浑浑噩噩了。</code></p>
<p>停更1周年纪念，来点消息节选防止浑浑噩噩吧~</p>
<h3 id="王兴饭否消息节选">王兴饭否消息节选</h3>
<ul>
<li>越来越意识到，别说预测未来会发生什么了，99%的人连过去到底发生了什么都搞不清楚 — 王兴</li>
<li>有的信息一天之后就是垃圾，有的信息一周之后就是垃圾，有的信息一年之后就是垃圾，只有少数信息是你一辈子都能用上的。年轻时把时间花在获取哪类信息上，对人生道路会有直接影响。— 王兴</li>
<li>据说把想法写下来有助于思考，因为只有想清楚的事情才能写得出来。所以，我正努力多写。— 王兴</li>
<li>重要的不是当前的位置，而是方向和速度，以及加速度。 — 王兴</li>
<li>眼界不够几乎是自视甚高的唯一原因 — 王兴</li>
<li>能具体时就不要抽象。Google 深谙此道，他们不说 Speed is important 或者 Make your site fast，而是说 Every millisecond counts— 王兴</li>
<li>有些人似乎无法理解或接受细微差异所具有的重大意义。我很想提醒他，其实刘翔也就跑得比我快那么几秒钟而已。— 王兴</li>
<li>做生意什么最难？赚钱— 王兴</li>
<li>有许多人的问题不是不独立思考，而是不思考— 王兴</li>
<li>我以前一直低估了核武器诞生的划时代意义：在那之前，几万年的人类历史乃至千百万年的生物历史里竞争法则基本上一直是「你死我活」；在那之后则变成「要死大家一起死」。— 王兴</li>
<li>锤子也算是证明了：it’s very easy to be different but very difficult to be better. 所谓的细节是魔鬼，其实是在大方向建立了优势的前提下。只自 high 抠细节还指望消费者买单？大家都会用脚投票。— 王兴</li>
<li>「我干了。你随意。」拉人一起创业时就需要有这样的气魄。— 王兴</li>
<li>又到了周末，有人喜欢周末是因为可以休息了，另一些人喜欢周末则是因为可以在竞争对手休息的时候继续工作 — 王兴</li>
<li>真的「极度渴望成功」的人其实并不多，符合后半句「愿付非凡代价」的就更少了 — 王兴</li>
<li>期待的事，如果没竭尽努力，经常不会发生；担忧的事，如果不做好准备，总是一定会来 — 王兴</li>
<li>要经常提醒自己：速度、质量和成本，三者只能取其二— 王兴</li>
<li>有两种错误很糟糕但是很常见，一是被已经不存在的障碍继续束缚，二是继续追求自己已经拥有的东西。— 王兴</li>
</ul>
]]></content:encoded>
    </item>
    <item>
      <title>Carbon生成年度月份起止时间</title>
      <link>https://daoyuchan.com/tech/carbon_month_start_end/</link>
      <pubDate>Tue, 15 Mar 2022 16:52:00 +0800</pubDate>
      <guid>https://daoyuchan.com/tech/carbon_month_start_end/</guid>
      <description>用于按月份统计数据，适用于日期类型字段的区间查询。</description>
      <content:encoded><![CDATA[<h3 id="用于按月份统计数据适用于日期类型字段的区间查询">用于按月份统计数据，适用于日期类型字段的区间查询。</h3>
<p>返回值示例在函数注释里</p>
<pre tabindex="0"><code>
/**
 * 获取各个月份起止时间.
 *
 * @param number $number 获取月份数，留空默认为当前月份
 * @param number $moreNumber 额外月份（大于当前月份）
 *
 * 返回值示例: array:3 [▼
  0 =&gt; array:3 [▼
    &#34;name&#34; =&gt; &#34;1月&#34;
    &#34;start&#34; =&gt; &#34;2022-01-01&#34;
    &#34;end&#34; =&gt; &#34;2022-01-31&#34;
  ]
  1 =&gt; array:3 [▼
    &#34;name&#34; =&gt; &#34;2月&#34;
    &#34;start&#34; =&gt; &#34;2022-02-01&#34;
    &#34;end&#34; =&gt; &#34;2022-02-28&#34;
  ]
  2 =&gt; array:3 [▼
    &#34;name&#34; =&gt; &#34;3月&#34;
    &#34;start&#34; =&gt; &#34;2022-03-01&#34;
    &#34;end&#34; =&gt; &#34;2022-03-31&#34;
  ]
]
 */
function getYearMonthRange($number = 0, $moreNumber = 0)
{
    $result = [];
    if (!$number) {
        //本年截止到当前月
        $number = date(&#39;n&#39;);
        for ($i = 0; $i &lt; $number; ++$i) {
            $result[] = [
                &#39;name&#39; =&gt; Carbon::now()-&gt;startOfYear()-&gt;addMonth($i)-&gt;format(&#39;n&#39;) . &#39;月&#39;,
                &#39;start&#39; =&gt; Carbon::now()-&gt;startOfYear()-&gt;addMonth($i)-&gt;toDateString(),
                &#39;end&#39; =&gt; Carbon::now()-&gt;startOfYear()-&gt;addMonth($i)-&gt;endOfMonth()-&gt;toDateString(),
            ];
        }
    } else {
        //从当前月份往前推 $number 个月, 有可能跨年
        for ($i = 0; $i &lt; $number; ++$i) {
            $result[] = [
                &#39;name&#39; =&gt; Carbon::now()-&gt;addMonth(-$i)-&gt;format(&#39;n&#39;) . &#39;月&#39;,
                &#39;start&#39; =&gt; Carbon::now()-&gt;addMonth(-$i)-&gt;startOfMonth()-&gt;toDateString(),
                &#39;end&#39; =&gt; Carbon::now()-&gt;addMonth(-$i)-&gt;endOfMonth()-&gt;toDateString(),
            ];
        }
        $result = array_reverse($result);
    }
    if ($moreNumber) {
        for ($i = 1; $i &lt; $moreNumber + 1; ++$i) {
            $result[] = [
                &#39;name&#39; =&gt; Carbon::now()-&gt;addMonth($i)-&gt;format(&#39;n&#39;) . &#39;月&#39;,
                &#39;start&#39; =&gt; Carbon::now()-&gt;addMonth($i)-&gt;startOfMonth()-&gt;toDateString(),
                &#39;end&#39; =&gt; Carbon::now()-&gt;addMonth($i)-&gt;endOfMonth()-&gt;toDateString(),
            ];
        }
    }

    return $result;
}
</code></pre>]]></content:encoded>
    </item>
    <item>
      <title>dcat-admin表单值唯一验证（带自定义查询条件使用举例）</title>
      <link>https://daoyuchan.com/tech/laravel_form_unique_with_query/</link>
      <pubDate>Sun, 21 Nov 2021 22:34:35 +0800</pubDate>
      <guid>https://daoyuchan.com/tech/laravel_form_unique_with_query/</guid>
      <description>&lt;h3 id=&#34;常规的值唯一验证写法&#34;&gt;常规的值唯一验证写法&lt;/h3&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;$table = $form-&amp;gt;repository()-&amp;gt;model()-&amp;gt;getTable();
$connection = config(&amp;#39;admin.database.connection&amp;#39;);
$id = $form-&amp;gt;getKey();

$form-&amp;gt;text(&amp;#39;device_no&amp;#39;)-&amp;gt;required()
            -&amp;gt;creationRules([&amp;#39;required&amp;#39;, &amp;#34;unique:{$connection}.{$table}&amp;#34;])
            -&amp;gt;updateRules([&amp;#39;required&amp;#39;, &amp;#34;unique:{$connection}.{$table},device_no,$id&amp;#34;])-&amp;gt;width(6)-&amp;gt;required();
&lt;/code&gt;&lt;/pre&gt;&lt;h3 id=&#34;带自定义查询条件的写法&#34;&gt;带自定义查询条件的写法&lt;/h3&gt;
&lt;pre tabindex=&#34;0&#34;&gt;&lt;code&gt;$form-&amp;gt;submitted(function (Form $form) {
            if ($form-&amp;gt;isCreating()) {
                if (DeviceInfo::where(&amp;#39;device_no&amp;#39;, $form-&amp;gt;device_no)-&amp;gt;where(&amp;#39;yard_id&amp;#39;, &amp;#39;&amp;gt;&amp;#39;, &amp;#39;0&amp;#39;)-&amp;gt;exists()) {
                    $form-&amp;gt;responseValidationMessages(&amp;#39;device_no&amp;#39;, &amp;#39;此设备已经被绑定了&amp;#39;);
                }
            } elseif ($form-&amp;gt;isEditing()) {
                if (DeviceInfo::where(&amp;#39;device_no&amp;#39;, $form-&amp;gt;device_no)-&amp;gt;where(&amp;#39;yard_id&amp;#39;, &amp;#39;&amp;gt;&amp;#39;, &amp;#39;0&amp;#39;)-&amp;gt;where(&amp;#39;id&amp;#39;, &amp;#39;!=&amp;#39;, $form-&amp;gt;model()-&amp;gt;id)-&amp;gt;exists()) {
                    $form-&amp;gt;responseValidationMessages(&amp;#39;device_no&amp;#39;, &amp;#39;此设备已经被绑定了&amp;#39;);
                }
            }
        });
&lt;/code&gt;&lt;/pre&gt;&lt;p&gt;&lt;em&gt;在提交前检查回调里定义，(注意 where 方法参数），搭配 responseValidationMessages 方法在表单对应 input 里提示验证错误。&lt;/em&gt;&lt;/p&gt;</description>
      <content:encoded><![CDATA[<h3 id="常规的值唯一验证写法">常规的值唯一验证写法</h3>
<pre tabindex="0"><code>$table = $form-&gt;repository()-&gt;model()-&gt;getTable();
$connection = config(&#39;admin.database.connection&#39;);
$id = $form-&gt;getKey();

$form-&gt;text(&#39;device_no&#39;)-&gt;required()
            -&gt;creationRules([&#39;required&#39;, &#34;unique:{$connection}.{$table}&#34;])
            -&gt;updateRules([&#39;required&#39;, &#34;unique:{$connection}.{$table},device_no,$id&#34;])-&gt;width(6)-&gt;required();
</code></pre><h3 id="带自定义查询条件的写法">带自定义查询条件的写法</h3>
<pre tabindex="0"><code>$form-&gt;submitted(function (Form $form) {
            if ($form-&gt;isCreating()) {
                if (DeviceInfo::where(&#39;device_no&#39;, $form-&gt;device_no)-&gt;where(&#39;yard_id&#39;, &#39;&gt;&#39;, &#39;0&#39;)-&gt;exists()) {
                    $form-&gt;responseValidationMessages(&#39;device_no&#39;, &#39;此设备已经被绑定了&#39;);
                }
            } elseif ($form-&gt;isEditing()) {
                if (DeviceInfo::where(&#39;device_no&#39;, $form-&gt;device_no)-&gt;where(&#39;yard_id&#39;, &#39;&gt;&#39;, &#39;0&#39;)-&gt;where(&#39;id&#39;, &#39;!=&#39;, $form-&gt;model()-&gt;id)-&gt;exists()) {
                    $form-&gt;responseValidationMessages(&#39;device_no&#39;, &#39;此设备已经被绑定了&#39;);
                }
            }
        });
</code></pre><p><em>在提交前检查回调里定义，(注意 where 方法参数），搭配 responseValidationMessages 方法在表单对应 input 里提示验证错误。</em></p>
<p><em>原文发表于：https://learnku.com/articles/62867</em></p>
]]></content:encoded>
    </item>
    <item>
      <title>Laravel任意表预留自定义增量ID</title>
      <link>https://daoyuchan.com/tech/hold_auto_id/</link>
      <pubDate>Wed, 03 Nov 2021 17:31:38 +0800</pubDate>
      <guid>https://daoyuchan.com/tech/hold_auto_id/</guid>
      <description>用模型自带的创建事件监听使得预留自定义增量ID</description>
      <content:encoded><![CDATA[<p>最常见的用户表，如果你偏好一个数字，可以借助“ALTERTABLE users AUTO_INCREMENT= xxx” 来做保留。</p>
<p>实现方案：用模型自带的创建事件监听</p>
<pre tabindex="0"><code>&lt;?php
//app/Models/User.php

protected static function boot()
    {
        parent::boot();

        // 监听模型创建事件，在写入数据库之后触发
        static::created(
        function ($model) {
            // 保留某些自增ID 999 1111 1234 等，以下数组中的数字需要比要预留的数字减1
            if (in_array($model-&gt;id, [998, 1110, 1233])) {
                $autoId = $model-&gt;id + 2;
                DB::statement(&#39;ALTER TABLE users AUTO_INCREMENT=&#39;.$autoId);
                //Log::info(&#39;修改了自增ID为&#39;.$autoId);
            }
        }
    );
    }
?&gt;
</code></pre>]]></content:encoded>
    </item>
    <item>
      <title>⌨🖱每周编程统计</title>
      <link>https://daoyuchan.com/waka_lang/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/waka_lang/</guid>
      <description></description>
    </item>
    <item>
      <title>🏠休息间</title>
      <link>https://daoyuchan.com/room/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/room/</guid>
      <description></description>
    </item>
    <item>
      <title>Ripples</title>
      <link>https://daoyuchan.com/water/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/water/</guid>
      <description></description>
    </item>
    <item>
      <title>zzzzz咻~ </title>
      <link>https://daoyuchan.com/meow/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/meow/</guid>
      <description></description>
    </item>
    <item>
      <title>🧩最近动态</title>
      <link>https://daoyuchan.com/album/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/album/</guid>
      <description>&lt;p&gt; &lt;/p&gt;
&lt;h3 id=&#34;memo_pic&#34;&gt;MEMO相册&lt;/h3&gt;
&lt;p&gt; 你可以在这里看到我的&lt;a href=&#34;https://m.daoyuchan.com/&#34; title=&#34;万象天工坊&#34;&gt;私生饭否&lt;/a&gt;最近发布的链接集 👇&lt;/p&gt;

&lt;div id=&#34;gallery-api&#34; data-url=&#34;https://m.daoyuchan.com/api/v1/memos?filter=creator%20==%20%27users/1%27%20&amp;amp;&amp;amp;%20visibilities%20==%20[%27PUBLIC%27]%20&amp;amp;&amp;amp;%20pageSize%20==%2015&#34; class=&#34;gallery-container&#34; &gt;
    &lt;span class=&#34;loading&#34;&gt;Loading…&lt;/span&gt;
&lt;/div&gt;

&lt;style&gt;
    .gallery-container {
        max-width: 900px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        grid-gap: 48px;
        margin: 0 auto;
    }
    
    .gallery-item {
        cursor: pointer;
        position: relative;
        height: 0;
        padding-bottom: 120%;
        --offset-multiplier: 4px;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
        --translate: 0;
        -webkit-transform: translate(var(--translate), var(--translate));
        transform: translate(var(--translate), var(--translate));
    }

    .gallery-item:hover {
        --offset-multiplier: 6px;
        --translate: calc(-1px * (var(--cards) - 1));
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .child {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        background: var(--entry);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px -4px 8px rgba(255, 255, 255, 0.8);
        border-radius: 6px;
        transition: inherit;
        --translate: calc(var(--offset) * var(--offset-multiplier));
        -webkit-transform: translate(var(--translate), var(--translate));
        transform: translate(var(--translate), var(--translate));
        z-index: 5;
    }

    .child p {
        color:var(--secondary);
        bottom: 2.5rem;
        right: 1rem;
        font-style: italic;
        position: absolute;
    }

    .child i {
        color:var(--secondary);
        bottom: 1rem;
        right: 1rem;
        position: absolute;
    }

    .child img {
        position: absolute;
        left: 0.5rem;
        bottom: 0.5rem;
        width: 8rem;
        z-index: -100;
        opacity: 0.5;
    }

    .child:nth-child(1) {
        --offset: 0;
        z-index: 4;
    }

    .child:nth-child(2) {
        --offset: 1;
        z-index: 3;
    }

    @media (max-width: 768px) {
        .gallery-container {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .gallery-container {
            grid-template-columns: 1fr;
        }
    }
&lt;/style&gt;

&lt;script&gt;
    (() =&gt; {
        const container = document.getElementById(&#39;gallery-api&#39;);
        const url = container.dataset.url;

        function parseLinks(str) {
            const regex = /(?:&lt;url[^&gt;]*&gt;(https?:\/\/[^&lt;]+)&lt;\/url&gt;)|(?:\[(.*?)\]\((https?:\/\/[^\)]+)\))|(?:&lt;a[^&gt;]*href=&#34;(https?:\/\/[^&#34;]+)&#34;[^&gt;]*&gt;(.*?)&lt;\/a&gt;)/gi;
            const links = [];
            let m;
            while ((m = regex.exec(str)) !== null) {
                if (m[1]) links.push({ url: m[1], text: m[1] });                 
                else if (m[3]) links.push({ url: m[3], text: m[2] || m[3] });       
                else if (m[4]) links.push({ url: m[4], text: m[5] || m[4] });       
            }
            return links;
        }

        function firstImage(str) {
            const m = str.match(/!\[.*?\]\((.*?)\)/i);
            return m ? m[1] : &#39;&#39;;
        }

        fetch(url)
            .then(r =&gt; r.json())
            .then(json =&gt; {
                const memos = Array.isArray(json) ? json : (json.memos || []);
                container.innerHTML = &#39;&#39;;   

                memos.forEach(m =&gt; {
                    const content = m.content || &#39;&#39;;
                    const img = firstImage(content);
                    const links = parseLinks(content);

                    const item = document.createElement(&#39;div&#39;);
                    item.className = &#39;gallery-item&#39;;
                    if (img) item.style.backgroundImage = `url(${img})`;

                    const overlay = document.createElement(&#39;div&#39;);
                    overlay.className = &#39;child&#39;;

                    const box = document.createElement(&#39;i&#39;);
                    if (links.length) {
                        links.forEach(l =&gt; {
                            const a = document.createElement(&#39;a&#39;);
                            a.href = l.url;
                            a.target = &#34;_blank&#34;;
                            a.rel = &#34;noopener&#34;;
                            a.textContent = &#39;前往&#39;;
                            box.appendChild(a);
                            overlay.textContent =  l.text;
                            overlay.appendChild(box)
                        }); 

                        item.appendChild(overlay);
                        const child2 = document.createElement(&#39;div&#39;);
                        child2.className = &#34;child&#34;
                        item.appendChild(child2);
                        
                    } else {

                        overlay.textContent = content.replace(/\s+/g, &#39; &#39;).slice(0, 50) + &#39;…&#39;;
                        item.appendChild(overlay);
                    }
                    
                    container.appendChild(item);
                });
            })
            .catch(err =&gt; {
                container.innerHTML = &#39;&lt;p style=&#34;color:red&#34;&gt;加载失败：&#39; + err.message + &#39;&lt;/p&gt;</description>
      <content:encoded><![CDATA[<p> </p>
<h3 id="memo_pic">MEMO相册</h3>
<p> 你可以在这里看到我的<a href="https://m.daoyuchan.com/" title="万象天工坊">私生饭否</a>最近发布的链接集 👇</p>

<div id="gallery-api" data-url="https://m.daoyuchan.com/api/v1/memos?filter=creator%20==%20%27users/1%27%20&amp;&amp;%20visibilities%20==%20[%27PUBLIC%27]%20&amp;&amp;%20pageSize%20==%2015" class="gallery-container" >
    <span class="loading">Loading…</span>
</div>

<style>
    .gallery-container {
        max-width: 900px;
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
        grid-gap: 48px;
        margin: 0 auto;
    }
    
    .gallery-item {
        cursor: pointer;
        position: relative;
        height: 0;
        padding-bottom: 120%;
        --offset-multiplier: 4px;
        transition: -webkit-transform 0.6s ease;
        transition: transform 0.6s ease;
        transition: transform 0.6s ease, -webkit-transform 0.6s ease;
        --translate: 0;
        -webkit-transform: translate(var(--translate), var(--translate));
        transform: translate(var(--translate), var(--translate));
    }

    .gallery-item:hover {
        --offset-multiplier: 6px;
        --translate: calc(-1px * (var(--cards) - 1));
        transition: -webkit-transform 0.3s ease;
        transition: transform 0.3s ease;
        transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    }

    .child {
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0 16px;
        box-sizing: border-box;
        background: var(--entry);
        box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1), 0px -4px 8px rgba(255, 255, 255, 0.8);
        border-radius: 6px;
        transition: inherit;
        --translate: calc(var(--offset) * var(--offset-multiplier));
        -webkit-transform: translate(var(--translate), var(--translate));
        transform: translate(var(--translate), var(--translate));
        z-index: 5;
    }

    .child p {
        color:var(--secondary);
        bottom: 2.5rem;
        right: 1rem;
        font-style: italic;
        position: absolute;
    }

    .child i {
        color:var(--secondary);
        bottom: 1rem;
        right: 1rem;
        position: absolute;
    }

    .child img {
        position: absolute;
        left: 0.5rem;
        bottom: 0.5rem;
        width: 8rem;
        z-index: -100;
        opacity: 0.5;
    }

    .child:nth-child(1) {
        --offset: 0;
        z-index: 4;
    }

    .child:nth-child(2) {
        --offset: 1;
        z-index: 3;
    }

    @media (max-width: 768px) {
        .gallery-container {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .gallery-container {
            grid-template-columns: 1fr;
        }
    }
</style>

<script>
    (() => {
        const container = document.getElementById('gallery-api');
        const url = container.dataset.url;

        function parseLinks(str) {
            const regex = /(?:<url[^>]*>(https?:\/\/[^<]+)<\/url>)|(?:\[(.*?)\]\((https?:\/\/[^\)]+)\))|(?:<a[^>]*href="(https?:\/\/[^"]+)"[^>]*>(.*?)<\/a>)/gi;
            const links = [];
            let m;
            while ((m = regex.exec(str)) !== null) {
                if (m[1]) links.push({ url: m[1], text: m[1] });                 
                else if (m[3]) links.push({ url: m[3], text: m[2] || m[3] });       
                else if (m[4]) links.push({ url: m[4], text: m[5] || m[4] });       
            }
            return links;
        }

        function firstImage(str) {
            const m = str.match(/!\[.*?\]\((.*?)\)/i);
            return m ? m[1] : '';
        }

        fetch(url)
            .then(r => r.json())
            .then(json => {
                const memos = Array.isArray(json) ? json : (json.memos || []);
                container.innerHTML = '';   

                memos.forEach(m => {
                    const content = m.content || '';
                    const img = firstImage(content);
                    const links = parseLinks(content);

                    const item = document.createElement('div');
                    item.className = 'gallery-item';
                    if (img) item.style.backgroundImage = `url(${img})`;

                    const overlay = document.createElement('div');
                    overlay.className = 'child';

                    const box = document.createElement('i');
                    if (links.length) {
                        links.forEach(l => {
                            const a = document.createElement('a');
                            a.href = l.url;
                            a.target = "_blank";
                            a.rel = "noopener";
                            a.textContent = '前往';
                            box.appendChild(a);
                            overlay.textContent =  l.text;
                            overlay.appendChild(box)
                        }); 

                        item.appendChild(overlay);
                        const child2 = document.createElement('div');
                        child2.className = "child"
                        item.appendChild(child2);
                        
                    } else {

                        overlay.textContent = content.replace(/\s+/g, ' ').slice(0, 50) + '…';
                        item.appendChild(overlay);
                    }
                    
                    container.appendChild(item);
                });
            })
            .catch(err => {
                container.innerHTML = '<p style="color:red">加载失败：' + err.message + '</p>';
            });
    })();
</script>
<h3 id="changelog">修订历史</h3>
<p>Date: 2024/9/30 21:05:36
Message:opt album fancybox , window.Lately</p>
<p>Date: 2025-08-23T17:41:23+08:00
更改卡片样式为 白底层叠带阴影</p>
<p>memos好玩~ 这个页面适配了最新版本的API，可以摘取带#相册tag的图片组成图墙 O(∩_∩)O <sup id="fnref:1"><a href="#fn:1" class="footnote-ref" role="doc-noteref">1</a></sup></p>
<h3 id="outlink">外链</h3>
<div class="footnotes" role="doc-endnotes">
<hr>
<ol>
<li id="fn:1">
<p><a href="https://storeweb.cn/say/o/765">个站说说</a>&#160;<a href="#fnref:1" class="footnote-backref" role="doc-backlink">&#x21a9;&#xfe0e;</a></p>
</li>
</ol>
</div>
]]></content:encoded>
    </item>
    <item>
      <title>近期评论💬</title>
      <link>https://daoyuchan.com/comments/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/comments/</guid>
      <description>这个世界的熵在增加，展示来自 Artalk 评论系统的廿条评论</description>
    </item>
    <item>
      <title>我的书架</title>
      <link>https://daoyuchan.com/books/</link>
      <pubDate>Mon, 01 Jan 0001 00:00:00 +0000</pubDate>
      <guid>https://daoyuchan.com/books/</guid>
      <description></description>
    </item>
  </channel>
</rss>
