<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
  <title>peijie&#39;s wiki</title>
  
  
  <link href="https://liupj.top/atom.xml" rel="self"/>
  
  <link href="https://liupj.top/"/>
  <updated>2026-04-21T13:40:49.078Z</updated>
  <id>https://liupj.top/</id>
  
  <author>
    <name>lpj</name>
    
  </author>
  
  <generator uri="https://hexo.io/">Hexo</generator>
  
  <entry>
    <title>怎么抢高铁票</title>
    <link href="https://liupj.top/2026/04/21/how-to-buy-train-ticket-in-china/"/>
    <id>https://liupj.top/2026/04/21/how-to-buy-train-ticket-in-china/</id>
    <published>2026-04-21T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<ol><li><p>可以买长乘短</p></li><li><p>大站票多</p></li><li><p>抢直达车，多刷新下页面，多点点，网络拥塞，又可能能挤进去</p></li><li><p>直达车无，买中转</p></li><li><p>候补直达车</p></li></ol>]]></content>
    
    
      
      
    <summary type="html">&lt;ol&gt;
&lt;li&gt;&lt;p&gt;可以买长乘短&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;大站票多&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;抢直达车，多刷新下页面，多点点，网络拥塞，又可能能挤进去&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;直达车无，买中转&lt;/p&gt;
&lt;/li&gt;
&lt;li&gt;&lt;p&gt;候补直达车&lt;/p&gt;
</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>两日游背包收纳</title>
    <link href="https://liupj.top/2026/03/22/packet/"/>
    <id>https://liupj.top/2026/03/22/packet/</id>
    <published>2026-03-22T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.080Z</updated>
    
    <content type="html"><![CDATA[<p>首先，三明治原则穿衣服</p><h1 id="随身携带"><a href="#随身携带" class="headerlink" title="随身携带"></a>随身携带</h1><p>手机，身份证，小包纸巾</p><h1 id="洗漱包"><a href="#洗漱包" class="headerlink" title="洗漱包"></a>洗漱包</h1><p>牙刷，牙膏，毛巾，护手霜，剃须刀</p><hr><h1 id="最外层"><a href="#最外层" class="headerlink" title="最外层"></a>最外层</h1><p>钥匙</p><h1 id="中间层"><a href="#中间层" class="headerlink" title="中间层"></a>中间层</h1><p>充电宝，充电器</p><h1 id="最大层"><a href="#最大层" class="headerlink" title="最大层"></a>最大层</h1><p>裤衩，袜子，短袖，酒精湿巾，保温杯</p><h1 id="拉链夹层"><a href="#拉链夹层" class="headerlink" title="拉链夹层"></a>拉链夹层</h1><p>零钱，一次性保鲜膜套</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;首先，三明治原则穿衣服&lt;/p&gt;
&lt;h1 id=&quot;随身携带&quot;&gt;&lt;a href=&quot;#随身携带&quot; class=&quot;headerlink&quot; title=&quot;随身携带&quot;&gt;&lt;/a&gt;随身携带&lt;/h1&gt;&lt;p&gt;手机，身份证，小包纸巾&lt;/p&gt;
&lt;h1 id=&quot;洗漱包&quot;&gt;&lt;a href=&quot;#洗漱包&quot;</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>什么是 AI，什么是大语言模型，缺点分析，以及使用技法和技巧总结</title>
    <link href="https://liupj.top/2026/03/08/LLM/"/>
    <id>https://liupj.top/2026/03/08/LLM/</id>
    <published>2026-03-08T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<p>AI，即 ArtificialIntelligence，人工智能，即所有让机器模仿人类智能的技术</p><p>比如：机器人、自动驾驶、图像识别（拍照识物、人脸识别）、语音识别（eg：从前没有接入LLM的Siri&#x2F;小爱同学&#x2F;…）推荐算法…</p><hr><p>大语言模型，英文名称 LargeLanguageModel，简称 LLM，是 AI 体系下的一个新分支</p><p>它能生成我们人类的语言，所以也被称为“生成式大语言模型”</p><p>比如：美国公司 OpenAI 研发的 ChatGPT 和中国公司-深度求索研发的 DeepSeek…</p><hr><p>LLMs 是怎么模仿和生成我们人类的语言的呢？</p><p>以 DeepSeek 为例，你可以把它想像成一个阅读了整个互联网的超级大脑</p><p>无论通过说话还是打字等方式，一旦我们人类使用语言向它传递信息</p><p>他就会基于统计学和概率论，使用它阅读了的海量文本，根据你给出的这一串字词序列，计算下一个字最有可能是什么的概率</p><p>以此一个字一个字地生成，直到生成一段完整的、通顺的回答</p><hr><p>由此可见，LLMs 并非真正从情感和物理逻辑上理解了我们人类给它说的话，并非拥有理解力和意识的智慧生命</p><p>它的本质还是「计算」，是基于硬件算力，用海量数据训练出来的，能够模仿和生成人类语言的软件</p><hr><p>所以，说它是“大”语言模型，主要是因为：1. 依靠的硬件算力大 2. 消耗的电能量大 3. 数据量大…</p><p>也所以，LLMs 也有诸多缺点：</p><ol><li><p>上文说了，它没有理解力，没有意识，不是智慧生命</p></li><li><p>如果没有开启实时联网搜索这样的功能，那么它的知识背景就仅限于它的训练数据，它就有可能无法知晓最新知识数据</p></li><li><p>它有可能一本正经地胡说八道，这是 LLM 没有完整把握现实世界所导致的现象，这被人们称为“AI的幻觉”</p></li></ol><hr><p>如何尽可能地避免“AI的幻觉”这个问题？</p><ol><li><p>首先明确，LLMs 终究只是辅助，在重要场景中，需要引入我们人类的审核环节，可要求 LLMs 提供信息的来源，也可让专家&#x2F;用户进行反馈，以方便我们人类的审核和校正</p></li><li><p>当然，你也可以把一个 LLM 的输出，输入给另一个 LLM，让 B 对 A 回答的正确性和合理性进行分析评估和校正，这种 LLM 之间的相互校对有利于减少单一 LLM 错误信息的传播</p></li><li><p>使用 LLM 时，撰写高质量的提示词，即提供高质量的输入，具体做法会在下文阐述</p></li></ol><p>…</p><hr><p>作为普通人，我们使用 LLMs 的原则是什么？</p><p>我认为你可以把你自己想像成曹操，LLMs 都是你的文臣们</p><p>你需要做到：</p><ol><li><p>不透漏机密</p></li><li><p>不轻信任何 LLM 的话、要对任何 LLM 的话有自己的求证和思考</p></li><li><p>兼听则明</p></li></ol><p>…</p><hr><p>如何撰写高质量的提示词 ？</p><p>首先，一个复杂的问题可以拆分成 n 个小问题，让 LLM 逐个击破</p><p>其次，如果你能获得高质量输出的例子，可以让 LLM 模仿</p><p>最后，我们来说一下如何编写高质量的提示词：</p><ol><li><p>编写清晰、充分、引导性强的结构化表达（eg：markdown），结构化能够帮助 LLM 精准辨别哪些文字应当被识别为一个完整的意义单元</p></li><li><p>上文说了，你可以把 LLM 想像成大脑，所以你在编写提示词的时候，可以给 LLM 赋予特定的角色，可以让 LLM 只能给出特定范畴的回答</p></li></ol><p>比如你可以让 LLM 是一个有十年从业经历的高级法律顾问，要求它只能给出法律相关的回答</p><p>这能让 LLM 身临其境地进一步理解当前需求的场景上下文，以便给出更准确、更符合预期的回答</p><hr><p>既然如此，编写高质量提示词能不能总结出来套路&#x2F;范式&#x2F;模板&#x2F;框架？这不就省事了么，也便于引导 LLMs 生成更准确、更符合预期的回答</p><ol><li><p>5W1H</p><ul><li>Who</li><li>What</li><li>Why</li><li>When</li><li>Where</li><li>How</li></ul></li><li><p>BROKE</p><ul><li>Background    说明背景</li><li>Role          定义角色</li><li>Objectives    实现什么</li><li>Keyresult     具体效果</li><li>Evolve        循环改进(eg: 可以改进输入，可以改进输出，可以让 LLMs 不断重新回答优中选优…)</li></ul></li></ol><p>…</p><p>上述套路&#x2F;范式&#x2F;模板&#x2F;框架的本质就是【高效表达的方法论】</p><hr><p>这也太复杂了，既然我不太会写高质量的输入，那就让 LLMs 来写！&#x3D;&gt; eg: Kimi-提示词专家，是基于 LLM 的智能体（Agent）</p><hr><p>在使用诸如 DeepSeek 等 LLM 应用软件的时候，你可能会发现又一个按钮&#x3D;&gt;深度思考模式，这是啥？</p><p>简单来说，LLM 大致分为 2 种类型，即：指令型 &amp; 推理型，深度思考模式调用的是推理型 LLM</p><p>指令型 LLM 聪明又听话，它使用便捷，工作高效，适用于大多数规范性任务，比如 DeepSeek_V3，但它对提示词的依赖程度高</p><p>推理型 LLM 同样聪明，但尤其擅长分析推理，显得没那么听话，适用于分析推理、创意思考等任务，比如 DeepSeek_R1、Kimi_1.5、…，它对提示词的依赖程度相对较低</p><hr><p>接下来聊聊 Agent</p><p>广义上的 Agent：任何能感知环境、做出行动、达成目标的东西</p><p>比如：人、机器人、游戏里的NPC、自动驾驶汽车、甚至细菌、动物、…</p><p>只要满足：感知 → 思考&#x2F;决策 → 行动 → 达成目标，就是广义上的 Agent</p><hr><p>狭义上的 Agent：就是现在常用的各种AI小助手，比如支付宝里面的理财助理「蚂小财」，是以 LLM 为大脑，以各种工具为手臂，以循环为模式的任务执行系统</p><p>特点：有目标、能思考、能规划、能调用工具（eg：用软件、查资料、写代码、发消息、…）、能自动完成事情，不用你一步步指挥</p><p>比如：你说“帮我写一份周报，再发给领导”，它自己理解、查数据、写内容、检查、发送</p><p>这就是狭义上的 Agent</p><ul><li>爆火的通用智能体：Manus</li><li>字节旗下的通用智能体：扣子空间：<a href="https://www.coze.cn/">https://www.coze.cn/</a> 提供了一些很好的提示词模板；也允许我们自定义提示词模板，保存到提示词模板个人仓库里，便于复用</li></ul><hr><p>未来的 Agent：像真人助理一样，能独立负责一整个领域、长期帮你做事，一个 Agent 就能顶一个私人助理&#x2F;员工&#x2F;专家</p><p>比如：</p><ul><li>帮你管工作、管生活、管财务、管健康</li><li>自动帮你谈判、规划、学习、社交</li></ul><hr><p>做 PPT 用 AI</p><ul><li>Kimi-PPT助手（Agent）</li><li>aippt.cn支持自定义PPT模板</li><li>WPS love AI: <a href="https://ai.wps.cn/">https://ai.wps.cn</a></li></ul><hr><p>写公文用 AI</p><p>原则：</p><ul><li><p>AI 的作用不是替你写出文稿</p><ul><li>而是帮你减轻诸如【搜索信息,改写,扩写,缩写,…】等重复性劳动</li><li>帮助你发散思维，做你的智囊团</li><li>而你作为真正的主角，要在脑海里有【好公文】的样子，并指挥 AI 和你一起朝着正确的方向努力</li></ul></li><li><p>考虑到数据的安全性，处理涉密文件应使用本地部署的大模型</p></li><li><p>软件推荐：秘塔、纳米AI搜索</p></li></ul><hr><p>知识扩展</p><p>知识库</p><ul><li>知识库是一系列文档的集合，能够存储，管理、检索大量的知识数据</li><li>是智能体的重要信息扩展来源和知识支撑，能帮助智能体在回答问题时提供准确和详细的答案</li><li>能有效降低AI幻觉</li><li>腾讯的知识库应用：ima</li></ul><p>工作流</p><ul><li>在 Agent 中，支持通过可视化的方式，对【大语言模型、插件、代码块、…】等功能进行组合</li><li>来确保系统可以高效、准确地执行复杂的业务流程</li></ul><p>（完）</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;AI，即 ArtificialIntelligence，人工智能，即所有让机器模仿人类智能的技术&lt;/p&gt;
&lt;p&gt;比如：机器人、自动驾驶、图像识别（拍照识物、人脸识别）、语音识别（eg：从前没有接入LLM的Siri&amp;#x2F;小爱同学&amp;#x2F;…）推荐算法…&lt;/p&gt;
&lt;hr</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>macOS 里关于“名字”的那些事</title>
    <link href="https://liupj.top/2026/02/09/names-in-macbook/"/>
    <id>https://liupj.top/2026/02/09/names-in-macbook/</id>
    <published>2026-02-09T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.079Z</updated>
    
    <content type="html"><![CDATA[<figure class="highlight sh"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line"><span class="comment"># System Configuration Utility</span></span><br><span class="line"></span><br><span class="line">scutil</span><br><span class="line">    --get NAME</span><br><span class="line">    --<span class="built_in">set</span> NAME</span><br><span class="line"></span><br><span class="line">NAME:</span><br><span class="line">    ComputerName: Mac 给人看的名字: 系统设置=&gt;通用=&gt;关于本机=&gt;名称</span><br><span class="line">    LocalHostName: Mac 在局域网里的网络名: 系统设置=&gt;通用=&gt;共享=&gt;本地主机名</span><br><span class="line">    HostName: Mac 给 Shell 看的内核名，run <span class="built_in">command</span> `hostname` to show，NO GUI</span><br><span class="line"></span><br><span class="line"><span class="comment"># Looking fo help? run `tldr scutil`</span></span><br></pre></td></tr></table></figure>]]></content>
    
    
      
      
    <summary type="html">&lt;figure class=&quot;highlight sh&quot;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;pre&gt;&lt;span class=&quot;line&quot;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;line&quot;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;l</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>将 CapsLock 映射为 Escape，对于macos</title>
    <link href="https://liupj.top/2026/02/07/mapCapsLock-2-Escape-macbookairm1/"/>
    <id>https://liupj.top/2026/02/07/mapCapsLock-2-Escape-macbookairm1/</id>
    <published>2026-02-07T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.079Z</updated>
    
    <content type="html"><![CDATA[<p>ENV: macbook-air-m1, Tahoe 26.2</p><p>系统设置 &#x3D;&gt; 键盘 &#x3D;&gt; 键盘快捷键 &#x3D;&gt; 修饰键 &#x3D;&gt;【接下来自行修改即可】</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;ENV: macbook-air-m1, Tahoe 26.2&lt;/p&gt;
&lt;p&gt;系统设置 &amp;#x3D;&amp;gt; 键盘 &amp;#x3D;&amp;gt; 键盘快捷键 &amp;#x3D;&amp;gt; 修饰键 &amp;#x3D;&amp;gt;【接下来自行修改即可】&lt;/p&gt;
</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>拔智齿后的食谱</title>
    <link href="https://liupj.top/2026/01/24/liquidDietRecipesForMe(haveHadTeethExtracted)/"/>
    <id>https://liupj.top/2026/01/24/liquidDietRecipesForMe(haveHadTeethExtracted)/</id>
    <published>2026-01-24T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.079Z</updated>
    
    <content type="html"><![CDATA[<h1 id="流食"><a href="#流食" class="headerlink" title="流食"></a>流食</h1><p>五谷杂粮糊</p><p>黄豆、红豆、黑豆、薏米、花生 &#x3D;&gt; 豆浆机 &#x3D;&gt; 放凉</p><p>蛋花汤</p><p>一碗水、俩鸡蛋、食用盐、生抽、香油 &#x3D;&gt; 放凉</p><p>香蕉牛奶饮</p><p>一根香蕉一杯奶 &#x3D;&gt; 豆浆机 &#x3D;&gt; 放凉</p><p>凉拌嫩豆腐</p><p>一盒嫩豆腐，放生抽食用</p><p>小米稀饭</p><p>小米、白薯、燕麦 &#x3D;&gt; 煮粥 &#x3D;&gt; 放凉</p><p>黑芝麻杂粮糊</p><p>现成的黑芝麻糊、五谷杂粮 &#x3D;&gt; 豆浆机 &#x3D;&gt; 放凉</p><p>青食钙奶饼干泡牛奶</p><p>四片 + 一袋牛奶 &#x3D;&gt; 微波炉 &#x3D;&gt; 温温地即可</p><h1 id="软质食物"><a href="#软质食物" class="headerlink" title="软质食物"></a>软质食物</h1><p>土豆泥、红薯泥、南瓜泥、山药泥、胡萝卜泥</p><p>荞麦面条、大米、杂粮豆浆</p><hr><p>肉蛋堡、青椒碎末炒鸡蛋碎末、绿豆饼、红豆饼</p><p>黑芝麻糊 + 红豆 + 扁桃仁 &#x3D;&gt; 豆浆机 &#x3D;&gt; 放温</p>]]></content>
    
    
      
      
    <summary type="html">&lt;h1 id=&quot;流食&quot;&gt;&lt;a href=&quot;#流食&quot; class=&quot;headerlink&quot; title=&quot;流食&quot;&gt;&lt;/a&gt;流食&lt;/h1&gt;&lt;p&gt;五谷杂粮糊&lt;/p&gt;
&lt;p&gt;黄豆、红豆、黑豆、薏米、花生 &amp;#x3D;&amp;gt; 豆浆机 &amp;#x3D;&amp;gt; 放凉&lt;/p&gt;
&lt;p&gt;蛋花汤&lt;/p</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>proxy搭建稳如老狗的原理(老白版）</title>
    <link href="https://liupj.top/2026/01/10/proxy/"/>
    <id>https://liupj.top/2026/01/10/proxy/</id>
    <published>2026-01-10T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.080Z</updated>
    
    <content type="html"><![CDATA[<ul><li>将经过加密的数据流量伪装成https协议的流量<ul><li>将服务端节点放在web服务的后面，这能有效对抗“重chong放攻击”</li></ul></li></ul><h3 id="提速操作"><a href="#提速操作" class="headerlink" title="提速操作"></a>提速操作</h3><ol start="0"><li>线路长度（是否绕路）</li><li>线路质量（CN2 GIA）</li><li>协议设计</li></ol><h3 id="VPS"><a href="#VPS" class="headerlink" title="VPS"></a>VPS</h3><p><a href="https://bandwagonhost.com/">https://bandwagonhost.com</a></p>]]></content>
    
    
      
      
    <summary type="html">&lt;ul&gt;
&lt;li&gt;将经过加密的数据流量伪装成https协议的流量&lt;ul&gt;
&lt;li&gt;将服务端节点放在web服务的后面，这能有效对抗“重chong放攻击”&lt;/li&gt;
&lt;/ul&gt;
&lt;/li&gt;
&lt;/ul&gt;
&lt;h3 id=&quot;提速操作&quot;&gt;&lt;a href=&quot;#提速操作&quot; class=&quot;head</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>混音原理，Linux混音实操，有线麦克风录音+混录系统BGM+耳返监听</title>
    <link href="https://liupj.top/2025/12/12/mix-audio/"/>
    <id>https://liupj.top/2025/12/12/mix-audio/</id>
    <published>2025-12-12T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.079Z</updated>
    
    <content type="html"><![CDATA[<p>背景知识：<br>在Linux音频系统中，“输出设备” &#x3D; 这个设备可以接收声音，然后播放出来，并非声音的生产者，它只是声音的播放者<br>而“输入设备”负责采集声音，是声音的起点，声音从输入设备开始传播</p><p>如此一来，就不难理解TUI工具pulsemixer的output标签下的内容，output即输出设备，下含<br>1.有线麦克风（因为我的这个麦克风有用于播放声音的3.5mm耳机孔，我的这个麦克风可以接收声音然后播放出来，所以是输出设备）<br>2.电脑内置声卡（能接收声音然后播放&lt;无论是接耳机还是接扬声器&gt;，当然是输出设备）<br>3.虚拟混音池（接收音乐播放器的声音、接收麦克风的声音；并且能播放给录音软件等物件儿；当然是输出设备）</p><p>也不难理解TUI工具pulsemixer的input标签下的内容，input即输入设备，下含<br>1.有线麦克风<br>2.电脑内置声卡<br>～～<br>每个输出设备都有一个对应的监听口，这些监听口都是输入设备，即Monitor of …<br>简言之：每个“喇叭”都有个“窃听器”，录音软件只需要接窃听器，就能录到喇叭正在播放的声音</p><figure class="highlight bash"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br></pre></td><td class="code"><pre><span class="line"><span class="meta">#!/bin/bash</span></span><br><span class="line"></span><br><span class="line"><span class="comment"># =======================================</span></span><br><span class="line"><span class="comment"># 音乐（电脑播放的）-&gt; 流入水池，即：采集BGM</span></span><br><span class="line"><span class="comment"># </span></span><br><span class="line"><span class="comment"># 你的人声 -&gt; 流入水池，即：采集人声</span></span><br><span class="line"><span class="comment"># </span></span><br><span class="line"><span class="comment"># 水池有俩出水口：</span></span><br><span class="line"><span class="comment"># </span></span><br><span class="line"><span class="comment"># 出水口A -&gt; 录音软件录音，即：同时录到BGM和人声</span></span><br><span class="line"><span class="comment"># </span></span><br><span class="line"><span class="comment"># 出水口B -&gt; 耳返监听，即：同时听到BGM和人声</span></span><br><span class="line"><span class="comment"># =======================================</span></span><br><span class="line"></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;=== 查找音频设备 ===&quot;</span></span><br><span class="line"></span><br><span class="line">UGREEN_IN=$(pactl list short sources | rg input | <span class="built_in">tail</span> -1 | awk <span class="string">&#x27;&#123;print $2&#125;&#x27;</span>)</span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;你的输入设备：<span class="variable">$UGREEN_IN</span>&quot;</span></span><br><span class="line"></span><br><span class="line">PC_OUT=$(pactl list short sinks | rg <span class="string">&quot;alsa_output&quot;</span> | <span class="built_in">head</span> -1 | awk <span class="string">&#x27;&#123;print $2&#125;&#x27;</span>)</span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;你的输出设备：<span class="variable">$PC_OUT</span>&quot;</span></span><br><span class="line"></span><br><span class="line">pactl unload-module module-null-sink 2&gt;/dev/null</span><br><span class="line">pactl unload-module module-loopback 2&gt;/dev/null</span><br><span class="line"></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;=== 创建虚拟混音池 ===&quot;</span></span><br><span class="line">pactl load-module module-null-sink sink_name=record_pool</span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;=== 配置音频流 ===&quot;</span></span><br><span class="line"></span><br><span class="line">pactl set-default-sink record_pool</span><br><span class="line">pactl load-module module-loopback <span class="built_in">source</span>=<span class="string">&quot;<span class="variable">$UGREEN_IN</span>&quot;</span> sink=record_pool latency_msec=5</span><br><span class="line">pactl load-module module-loopback <span class="built_in">source</span>=record_pool.monitor sink=<span class="string">&quot;<span class="variable">$PC_OUT</span>&quot;</span> latency_msec=5</span><br><span class="line"></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;✅配置完成！&quot;</span></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;在 Simple Screen Recorder 中：&quot;</span></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;1. 勾选 &#x27;Record audio&#x27;&quot;</span></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;2. Source 选择: &#x27;Monitor of record_pool......&#x27;&quot;</span></span><br><span class="line"><span class="built_in">echo</span> <span class="string">&quot;3. 开始录制&quot;</span></span><br></pre></td></tr></table></figure><p>注意：latency_msec&#x3D;5 是指明的低延迟参数，因为是软件实现的监听</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;背景知识：&lt;br&gt;在Linux音频系统中，“输出设备” &amp;#x3D; 这个设备可以接收声音，然后播放出来，并非声音的生产者，它只是声音的播放者&lt;br&gt;而“输入设备”负责采集声音，是声音的起点，声音从输入设备开始传播&lt;/p&gt;
&lt;p&gt;如此一来，就不难理解TUI工具pulsemi</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>Linux 搜索最佳实践【入门版】</title>
    <link href="https://liupj.top/2025/12/11/search-on-linux/"/>
    <id>https://liupj.top/2025/12/11/search-on-linux/</id>
    <published>2025-12-11T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.080Z</updated>
    
    <content type="html"><![CDATA[<h1 id="搜文件名"><a href="#搜文件名" class="headerlink" title="搜文件名"></a>搜文件名</h1><p>yazi, z</p><p>ref: <a href="https://yazi-rs.github.io/docs/plugins/builtins/#usage">https://yazi-rs.github.io/docs/plugins/builtins/#usage</a></p><h1 id="搜文本内容"><a href="#搜文本内容" class="headerlink" title="搜文本内容"></a>搜文本内容</h1><p>vim, ripgrep | fzf, &lt;C-f&gt;</p><p>ref: <a href="https://github.com/junegunn/fzf.vim">https://github.com/junegunn/fzf.vim</a></p><h1 id="搜历史命令"><a href="#搜历史命令" class="headerlink" title="搜历史命令"></a>搜历史命令</h1><p>shell, fzf, &lt;C-r&gt;</p><p>ref: <a href="https://github.com/junegunn/fzf">https://github.com/junegunn/fzf</a></p>]]></content>
    
    
      
      
    <summary type="html">&lt;h1 id=&quot;搜文件名&quot;&gt;&lt;a href=&quot;#搜文件名&quot; class=&quot;headerlink&quot; title=&quot;搜文件名&quot;&gt;&lt;/a&gt;搜文件名&lt;/h1&gt;&lt;p&gt;yazi, z&lt;/p&gt;
&lt;p&gt;ref: &lt;a href=&quot;https://yazi-rs.github.io/docs/pl</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>线材库存</title>
    <link href="https://liupj.top/2025/10/26/cables/"/>
    <id>https://liupj.top/2025/10/26/cables/</id>
    <published>2025-10-26T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<p>macbookair-m1-charger: 1<br>asus-ac-adapter: 1<br>philips-usb-1-4: 1<br>notCommon-mobileHDD-cable: 1<br>common C-C: 1<br>C-interface wire-headset: 1<br>3.5-interface wire-headset: 1<br>A-C: 2<br>3-C: 1<br>HDMI-HDMI: 1</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;macbookair-m1-charger: 1&lt;br&gt;asus-ac-adapter: 1&lt;br&gt;philips-usb-1-4: 1&lt;br&gt;notCommon-mobileHDD-cable: 1&lt;br&gt;common C-C: 1&lt;br&gt;C-interface wire</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>药品库存</title>
    <link href="https://liupj.top/2025/10/25/medicine/"/>
    <id>https://liupj.top/2025/10/25/medicine/</id>
    <published>2025-10-25T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.079Z</updated>
    
    <content type="html"><![CDATA[<p><strong>请注意药品有效期 &amp; 药品性状</strong></p><table><thead><tr><th>药品名称</th><th>数量</th><th>有效期至</th></tr></thead><tbody><tr><td>洛索洛芬那片</td><td>1盒</td><td>2027-11</td></tr><tr><td>复方氨酚烷胺片</td><td>2片</td><td>2027-12</td></tr><tr><td>复方对乙酰氨基酚片</td><td>1盒</td><td>2029-02</td></tr><tr><td>连花清瘟颗粒</td><td>4顿</td><td>2027-01</td></tr><tr><td>麝香痔疮栓</td><td>1盒</td><td>2026-10</td></tr><tr><td>复方嗜酸乳杆菌片</td><td>1盒</td><td>2026-09</td></tr><tr><td>荜铃胃痛颗粒</td><td>1盒</td><td>2027-02</td></tr><tr><td>头孢克肟片</td><td>4粒</td><td>2026-06</td></tr><tr><td>马来酸曲美布汀分散片</td><td>7&#x2F;20片</td><td>2026-07</td></tr><tr><td>泮托拉唑钠肠溶片</td><td>1盒</td><td>2026-06</td></tr><tr><td>醋酸地塞米松片</td><td>1盒</td><td>2028-06</td></tr><tr><td>&lt;++&gt;</td><td>&lt;++&gt;</td><td>&lt;++&gt;</td></tr></tbody></table>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;&lt;strong&gt;请注意药品有效期 &amp;amp; 药品性状&lt;/strong&gt;&lt;/p&gt;
&lt;table&gt;
&lt;thead&gt;
&lt;tr&gt;
&lt;th&gt;药品名称&lt;/th&gt;
&lt;th&gt;数量&lt;/th&gt;
&lt;th&gt;有效期至&lt;/th&gt;
&lt;/tr&gt;
&lt;/thead&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;td&gt;洛索洛芬</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>pacman</title>
    <link href="https://liupj.top/2025/06/28/pacman/"/>
    <id>https://liupj.top/2025/06/28/pacman/</id>
    <published>2025-06-28T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.080Z</updated>
    
    <content type="html"><![CDATA[<figure class="highlight sh"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br><span class="line">20</span><br><span class="line">21</span><br><span class="line">22</span><br><span class="line">23</span><br><span class="line">24</span><br><span class="line">25</span><br><span class="line">26</span><br><span class="line">27</span><br><span class="line">28</span><br><span class="line">29</span><br><span class="line">30</span><br><span class="line">31</span><br><span class="line">32</span><br><span class="line">33</span><br><span class="line">34</span><br><span class="line">35</span><br><span class="line">36</span><br><span class="line">37</span><br><span class="line">38</span><br><span class="line">39</span><br><span class="line">40</span><br><span class="line">41</span><br><span class="line">42</span><br><span class="line">43</span><br><span class="line">44</span><br></pre></td><td class="code"><pre><span class="line">pacman -S &lt;package_name&gt;</span><br><span class="line">有一定风险！！！</span><br><span class="line">有可能静默安装旧包</span><br><span class="line">有可能安装成最新包，但静默安装旧依赖</span><br><span class="line"></span><br><span class="line">pacman -Sy 刷新本地数据库</span><br><span class="line">pacman -Syy 强制！刷新本地数据库</span><br><span class="line">如果直接跟包名，仍然有风险，比如假设你的系统中安装了libvpx-1.14，当你执行pacman -Sy firefox，此时系统会直接安装最新版firefox和libvpx-1.15（最新版），但是你的系统中的ffmpeg依赖libvpx-1.14，此时依赖链断裂，系统崩溃</span><br><span class="line"></span><br><span class="line">pacman -Su</span><br><span class="line">基于旧数据库升级包</span><br><span class="line">有一定风险！！！</span><br><span class="line">有可能静默升级成旧包</span><br><span class="line">有可能升级成最新包，但安装了旧依赖</span><br><span class="line">如果跟包名，基于旧数据库升级指定包，就更有风险了，毕竟上面基于新数据库升级指定包都有风险</span><br><span class="line"></span><br><span class="line">pacman -Syu</span><br><span class="line">刷新本地数据库然后更新所有软件包（更新系统）</span><br><span class="line">pacman -Syu &lt;package_name&gt;</span><br><span class="line">这是安装软件包的标杆做法</span><br><span class="line"></span><br><span class="line">---</span><br><span class="line"></span><br><span class="line">pacman -R</span><br><span class="line">卸载包，保留所有依赖和配置文件</span><br><span class="line"></span><br><span class="line">pacman -Rs</span><br><span class="line">卸载包，卸载无用依赖</span><br><span class="line"></span><br><span class="line">pacman -Rsc</span><br><span class="line">卸载包，卸载无用依赖，卸载配置文件</span><br><span class="line"></span><br><span class="line">---</span><br><span class="line"></span><br><span class="line">-Q 查询所有已安装的包</span><br><span class="line">-Qd 仅查询依赖（dependence）</span><br><span class="line">-Qdt 仅查询独立的依赖（dependence independent）</span><br><span class="line">-Qdtq 仅查询独立的依赖（dependence independent）q <span class="keyword">for</span> --quiet 仅显示包名，不显示版本号</span><br><span class="line">-Qs ，关键词，本地查询</span><br><span class="line"></span><br><span class="line">---</span><br><span class="line"></span><br><span class="line">-Ss 关键词，联网查询</span><br><span class="line">-Ss <span class="string">&#x27;^package_name$&#x27;</span>，精准匹配包名</span><br></pre></td></tr></table></figure>]]></content>
    
    
      
      
    <summary type="html">&lt;figure class=&quot;highlight sh&quot;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;pre&gt;&lt;span class=&quot;line&quot;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;line&quot;&gt;2&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;l</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>chinese-input-method-setup</title>
    <link href="https://liupj.top/2025/06/15/chinese-input-method-setup/"/>
    <id>https://liupj.top/2025/06/15/chinese-input-method-setup/</id>
    <published>2025-06-15T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<p>与时俱进，用fcitx5</p><figure class="highlight sh"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br></pre></td><td class="code"><pre><span class="line">sudo pacman -Syu fcitx5-im</span><br><span class="line">sudo pacman -Syu fcitx5-chinese-addons</span><br><span class="line">sudo pacman -Syu fcitx5-pinyin-zhwiki</span><br><span class="line"></span><br><span class="line">sudo vim /etc/environment</span><br><span class="line"><span class="comment"># Add then :wq</span></span><br><span class="line">GTK_IM_MODULE=fcitx</span><br><span class="line">QT_IM_MODULE=fcitx</span><br><span class="line">XMODIFIERS=@im=fcitx</span><br><span class="line"></span><br><span class="line"><span class="comment"># 使用i3wm，需在~/.config/i3/config文件中添加一条配置信息exec fcitx5 -d</span></span><br><span class="line"><span class="comment"># 使用sway，需在~/.config/sway/config文件中添加一条配置信息exec fcitx5 -d，注意配置文件先从/etc/sway/config拷贝过来一份再修改</span></span><br></pre></td></tr></table></figure><p>重启系统，使用fcitx5-configtool添加中文输入法，使用ctrl+space进行输入法的切换</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;与时俱进，用fcitx5&lt;/p&gt;
&lt;figure class=&quot;highlight sh&quot;&gt;&lt;table&gt;&lt;tr&gt;&lt;td class=&quot;gutter&quot;&gt;&lt;pre&gt;&lt;span class=&quot;line&quot;&gt;1&lt;/span&gt;&lt;br&gt;&lt;span class=&quot;line&quot;&gt;2&lt;/spa</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>Programming Concepts and Algorithms/Solutions</title>
    <link href="https://liupj.top/2025/04/05/3-programmingConcepts-and-algorithms/"/>
    <id>https://liupj.top/2025/04/05/3-programmingConcepts-and-algorithms/</id>
    <published>2025-04-05T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<h2 id="The-type-of-thinking-that-enables-you-to-write-computer-programs-are-called-Computational-Thinking"><a href="#The-type-of-thinking-that-enables-you-to-write-computer-programs-are-called-Computational-Thinking" class="headerlink" title="(The type of thinking that enables you to write computer programs) are called Computational Thinking"></a>(The type of thinking that enables you to write computer programs) are called Computational Thinking</h2><p>Programming is great for solving problems that have a lot of computation or repetition in them.</p><hr><blockquote><p>Computers only work with numbers &#x3D;&gt; so Everything is a Number</p></blockquote><p>Hardware: bits(0, 1), can only do math.</p><p>Do not need to worry about bits due to a wonderful principle called abstraction.</p><blockquote><p>Abstraction: Separation of interface(what-it-does&#x2F;how-you-use-it) &amp; implementation(how-it-does-it&#x2F;how-it-works).</p></blockquote><p>Abstraction often comes in layers, and what layer you need to work at depends on what you need to do.</p><hr><h2 id="Importance-of-Everything-is-a-Number"><a href="#Importance-of-Everything-is-a-Number" class="headerlink" title="Importance of Everything is a Number"></a>Importance of Everything is a Number</h2><ul><li>Can expose numeric properities(eg: Math with letters can be Cryptography)</li><li>Interpretation of numbers&#x2F;How to operate on numbers &#x3D;&gt; Types<ul><li>eg:<ul><li>“1” + “1” &#x3D; “11”</li><li>1  +  1  &#x3D; 2</li></ul></li></ul></li><li>Whenever you have data you want to work with, you need to represent it as numbers.<ul><li>You may be able to use existing types such as strings, which already represent information as numbers, to help you out.</li></ul></li></ul><h2 id="The-Green-Screen-Problem-Developing-an-Algorithm"><a href="#The-Green-Screen-Problem-Developing-an-Algorithm" class="headerlink" title="The Green Screen Problem(Developing an Algorithm)"></a>The Green Screen Problem(Developing an Algorithm)</h2>]]></content>
    
    
      
      
    <summary type="html">&lt;h2 id=&quot;The-type-of-thinking-that-enables-you-to-write-computer-programs-are-called-Computational-Thinking&quot;&gt;&lt;a href=&quot;#The-type-of-thinking-t</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>Programming Foundations with CSS</title>
    <link href="https://liupj.top/2025/03/30/2-programming-foundations-with-CSS/"/>
    <id>https://liupj.top/2025/03/30/2-programming-foundations-with-CSS/</id>
    <published>2025-03-30T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<ol><li><p>Web pages are often designed to accommodate [different device&#x2F;different screen] so that to decide how to display and even what to dispaly.</p></li><li><p>Users experience webpages differently, some users are color-blind, some can’t see well, some have trouble hearing, some can’t clicking, etc…</p></li></ol><p>So to ensure GoodUserExperience:</p><p><strong>web-designers must take [devices &amp; users] into account when creating webpages.</strong></p><p><strong>and webpages should load quickly.</strong></p><hr><h2 id="CSS-Cascading-Style-Sheets"><a href="#CSS-Cascading-Style-Sheets" class="headerlink" title="CSS: Cascading Style Sheets"></a>CSS: Cascading Style Sheets</h2><p>[HTML specifies the content | CSS specifies the look &amp; formating] of webpages.</p><p>This allows web-designers to separate the content from how it’s presented, which can accommodate different users and different display devices to make sure that even in other countries, these can be displayed without changing the content of the webpage.</p><p>And if you’re creating thousands of webpages for a website, changing the color or font or the size of an HTML element can be localized in one place, rather than repeated in a thousand places which would make changes difficult. This is called [Maintainability] in response to changing design requirments &amp; [Reusability] across multiple elements or even multiple webpages.</p><h2 id="CSS-Basics"><a href="#CSS-Basics" class="headerlink" title="CSS Basics"></a>CSS Basics</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br></pre></td><td class="code"><pre><span class="line">You could include CSS by either using &lt;style&gt; or &lt;link&gt; tag which are go in the &lt;head&gt; portion of you HTML.</span><br></pre></td></tr></table></figure><hr><ul><li>Selector<ul><li>tag_name</li><li>class</li><li>id</li><li>combinators: select by relationship(eg: style <code>&lt;li&gt;</code> inside of <code>&lt;ul&gt;</code>: <code>ul li &#123; ... &#125;</code>)</li></ul></li></ul><p>Note: You should make name descriptive.(eg: foodLi &#x3D;&gt; can means food-list-items)</p><hr><p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Reference">https://developer.mozilla.org/en-US/docs/Web/CSS/Reference</a></p><p>Q&amp;A:</p><ol><li><p><a href="http://stackoverflow.com/questions/544010/whats-the-difference-between-an-id-and-a-class">whats-the-difference-between-an-id-and-a-class</a></p></li><li><p><a href="https://stackoverflow.com/questions/68901619/what-error-will-i-get-if-i-use-the-same-id-for-multiple-html-elements">what-error-will-i-get-if-i-use-the-same-id-for-multiple-html-elements</a></p></li></ol><h2 id="Colors"><a href="#Colors" class="headerlink" title="Colors"></a>Colors</h2><p><a href="https://www.w3.org/TR/2022/REC-css-color-3-20220118/">https://www.w3.org/TR/2022/REC-css-color-3-20220118/</a></p><p>140 standard color names.</p><blockquote><p>An important concept: Everything is a number for a computer.</p></blockquote><p>Red + Green + Blue, 0-255, &#x3D;&gt; can specify about 16 million colors. &#x3D;&gt; more than humans can distinguish.</p><p>eg: Gold &#x3D;&#x3D; rgb(255, 215, 0)</p><p>because of that 0-255 is 256 possible colors, which can be presented by 两个十六进制的数字</p><p>FF &#x3D;&#x3D; 15 * 16 + 15 &#x3D;&#x3D; 255</p><p>D7 &#x3D;&#x3D; 13 * 16 + 7  &#x3D;&#x3D; 215</p><p>00 &#x3D;&#x3D; 0  * 16 + 0  &#x3D;&#x3D; 0</p><p>so, Gold &#x3D;&#x3D; #FFD700</p><p><a href="https://developer.mozilla.org/en-US/docs/Web/CSS/Tools/ColorPicker_Tool">https://developer.mozilla.org/en-US/docs/Web/CSS/Tools/ColorPicker_Tool</a></p>]]></content>
    
    
      
      
    <summary type="html">&lt;ol&gt;
&lt;li&gt;&lt;p&gt;Web pages are often designed to accommodate [different device&amp;#x2F;different screen] so that to decide how to display and even w</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>Programming Foundations with HTML</title>
    <link href="https://liupj.top/2025/03/25/1-programming-foundations-with-HTML/"/>
    <id>https://liupj.top/2025/03/25/1-programming-foundations-with-HTML/</id>
    <published>2025-03-25T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<blockquote><p>OFFERED BY Duke UNIVERSITY<br><a href="https://www.dukelearntoprogram.com/">https://www.dukelearntoprogram.com</a></p></blockquote><p>Let’s begin to learn how to think like a programmer:</p><p>analyzing problems, designing solutions called algorithms, and translating your algorithms into programs.</p><hr><p>Reading document please, so that you will know what methods you can use in a programming language.</p><p>Use <a href="https://codepen.io/">https://codepen.io</a> to play around !</p><hr><ul><li><p>HTML is [not] a programming language but rather a Markup Language.</p></li><li><p>HTML is used by web browsers to display a webpage.</p></li></ul><p>Note: You may have written documents in which you select text and make it bold or underlined or italics, [this is a way of marking up the text to display in certain ways ! ]</p><p><a href="https://www.bilibili.com/video/BV1GkewzwEbK">https://www.bilibili.com/video/BV1GkewzwEbK</a></p><hr><h2 id="Metadata-Elements"><a href="#Metadata-Elements" class="headerlink" title="Metadata Elements"></a>Metadata Elements</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br></pre></td><td class="code"><pre><span class="line">&lt;html&gt;</span><br><span class="line">  - specifies using HTML standard</span><br><span class="line">  - contains all other elements</span><br><span class="line"></span><br><span class="line">&lt;head&gt;</span><br><span class="line">  - information about the page: title, css, scripts, ...</span><br><span class="line"></span><br><span class="line">  &lt;title&gt;</span><br><span class="line">    - specifies page title</span><br><span class="line">    - nested inside &lt;head&gt;&lt;/head&gt; tags</span><br><span class="line"></span><br><span class="line">etc...</span><br><span class="line"></span><br></pre></td></tr></table></figure><h2 id="Sectioning-Elements"><a href="#Sectioning-Elements" class="headerlink" title="Sectioning Elements"></a>Sectioning Elements</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br></pre></td><td class="code"><pre><span class="line">&lt;body&gt;</span><br><span class="line">  - contains all items seen on page</span><br><span class="line"></span><br><span class="line">  &lt;div&gt;</span><br><span class="line">    - defines section of webpage</span><br><span class="line">    - [useful for grouping elements together to use CSS styling ! ]</span><br><span class="line"></span><br><span class="line">  &lt;h1&gt;</span><br><span class="line">    - section header</span><br><span class="line">    - also &lt;h2&gt;, &lt;h3&gt;, ..., &lt;h6&gt;</span><br><span class="line"></span><br><span class="line">  &lt;p&gt;</span><br><span class="line">    - paragraphs.</span><br><span class="line"></span><br><span class="line">etc...</span><br><span class="line"></span><br></pre></td></tr></table></figure><h2 id="Semantic-or-Style-HTML-Tags"><a href="#Semantic-or-Style-HTML-Tags" class="headerlink" title="Semantic or Style HTML Tags"></a>Semantic or Style HTML Tags</h2><p>Tags surround [text]&#x2F;[page elements]</p><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br></pre></td><td class="code"><pre><span class="line">&lt;b&gt;Make text stylistically different, Traditionally bold face, but can change&lt;/b&gt;</span><br><span class="line"></span><br><span class="line">eg:</span><br><span class="line">If you have trouble seeing, then it&#x27;s(&lt;b&gt;&lt;/b&gt;) a semantics/meaning</span><br><span class="line">to helps screen reader to change how text is read to you(a blind user).</span><br></pre></td></tr></table></figure><h2 id="Adding-Images-Audios-x2F-Videos"><a href="#Adding-Images-Audios-x2F-Videos" class="headerlink" title="Adding Images, Audios&#x2F;Videos"></a>Adding Images, Audios&#x2F;Videos</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br></pre></td><td class="code"><pre><span class="line">&lt;img src=&quot;http://xyz.png&quot; width=&quot;75%&quot; /&gt;</span><br><span class="line">&lt;img src=&quot;http://xyz.png&quot; /&gt;</span><br><span class="line"></span><br><span class="line">Note:</span><br><span class="line"></span><br><span class="line">We can add Options(eg: src, width) in the image tags,</span><br><span class="line">which give information about what we&#x27;re doing.</span><br><span class="line"></span><br><span class="line">Some Options are required!(eg: src, which means source),</span><br><span class="line">because of that we have to specify what image we want to display.</span><br></pre></td></tr></table></figure><h2 id="copyright"><a href="#copyright" class="headerlink" title="copyright"></a>copyright</h2><p>What to use for src&#x3D;”..” ?</p><p>In some cases, there may be concern with the person, organization or group that create the photo you display on a webpage you create. The creator has certain rights called copyrights.</p><p>Many images are in the public_domain and are not copyrighted.(eg: Wikimedia commons website)</p><p>Some images have what are called creative commons licenses, which specify how you can use the images, and some creative_commons_images are not copyrighted.</p><h2 id="Images-Storage"><a href="#Images-Storage" class="headerlink" title="Images Storage"></a>Images Storage</h2><p>In some cases, there may be storage&#x2F;hosting concerns.</p><p>Where are the images stored that you’ve included on your webpage? And who pays.</p><p><a href="https://liupj.top/2022/03/25/aliyun-oss-picgo/">我曾经自建图床</a></p><p>Suppose one million people view your webpage, it means that the image is sent from the website which stores it, across the Internet to one million users that might be scattered all over the world! Someone pays, even if it’s not you.</p><h3 id="Inline-Linking-x2F-Hot-Linking"><a href="#Inline-Linking-x2F-Hot-Linking" class="headerlink" title="Inline-Linking&#x2F;Hot-Linking"></a>Inline-Linking&#x2F;Hot-Linking</h3><p>When you use a URL in a webpage you create as part of an IMG tag,<br>you’ve included what’s called an Inline Linking, also called Hot Linking.<br>It means that the image is stored on another site but visually it appears in the site you create.</p><p>If you create a webpage with lots of views or traffic, there may be storage costs or server costs that might be a concern. &#x3D;&gt; Thus some sites don’t allow hot-linking!</p><p><a href="https://www.quora.com/What-is-hotlinking-and-why-do-some-sites-not-allow-it-Is-there-any-way-around-this-limitation-without-hosting-the-images-ourselves">Further reason and solution.</a></p><h2 id="Linking-Pages-Together"><a href="#Linking-Pages-Together" class="headerlink" title="Linking Pages Together"></a>Linking Pages Together</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br></pre></td><td class="code"><pre><span class="line">&lt;a href=&quot;https://asd.org/en-US/HTML&quot;&gt;EXAMPLE_LINKS&lt;/a&gt;</span><br><span class="line"></span><br><span class="line">Note:</span><br><span class="line"></span><br><span class="line">a means anchor.</span><br><span class="line">href is required!</span><br><span class="line"></span><br><span class="line">You must specify some text between the start and end anchor tag,</span><br><span class="line">and this text will be clickable to take you to an another website.</span><br></pre></td></tr></table></figure><h2 id="Lists"><a href="#Lists" class="headerlink" title="Lists"></a>Lists</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br><span class="line">8</span><br><span class="line">9</span><br><span class="line">10</span><br><span class="line">11</span><br><span class="line">12</span><br><span class="line">13</span><br><span class="line">14</span><br><span class="line">15</span><br><span class="line">16</span><br><span class="line">17</span><br><span class="line">18</span><br><span class="line">19</span><br></pre></td><td class="code"><pre><span class="line">// unordered list</span><br><span class="line">&lt;ul&gt;</span><br><span class="line">  &lt;li&gt;&lt;/li&gt;</span><br><span class="line">  &lt;li&gt;&lt;/li&gt;</span><br><span class="line">  &lt;li&gt;&lt;/li&gt;</span><br><span class="line">&lt;/ul&gt;</span><br><span class="line"></span><br><span class="line">// ordered list</span><br><span class="line">&lt;ol&gt;</span><br><span class="line">  &lt;li&gt;&lt;/li&gt;</span><br><span class="line">  &lt;li&gt;&lt;/li&gt;</span><br><span class="line">  &lt;li&gt;&lt;/li&gt;</span><br><span class="line">&lt;/ol&gt;</span><br><span class="line"></span><br><span class="line">li tag stands for list items, [is required],</span><br><span class="line">and are the only type of tag you can put as direct children of ul/ol tag.</span><br><span class="line"></span><br><span class="line">inside li tags we can put much more than just text,</span><br><span class="line">we can put images, links or even another list.</span><br></pre></td></tr></table></figure><h2 id="Tables"><a href="#Tables" class="headerlink" title="Tables"></a>Tables</h2><figure class="highlight plaintext"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br></pre></td><td class="code"><pre><span class="line">&lt;table&gt;</span><br><span class="line">&lt;tr&gt; =&gt; table row</span><br><span class="line">&lt;th&gt; =&gt; table header</span><br><span class="line">&lt;td&gt; =&gt; table data</span><br></pre></td></tr></table></figure><h2 id="Test-your-webpage"><a href="#Test-your-webpage" class="headerlink" title="Test your webpage"></a>Test your webpage</h2><p>You can use private browsing to be sure that you are behaving like an anonymous user,<br>rather than being logged in as yourself when looking at a webpage.</p><p>eg: to be sure that you can see images.</p><h2 id="Be-aware-of…"><a href="#Be-aware-of…" class="headerlink" title="Be aware of…"></a>Be aware of…</h2><p>Making a webpage good isn’t easy.</p><p>Webpages can be displayed on different types of divices, such as your laptop, your phone.</p><p>Webpages can be used by different types of people, such as normal user, blind user.</p><p>…</p>]]></content>
    
    
      
      
    <summary type="html">&lt;blockquote&gt;
&lt;p&gt;OFFERED BY Duke UNIVERSITY&lt;br&gt;&lt;a href=&quot;https://www.dukelearntoprogram.com/&quot;&gt;https://www.dukelearntoprogram.com&lt;/a&gt;&lt;/p&gt;
&lt;/blo</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>如何高效地学习一门编程语言</title>
    <link href="https://liupj.top/2025/03/24/programming-language-learning/"/>
    <id>https://liupj.top/2025/03/24/programming-language-learning/</id>
    <published>2025-03-24T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.080Z</updated>
    
    <content type="html"><![CDATA[<p>请使用英文原版教材！！！</p><p>一门语言的特定【实现】，可以是编译型或解释型</p><p>语言 &#x3D; { 特性1，特性2，…，特性n }</p><p>一个世界就是一堆独立运转的节点在相互发送和处理消息。—— Alan Kay &#x3D;&gt; 这揭示了 Object-Oriented 的首要特征：messaging（发送 &amp; 处理消息）</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;请使用英文原版教材！！！&lt;/p&gt;
&lt;p&gt;一门语言的特定【实现】，可以是编译型或解释型&lt;/p&gt;
&lt;p&gt;语言 &amp;#x3D; { 特性1，特性2，…，特性n }&lt;/p&gt;
&lt;p&gt;一个世界就是一堆独立运转的节点在相互发送和处理消息。—— Alan Kay &amp;#x3D;&amp;gt; 这揭示</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>低卡火锅蘸料</title>
    <link href="https://liupj.top/2025/03/23/%E4%BD%8E%E5%8D%A1%E7%81%AB%E9%94%85%E8%98%B8%E6%96%99/"/>
    <id>https://liupj.top/2025/03/23/%E4%BD%8E%E5%8D%A1%E7%81%AB%E9%94%85%E8%98%B8%E6%96%99/</id>
    <published>2025-03-23T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.081Z</updated>
    
    <content type="html"><![CDATA[<h1 id="以下都无辣椒（可自行添加）"><a href="#以下都无辣椒（可自行添加）" class="headerlink" title="以下都无辣椒（可自行添加）"></a>以下都无辣椒（可自行添加）</h1><blockquote><p>版本一</p></blockquote><ol><li>一勺香醋</li><li>一勺生抽</li><li>半勺蒜蓉</li><li>半勺小葱</li><li>半勺香菜</li></ol><blockquote><p>版本二</p></blockquote><ol><li>一勺香醋</li><li>半勺腐乳</li><li>半勺韭花酱</li><li>半勺蒜蓉</li><li>半勺小葱</li><li>半勺香菜</li></ol><blockquote><p>版本三（海鲜版）</p></blockquote><ol><li>一勺海鲜汁</li><li>半勺蒜蓉</li><li>半勺小葱</li><li>半勺香菜</li></ol>]]></content>
    
    
      
      
    <summary type="html">&lt;h1 id=&quot;以下都无辣椒（可自行添加）&quot;&gt;&lt;a href=&quot;#以下都无辣椒（可自行添加）&quot; class=&quot;headerlink&quot; title=&quot;以下都无辣椒（可自行添加）&quot;&gt;&lt;/a&gt;以下都无辣椒（可自行添加）&lt;/h1&gt;&lt;blockquote&gt;
&lt;p&gt;版本一&lt;/p&gt;
&lt;/blo</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>使用键盘组合键启动iTerm</title>
    <link href="https://liupj.top/2025/03/19/launch-iTerm-by-shortcut/"/>
    <id>https://liupj.top/2025/03/19/launch-iTerm-by-shortcut/</id>
    <published>2025-03-19T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.079Z</updated>
    
    <content type="html"><![CDATA[<p>参考了：<a href="https://shinyu0430.github.io/2023/05/12/iterm-shortcut-mac-automator/">https://shinyu0430.github.io/2023/05/12/iterm-shortcut-mac-automator/</a></p><p>用键盘组合键启动应用程序无疑是最高效的方式，话不多说，下面演示如何实现用键盘组合键启动iTerm</p><ol><li><p>运行【自动操作】，即：automator</p></li><li><p>新建文稿，选取文稿类型，快速操作</p></li><li><p>搜索AppleScript，双击【运行AppleScript】</p></li><li><p>粘贴代码</p></li></ol><figure class="highlight python"><table><tr><td class="gutter"><pre><span class="line">1</span><br><span class="line">2</span><br><span class="line">3</span><br><span class="line">4</span><br><span class="line">5</span><br><span class="line">6</span><br><span class="line">7</span><br></pre></td><td class="code"><pre><span class="line"><span class="keyword">if</span> application <span class="string">&quot;iTerm&quot;</span> <span class="keyword">is</span> running then</span><br><span class="line">tell application <span class="string">&quot;iTerm&quot;</span></span><br><span class="line">activate</span><br><span class="line">end tell</span><br><span class="line"><span class="keyword">else</span></span><br><span class="line">activate application <span class="string">&quot;iTerm&quot;</span></span><br><span class="line">end <span class="keyword">if</span></span><br></pre></td></tr></table></figure><ol start="5"><li><p>Command+S 保存，命名为【运行iTerm】</p></li><li><p>系统设置&#x3D;》键盘&#x3D;》键盘快捷键…&#x3D;》服务&#x3D;》通用，设置组合键即可，我设置成了[command+shift+m]</p></li></ol><p>Have a try!</p>]]></content>
    
    
      
      
    <summary type="html">&lt;p&gt;参考了：&lt;a href=&quot;https://shinyu0430.github.io/2023/05/12/iterm-shortcut-mac-automator/&quot;&gt;https://shinyu0430.github.io/2023/05/12/iterm-shortcu</summary>
      
    
    
    
    
  </entry>
  
  <entry>
    <title>中餐厨艺课</title>
    <link href="https://liupj.top/2025/01/02/be-cook-at-home/"/>
    <id>https://liupj.top/2025/01/02/be-cook-at-home/</id>
    <published>2025-01-02T00:00:00.000Z</published>
    <updated>2026-04-21T13:40:49.078Z</updated>
    
    <content type="html"><![CDATA[<ol><li>清炒绿叶菜：菜+油+盐+味精+鸡精&#x3D;出锅，注意清洗蔬菜要用滤网！！！</li><li>清炒蔬菜更精彩的调味品：大蒜（蒜香味）、干辣椒（糊辣味）、干花椒（麻辣味）</li></ol><p>一天一斤蔬菜，方能补充：维生素、矿物质、膳食纤维<br>be more healthier ！</p><p>——</p><p>冬瓜汤 &amp;&amp; 羊肉冬瓜汤<br>炊具：炒菜铁锅即可、汤勺<br>准备食材：冬瓜适量（切片，2～3mm）、生姜（切片，2～3片）、食盐、味精、鸡精、食用油、葱花、枸杞子、羊肉片<br>水烧开，生姜和冬瓜下锅、转二档火（中小火）炖煮（大概10mins左右），加入羊肉片食盐味精鸡精食用油搅和搅和，2～3mins出锅撒上葱花枸杞子</p><p>——</p><p>生抽、蚝油（都能提味增鲜）<br>素炒冬瓜</p><p>——</p><p>青椒土豆丝<br>主料：青椒、土豆<br>辅料：油、大蒜、盐、味精、鸡精</p><p>——</p><p>扬州炒饭</p><p>主料：黄瓜、胡萝卜、火腿肠、鸡蛋、大米饭（熟冷）<br>辅料：小葱、生姜、油、盐、味精、鸡精</p><p>步骤：<br>    鸡蛋打散备用<br>    黄瓜、胡萝卜、火腿肠均适量切成6mm的方丁备用<br>    切一点姜末备用<br>    切一些葱花备用</p><p>——</p><p>葱油饼</p><p>冷水、面粉、鸡蛋、盐、葱花、油</p><p>——</p><p>蒜蓉油麦菜&#x2F;生菜&#x2F;空心菜&#x2F;菠菜…</p><p>主料：3颗油麦菜+半头大蒜</p><p>——</p><p>素炒胡萝卜</p><p>4根红色细长的胡萝卜（滚刀块）+3瓣大蒜（切片）</p><p>——</p><p>万能凉拌菜调料</p><p>以下调料均可适量减少（for your health）</p><p>1勺盐<br>1勺味精<br>1勺白糖<br>3勺生抽<br>2勺陈醋<br>半勺芝麻油<br>半勺花椒油<br>2勺辣椒油<br>一点姜蒜末<br>两三个红小米椒切成小圈圈，然后用刀改小</p><p>——</p><p>青椒炒茄子</p><p>主料：茄子、青椒<br>调料：油、蒜、青花椒粒、盐、鸡精、味精</p><p>——</p><p>炒豆腐</p><p>主料：一块豆腐<br>调料：油、蒜、盐、味精、鸡精、干辣椒</p><p>——</p><p>家常豆腐</p><p>主料：一块豆腐、一小块猪瘦肉<br>调料：<br>油、盐、<br>豆瓣酱、生姜、大蒜、<br>料酒、胡椒粉、<br>生抽、<br>味精、鸡精、<br>蒜苗、水淀粉</p><hr><p>素面碗汁</p><p>姜蒜末、盐、味精、鸡精、生抽两勺、半勺陈醋、一点蚝油、香油</p>]]></content>
    
    
      
      
    <summary type="html">&lt;ol&gt;
&lt;li&gt;清炒绿叶菜：菜+油+盐+味精+鸡精&amp;#x3D;出锅，注意清洗蔬菜要用滤网！！！&lt;/li&gt;
&lt;li&gt;清炒蔬菜更精彩的调味品：大蒜（蒜香味）、干辣椒（糊辣味）、干花椒（麻辣味）&lt;/li&gt;
&lt;/ol&gt;
&lt;p&gt;一天一斤蔬菜，方能补充：维生素、矿物质、膳食纤维&lt;br&gt;be</summary>
      
    
    
    
    
  </entry>
  
</feed>
