我这一生致力于拭去眼泪，所以不必再我墓前哭泣。https://kanochan.net/Firefly6.13.4https://github.com/CuteLeaf/Firefly2026年7月1日 00:45:57https://kanochan.net/posts/guide/https://kanochan.net/posts/guide/如何使用 Firefly 博客模板。Fri, 02 Jan 1970 00:00:00 GMT<p>这个博客模板是基于 <a href="https://astro.build/" target="_blank">Astro</a> 构建的。对于本指南中未提及的内容，您可以在 <a href="https://docs.astro.build/" target="_blank">Astro 文档</a> 中找到答案。</p> <section><h2>文章的 Front-matter<a href="#文章的-front-matter"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>我的第一篇博客文章</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>description</span><span>: </span><span>这是我新 Astro 博客的第一篇文章。</span></div></div><div><div><div>5</div></div><div><span>image</span><span>: </span><span>./cover.jpg</span></div></div><div><div><div>6</div></div><div><span>tags</span><span>: [</span><span>前端</span><span>, </span><span>开发</span><span>]</span></div></div><div><div><div>7</div></div><div><span>category</span><span>: </span><span>前端开发</span></div></div><div><div><div>8</div></div><div><span>draft</span><span>: </span><span>false</span></div></div><div><div><div>9</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <table><thead><tr><th>属性</th><th>描述</th></tr></thead><tbody><tr><td><code>title</code></td><td>文章标题。</td></tr><tr><td><code>published</code></td><td>文章发布日期。</td></tr><tr><td><code>updated</code></td><td>文章更新日期。如果未设置，将默认使用发布日期。</td></tr><tr><td><code>pinned</code></td><td>是否将此文章置顶在文章列表顶部。</td></tr><tr><td><code>description</code></td><td>文章的简短描述。显示在首页上。</td></tr><tr><td><code>image</code></td><td>文章封面图片路径。<br />1. 以 <code>http://</code> 或 <code>https://</code> 开头：使用网络图片<br />2. 以 <code>/</code> 开头：<code>public</code> 目录中的图片<br />3. 不带任何前缀：相对于 markdown 文件的路径</td></tr><tr><td><code>tags</code></td><td>文章标签。</td></tr><tr><td><code>category</code></td><td>文章分类。</td></tr><tr><td><code>lang</code></td><td>文章语言代码（如 <code>zh-CN</code>）。仅当文章语言与站点默认语言不同时设置。</td></tr><tr><td><code>licenseName</code></td><td>文章内容的许可证名称。</td></tr><tr><td><code>licenseUrl</code></td><td>文章内容的许可证链接。</td></tr><tr><td><code>author</code></td><td>文章作者。</td></tr><tr><td><code>sourceLink</code></td><td>文章内容的来源链接或参考。</td></tr><tr><td><code>draft</code></td><td>如果这篇文章仍是草稿，则不会显示。</td></tr><tr><td><code>comment</code></td><td>是否启用此文章的评论功能。默认为 <code>true</code>。</td></tr><tr><td><code>slug</code></td><td>自定义文章 URL 路径。如果不设置，将使用文件名作为 URL。</td></tr><tr><td><code>password</code></td><td>文章密码。设置后文章内容将被 AES-256-GCM 加密，访客需输入密码才能查看。</td></tr><tr><td><code>passwordHint</code></td><td>密码提示。显示在密码输入框上方，帮助访客回忆密码，也可以不加。</td></tr></tbody></table></section> <section><h2>文章文件的放置位置<a href="#文章文件的放置位置"><span>#</span></a></h2><p>您的文章文件应放置在 <code>src/content/posts/</code> 目录中。您也可以创建子目录来更好地组织您的文章和资源。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>src/content/posts/</span></div></div><div><div><div>2</div></div><div><span>├── post-1.md</span></div></div><div><div><div>3</div></div><div><span>└── post-2/</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>├── cover.png</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>└── index.md</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h2>自定义文章 URL (Slug)<a href="#自定义文章-url-slug"><span>#</span></a></h2><section><h3>什么是 Slug？<a href="#什么是-slug"><span>#</span></a></h3><p>Slug 是文章 URL 路径的自定义部分。如果不设置 slug，系统将使用文件名作为 URL。</p></section><section><h3>Slug 使用示例<a href="#slug-使用示例"><span>#</span></a></h3><section><h4>示例 1：使用文件名作为 URL<a href="#示例-1使用文件名作为-url"><span>#</span></a></h4><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>我的第一篇博客文章</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>文件：<code>src/content/posts/my-first-blog-post.md</code></p><p>URL：<code>/posts/my-first-blog-post</code></p></section><section><h4>示例 2：自定义 Slug<a href="#示例-2自定义-slug"><span>#</span></a></h4><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>我的第一篇博客文章</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>slug</span><span>: </span><span>hello-world</span></div></div><div><div><div>5</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>文件：<code>src/content/posts/my-first-blog-post.md</code></p><p>URL：<code>/posts/hello-world</code></p></section><section><h4>示例 3：其他语言文件名使用Slug<a href="#示例-3其他语言文件名使用slug"><span>#</span></a></h4><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>---</span></div></div><div><div><div>2</div></div><div><span>title</span><span>: </span><span>如何使用 Firefly 博客主题</span></div></div><div><div><div>3</div></div><div><span>published</span><span>: </span><span>2023-09-09</span></div></div><div><div><div>4</div></div><div><span>slug</span><span>: </span><span>how-to-use-firefly-blog-theme</span></div></div><div><div><div>5</div></div><div><span>---</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>文件：<code>src/content/posts/如何使用Firefly博客主题.md</code></p><p>URL：<code>/posts/how-to-use-firefly-blog-theme</code></p></section></section><section><h3>Slug 使用建议<a href="#slug-使用建议"><span>#</span></a></h3><ol> <li><strong>使用英文和连字符</strong>：<code>my-awesome-post</code> 而不是 <code>my awesome post</code></li> <li><strong>保持简洁</strong>：避免过长的 slug</li> <li><strong>具有描述性</strong>：让 URL 能够反映文章内容</li> <li><strong>避免特殊字符</strong>：只使用字母、数字和连字符</li> <li><strong>保持一致性</strong>：在整个博客中使用相似的命名模式</li> </ol></section><section><h3>注意事项<a href="#注意事项"><span>#</span></a></h3><ul> <li>Slug 一旦设置并发布，建议不要随意更改，以免影响 SEO 和已存在的链接</li> <li>如果多个文章使用相同的 slug，后面的文章会覆盖前面的</li> <li>Slug 会自动转换为小写</li> </ul></section></section>https://kanochan.net/posts/early-spring-at-west-lake/https://kanochan.net/posts/early-spring-at-west-lake/一次在西湖的早春试拍，也是一篇关于出门、摄影与重新感受世界的随笔。Mon, 04 Mar 2024 00:00:00 GMT<blockquote><p>哟，好久不见。时间不知不觉来到了三月，回过神来，已经是春天了。</p></blockquote> <p>这是我在西湖拍摄的一组照片，很高兴能和你一起分享。虽然拍得不好，但这是一个起点，敬请观赏。</p> <p><img src="https://image.kanochan.net/2024/03/04/2024030419435155cb6075f42823bd2.jpg" alt="" /></p> <p><img src="https://image.kanochan.net/2024/03/04/2024030419440363ba09b92c15c7579.jpg" alt="" /></p> <p><img src="https://image.kanochan.net/2024/03/04/202403041945138a626db9991c15f9b.jpg" alt="" /></p> <p><img src="https://image.kanochan.net/2024/03/04/20240304194686808b8d71f78844123.jpg" alt="" /></p> <p><img src="https://image.kanochan.net/2024/03/04/202403041946722d16c3d20f9544da8.jpg" alt="" /></p> <p><img src="https://image.kanochan.net/2024/03/04/2024030419456094042d4475e751d00.jpg" alt="" /></p> <p><img src="https://image.kanochan.net/2024/03/04/2024030419472757394c82bc42114af.jpg" alt="" /></p> <p>2024年的第一天，我许下了一个愿望，希望今年能多出去走走，看看这个多彩的世界。</p> <p>来杭州接近两年的我，甚至没有踏足过西湖，这真是令人匪夷所思。虽然西湖就在那里，但是我却找不到靠近的理由。是从什么时候转变的呢？很难说得上来，改变总是在潜移默化之间，我决定今年出去走走。</p> <p>2月底，蹲了半个月的相机终于有货可以预定，抓紧时间下单了一台。相机到手后，出去走走的理由又多了一个。本来今年计划五一或者十一去日本游玩，但是购买相机后，今年的预算变得捉襟见肘，只好推迟到明年或者往后。为什么那么执着于日本呢？我想，如果在你困顿迷茫的时候，遇见了一部动画，而这部动画让你灰暗的人生出现了一丝光亮，犹如破晓的黎明，照亮你的世界，让你重新找到时间的意义，相信你也会像我一样执着。</p> <p>在2月份之前，我对摄影的理解像是一张空白的纸，“光与影的艺术”，这是我对摄影最初的认识。在蹲点相机的同时，我也在学习一些摄影的基础知识。我选择了一本入门书籍《摄影笔记》，作者是宁思潇潇。这本书我通读了一遍，终于等到周末，怀着激动的心情挂着相机出门。有些惶恐，因为摄影是未知的，对于现在的我来说。我戴上帽子，戴好口罩，一面是防风，一面是伪装，让自己看起来不那么像新手。天啊，如果有人叫住我让我帮忙拍摄一张照片，我肯定会很愧疚并且想要逃走。</p> <p>那天拍摄了很多照片，精挑细选之下，组成了上面展示出来的一组照片。由于构图能力的缺失，有几张照片进行了后期构图，这也算是一种讨巧的手段，只是照片的分辨率会下降很多。后期处理只是进行了一些曝光调整，并且套用一些索尼的创意外观。至于其他的后期操作，我还没有学会。从这组照片上来说，很难说得上我想要表达什么感情、传达什么思想，这方面的能力对于现在的我来说，真的很难建立起来，这需要时间的积淀。</p> <p>在这组照片中，最后一张似乎风格迥异，与前几张照片搭不上调，但却是我最喜欢的一张照片。得益于胶片般的质感，我从这张照片中看见了历史，看见了时间。美中不足的是，夕阳照射在大楼上的反光，形成了一个过曝的斑点。也许正是这种不完美，才能促使你满怀期待地等待下次出门的时刻。</p> <p>谢谢你能够看到这，祝好！有时间也请出门走走吧~</p>https://kanochan.net/posts/commit-message-editor-guide/https://kanochan.net/posts/commit-message-editor-guide/介绍如何借助Commit Message Editor在VS Code中编写更规范的Git提交信息。Tue, 16 May 2023 00:00:00 GMT<p>一个好的Commit Message应该清晰明了地描述本次提交的内容，以方便其他开发人员能够快速了解代码变更的目的，以及变更的影响范围。</p> <blockquote><p>Commit Message Editor是VSCode中生成格式化提交信息的工具</p></blockquote> <section><h2>开篇<a href="#开篇"><span>#</span></a></h2><p>与其说这是一篇Commit Message Editor插件的使用指南，不如说，是在想教会我自己如何编写Commit Message。</p><p>Commit Message Editor插件只是实现Commit Message标准化的方法，而Commit Message的内容，才是核心。换句话说，使用的工具不局限于Commit Message Editor，只是它，恰好顺手。</p><p>关于如何编写Commit Message，互联网上不乏经典的案例与详细的教程。但于我而言，那终究还是别人的知识，只有自己经过学习、思考、归纳和总结后，为己所用，才算是成为自己的东西。</p><p>所以本文诞生了。</p></section> <section><h2>Commit Message<a href="#commit-message"><span>#</span></a></h2><p>提交消息（Commit Message）是git工作流中一个重要的组成部分。</p><section><h3>Git工作流<a href="#git工作流"><span>#</span></a></h3><p>假如你接触过代码编写，哪怕只是一个轻量的shell脚本，应该会对“版本管理”有所耳闻。<a href="https://git-scm.com/" target="_blank">Git</a>就是一个很好用的版本管理工具，它是一个分布式的版本控制系统，能跟踪代码文件中的变化，目的在于协调协作开发源代码的程序员之间的工作。关于它，你可以在<a href="https://git-scm.com/book/en/v2/Getting-Started-What-is-Git%3F" target="_blank">Getting Started - What is Git?</a>中获取更多的知识。</p></section><section><h3>Commit Message简介<a href="#commit-message简介"><span>#</span></a></h3><p>将你的代码提交保存，是git工作流中必须的一个流程。在进行代码提交时，Commit Message（提交消息）是一个必须的内容。虽然在Commit Message为空的情况下，git不会拒绝你提交代码，但这并不是一个正确的做法。</p><p>一个好的 Commit Message 应该清晰明了地描述本次提交的内容，以方便其他开发人员能够快速了解代码变更的目的，以及变更的影响范围。如果 Commit Message 的内容为空，其他开发人员就无法快速了解这次提交的目的，这会给团队协作带来不便。因此，在提交代码时，应该尽量编写清晰明了的 Commit Message，这对于团队协作和代码管理都非常重要。</p></section><section><h3>Commit Message作用<a href="#commit-message作用"><span>#</span></a></h3><p>关于它的作用，上文有些许涉及，这里还是要详细说明一下Commit Message的作用，以引起足够的重视。我们都希望事物能够按着预定的规则良好地发展。</p><p>Commit Message 的作用主要有以下几个方面：</p><ul> <li>记录代码变更历史。Commit Message 记录了每次提交代码的目的和变更内容，能够帮助开发人员回顾代码变更历史，了解代码的演进过程。</li> <li>方便团队协作。一个好的 Commit Message 能够让其他开发人员快速了解本次提交的目的和变更的影响范围，从而更好地协作开发。</li> <li>便于代码审查。Commit Message 描述了本次提交的目的和变更内容，能够帮助代码审查人员更好地了解代码变更的目的和影响范围，从而更好地进行代码审查。</li> </ul></section><section><h3>Commit Message格式<a href="#commit-message格式"><span>#</span></a></h3><p>令人出乎意料的是，Commit Message并没有固定的格式，开发者可以按照喜好制定一些格式。但也有一些被大众所接受的格式可供选择，如[<a href="https://www.conventionalcommits.org/" target="_blank">Conventional</a>、<a href="https://gitmoji.dev/" target="_blank">Gitmoji</a>等，其中Conventional格式源于<a href="https://github.com/angular/angular/blob/22b96b9/CONTRIBUTING.md" target="_blank">AngularJS</a>，并在此基础上进行完善，现在已成为一个开放的社区标准。本文记录的格式是Conventional，这是被最多人使用的一种格式。</p></section></section> <section><h2>Conventional Commits<a href="#conventional-commits"><span>#</span></a></h2><p>关于Conventional Commits你想知道的一切信息，你都可以在<a href="https://www.conventionalcommits.org/zh-hans/" target="_blank">Conventional官方网站</a>上找到，那里对Conventional Commits规范进行了详尽的解释与常见问题的答疑。</p><p>从结构上来看，Conventional Commits的内容分为五个部分：类型、范围、描述、正文和脚注。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;类型&gt;[可选 范围]: &lt;描述&gt;</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>[可选 正文]</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>[可选 脚注]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><section><h3>类型（type）<a href="#类型type"><span>#</span></a></h3><p><strong>类型</strong>是一个必选内容，可以用于快速判断对项目进行了哪方面的修改，它必须是以下项目之一：</p><ul> <li><strong>build</strong>：用于影响构建系统或外部依赖项的更改，例如gulp、broccoli、npm等</li> <li><strong>ci</strong>：在更改项目的 CI 配置文件和脚本时使用</li> <li><strong>docs</strong>：用于对项目的说明文档进行的更改</li> <li><strong>feat</strong>：增加一项新功能时使用</li> <li><strong>fix</strong>：修复错误时使用</li> <li><strong>perf</strong>：应用于提高性能的代码的更改</li> <li><strong>refactor</strong>：重构，用于既不修复错误也不添加功能的代码更改</li> <li><strong>style</strong>：对项目进行不影响代码含义的更改时使用，如空格、格式修改、缺少分号等</li> <li><strong>test</strong>：添加缺少的测试或更正现有测试</li> <li><strong>chore</strong>：对构建、工具、文档等方面进行的修改时使用，这些秀修改通常不会对代码功能或接口产生影响，只是一些日常的维护工作或者是一些辅助性的修改</li> </ul><p>对于上述类型的应用，还应遵守以下几条规则：</p><ul> <li>每个提交都必须使用类型字段前缀，它由一个名词构成，诸如 <code>feat</code> 或 <code>fix</code> ， 其后接可选的范围字段，可选的 <code>!</code>，以及必要的冒号（英文半角）和空格</li> <li>当一个提交为应用或类库实现了新功能时，必须使用 <code>feat</code> 类型</li> <li>当一个提交为应用修复了 bug 时，必须使用 <code>fix</code> 类型</li> </ul></section><section><h3>范围（scope）<a href="#范围scope"><span>#</span></a></h3><p><strong>范围</strong>是一个可选的内容，它用于表示本次提交的修改的作用范围，一般填写修改涉及到的模块或组件名称。</p><p>scope内容由一个单词或短语构成，并用圆括号括起来，以下是一个示例：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>fix(api):</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>它表示本次提交的修改作用在用户认证上，即<code>auth</code>模块。</p><p>使用 <code>scope</code> 可以更清晰地说明本次修改的范围，方便其他开发者理解和追踪代码变更，也有助于更好地组织和管理代码。此外，一些工具和平台（如 GitHub）也可以根据 <code>scope</code> 进行过滤和分类，方便查找和管理代码。</p></section><section><h3>描述（description）<a href="#描述description"><span>#</span></a></h3><p>这是一个必填项，对提交的修改进行总结性的描述，通常是一句话，需要遵守以下规则：</p><ul> <li>第一个字母不要大写</li> <li>不以句号为结尾</li> <li>使用现在时：“change”不是“changed”也不是“changes”</li> <li>描述必须直接跟随在<code>&lt;类型&gt;[范围]</code>前缀的冒号和空格之后</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>fix: prevent racing of requests</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>正文（body）<a href="#正文body"><span>#</span></a></h3><p>简短的描述后面，可以编写较长的提交正文，用于详细说明提交的信息：解释进行更改的原因，也可以将以前的行为与新行为进行比较，以说明更改带来的影响。</p><ul> <li>正文必须起始于描述字段结束的一个空行后。换句话说，正文与描述之间，必须空一行</li> <li>提交的正文内容自由编写，并可以使用空行分隔不同段落</li> <li>使用文本格式进行编写，不要使用任何标记性语言，如markdown</li> <li>使用祈使句、现在时：“fix”不是“fixed”也不是“fixes”</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>fix(api): prevent racing of requests</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>Introduce a request id and a reference to latest request. Dismiss</span></div></div><div><div><div>4</div></div><div><span>incoming responses other than from latest request.</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span>Remove timeouts which were used to mitigate the racing issue but are</span></div></div><div><div><div>7</div></div><div><span>obsolete now.</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>脚注（footer(s)）<a href="#脚注footers"><span>#</span></a></h3><p><strong>footer</strong>是提交信息的最后一行，用于提供额外的元数据或引用问题跟踪器等信息。footer 可以包含一个或多个关键字和值，它们用冒号分隔。</p><ul> <li>正文结束的第一个空行后，可以编写一行或多行脚注</li> <li>每行脚注都必须包含 一个关键字（token），后面紧跟 <code>:&lt;space&gt;</code>（冒号和空格） 或 <code>&lt;space&gt;#</code>（空格和#号） 作为分隔符，后面再紧跟令牌的值。例如：<code>Issue: #666</code>或<code>Issue ##666</code></li> <li>脚注的关键字必须使用 <code>-</code> 作为连字符，比如 <code>Acked-by</code> (这样有助于区分脚注和多行正文)。有一种例外情况就是 <code>BREAKING CHANGE</code>，它可以被认为是一个关键字</li> <li>脚注的值可以包含空格和换行，值的解析过程必须直到下一个脚注的令牌/分隔符出现为止</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>fix(api): prevent racing of requests</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>Introduce a request id and a reference to latest request. Dismiss</span></div></div><div><div><div>4</div></div><div><span>incoming responses other than from latest request.</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span>Remove timeouts which were used to mitigate the racing issue but are</span></div></div><div><div><div>7</div></div><div><span>obsolete now.</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span>Reviewed-by: kanochan</span></div></div><div><div><div>10</div></div><div><span>Issue: #666</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>关于<strong>破坏性的变更（BREAKING CHANGE）</strong>，有几个额外的约定：</p><ul> <li>破坏性变更必须在提交信息中标记出来，要么在 &lt;类型&gt;(范围) 前缀中标记，要么作为脚注的一项</li> <li>包含在脚注中时，破坏性变更必须包含大写的文本 <code>BREAKING CHANGE</code>，后面紧跟着<code>:&lt;space&gt;</code>，然后是描述，例如： <code>BREAKING CHANGE: environment variables now take precedence over config files</code></li> <li>包含在 &lt;类型&gt;(范围) 前缀时，破坏性变更必须通过把 <code>!</code> 直接放在 <code>:</code> 前面标记出来，例如：<code>feat(api)!: send an email to the customer when a product is shipped</code>。 如果使用了 <code>!</code>，那么脚注中可以不写 <code>BREAKING CHANGE:</code>， 同时提交信息的描述中应该用来描述破坏性变更</li> <li>工具的实现必须不区分大小写地解析构成约定式提交的信息单元，只有 <code>BREAKING CHANGE</code> 必须是大写的</li> <li>BREAKING-CHANGE 作为脚注的关键字时必须是 BREAKING CHANGE 的同义词（如果你在提交信息的 footer 中使用 <code>BREAKING-CHANGE</code> 作为关键字，那么它必须与 <code>BREAKING CHANGE</code> 是同义词，而不能是其他类似的词语或缩写。这是因为许多工具和流程依赖于这个特定的关键字来识别破坏性变更，如果使用了其他类似的词语或缩写，这些工具可能无法正确地处理这个提交。因此，如果你想在提交信息中指定破坏性变更，应该使用 <code>BREAKING CHANGE</code> 这个特定的关键字，而不是其他类似的词语或缩写。）</li> </ul><p><strong>包含了 <code>!</code> 和 BREAKING CHANGE 脚注的提交说明</strong></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>chore!: drop support for Node 6</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>BREAKING CHANGE: use JavaScript features not available in Node 6.</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><strong>包含了范围和破坏性变更 <code>!</code> 的提交說明</strong></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>feat(api)!: send an email to the customer when a product is shipped</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><strong>包含了描述并且脚注中有破坏性变更的提交说明</strong></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>feat: allow provided config object to extend other configs</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>BREAKING CHANGE: `extends` key in config file is now used for extending other config files</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h2>Commit Message Editor<a href="#commit-message-editor"><span>#</span></a></h2><p>说回正题，<a href="https://github.com/bendera/vscode-commit-message-editor" target="_blank">Commit Message Editor</a>是VSCode上的一个提交消息编辑器插件，它提供了一个可视化的界面来编写规范的Commit Message。它支持Conventional Commits规范，并提供了一些可定制的选项，以帮助你更好地管理提交历史。除此之外，它还支持自定义模板和快捷键，能够更快地编写Commit Message。</p><p><img src="https://github.com/bendera/vscode-commit-message-editor/raw/master/preview1.gif" alt="" /></p><p><img src="https://image.kanochan.net/2023/05/16/2023051618043778d901d3fb8f800a6.png" alt="" /></p><section><h3>用法<a href="#用法"><span>#</span></a></h3><p>写入的内容以及规则限制，如同上述的Conventional Commits一样，分为五大部分：Type、Scope、Description、Body和Footer。</p><p>假定提交的更改时破坏性的，勾选“Breaking change”选项后，则无需在Footer中填入<code>BREAKING CHANGE</code>。</p><p>勾选“Amend previous commit”后，提交保存时将先撤销上一次的提交后再进行新的提交。</p></section></section> <section><h2>参考资料<a href="#参考资料"><span>#</span></a></h2><ol> <li><a href="https://gist.github.com/brianclements/841ea7bffdb01346392c" target="_blank">Angular Commit Format Reference Sheet</a></li> <li><a href="https://www.educative.io/answers/git-commit-message-simply-explained" target="_blank">Git commit message: simply explained</a></li> <li><a href="https://git-scm.com/docs/git-interpret-trailers" target="_blank">git-interpret-trailers</a></li> <li><a href="https://docs.github.com/en/pull-requests/committing-changes-to-your-project/creating-and-editing-commits/about-commits" target="_blank">GitHub Docs: About commits</a></li> <li><a href="https://github.com/conventional-commits/conventionalcommits.org" target="_blank">ConventionalCommits.org</a></li> <li><a href="https://www.ruanyifeng.com/blog/2016/01/commit_message_change_log.html" target="_blank">Commit message 和 Change log 编写指南</a></li> <li><a href="https://www.educative.io/answers/git-commit-message-simply-explained" target="_blank">Git commit message: simply explained</a></li> <li><a href="https://www.freecodecamp.org/news/writing-good-commit-messages-a-practical-guide/" target="_blank">How to Write Good Commit Messages: A Practical Git Guide</a></li> <li><a href="https://reflectoring.io/meaningful-commit-messages/" target="_blank">Writing Meaningful Commit Messages</a></li> <li><a href="https://www.freecodecamp.org/news/how-to-write-better-git-commit-messages/" target="_blank">How to Write Better Git Commit Messages – A Step-By-Step Guide</a></li> <li><a href="https://cbea.ms/git-commit/" target="_blank">How to Write a Git Commit Message</a></li> <li><a href="https://juejin.cn/post/6844903871832145927" target="_blank">Git commit message 规范</a></li> <li><em>部分内容来源于ChatGPT</em></li> </ol></section>https://kanochan.net/posts/css-image-resize-aliasing/https://kanochan.net/posts/css-image-resize-aliasing/探讨浏览器在使用CSS缩小图像时出现锯齿的原因与解决思路。Tue, 11 Apr 2023 00:00:00 GMT<p>object-fit: cover 在Chrome上出现了一些问题…</p> <section><h2>现象<a href="#现象"><span>#</span></a></h2><p>在博客文章封面缩略图上，出现了一下不正常的锯齿。在我的记忆中，这个现象似乎出现了很长的时间，但是我一直没去解决它。原因是这个问题它看起来确实有些不太显眼。</p><p></p><figure><img src="https://image.kanochan.net/2023/04/11/202304111652721334e18e379b47ac7.png" alt="image-20230411164919518" /><figcaption>image-20230411164919518</figcaption></figure><p></p><p>在上面的图片中，可以看到，封面图出现了一些锯齿，不用怀疑，这确实是不合理的。</p></section> <section><h2>分析<a href="#分析"><span>#</span></a></h2><section><h3>主题代码写错了？<a href="#主题代码写错了"><span>#</span></a></h3><p>看到这个现象，我很自然地想到了主题可能存在一些问题。如果当时我能使用不同内核的浏览器来测试页面，我可能会少走很多弯路。</p><p></p><figure><img src="https://image.kanochan.net/2023/04/11/202304111659379ce78038790109f71.png" alt="image-20230411165922343" /><figcaption>image-20230411165922343</figcaption></figure><p></p><p>随即在浏览器控制台中调试分析，可以发现这个文章缩略图是在一张大图（5632*3584）的基础上通过css代码缩放至合适的大小（451**300）</p><p>此时我关注的是，在CSS缩放的过程中使用了什么方式，这种方式是不是出现了什么啥问题。</p><p>通过检索，发现CSS中有一个用于设置图像缩放算法的属性：<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/image-rendering" target="_blank">image-rendering</a>，有下列几个值可选：</p><ul> <li><code>auto</code>，自 Gecko 1.9（Firefox 3.0）起，Gecko 使用_双线性_（<em>bilinear</em>）算法进行重新采样（高质量）</li> <li><code>smooth</code>，应使用能最大化图像客观观感的算法来缩放图像。特别地，会“平滑”颜色的缩放算法是可以接受的，例如双线性插值。这适用于照片等类型的图像。</li> <li><code>high-quality</code>，与 <code>smooth</code> 相同，但更倾向于高质量的缩放。如果系统资源受到限制，在考虑降低哪些图像的质量以及降低到什么程度时，<code>high-quality</code> 的图像应该优先于任何其他值的图像。</li> <li><code>crisp-edges</code>，必须使用可有效保留对比度和图像中的边缘的算法来对图像进行缩放，并且，该算法既不会平滑颜色，又不会在处理过程中为图像引入模糊。合适的算法包括_最近邻居_（<em>nearest-neighbor</em>）算法和其他非平滑缩放算法，比如 <em>2×SaI</em> 和 *hqx-** 系列算法。此属性值适用于像素艺术作品，例如一些网页游戏中的图像。</li> <li><code>pixelated</code>，放大图像时，使用最近邻居算法，因此，图像看着像是由大块像素组成的。缩小图像时，算法与 <code>auto</code> 相同。</li> </ul><p>遗憾的是，无论我将<code>image-rendering</code>设置为何种值，缩略图有锯齿的现象并没有肉眼可见的改变。</p><p>在调试<code>image-rendering</code>的过程中，我注意到主题对于缩略图，使用了一个<code>object-fit: cover</code>属性。查阅<a href="https://developer.mozilla.org/zh-CN/docs/Web/CSS/object-fit" target="_blank">CSS文档</a>关于<code>object-fit</code>属性的描述可知，设置为<code>cover</code>，意为：被替换的内容在保持其宽高比的同时填充元素的整个内容框。如果对象的宽高比与内容框不相匹配，该对象将被剪裁以适应内容框。在缩略图上应用这个属性，并没有什么问题。</p><p>object-fit设置为cover，会给图片带来锯齿吗？脑海中浮现出这样的想法。</p></section></section> <section><h2>是Chrome的问题！<a href="#是chrome的问题"><span>#</span></a></h2><p>我在chromium BUG反馈区上找到了这篇文章：<a href="https://bugs.chromium.org/p/chromium/issues/detail?id=1419899" target="_blank">Issue 1419899: background-size: cover caused pixelated image</a>，这看起来和我遇到的问题简直一模一样！</p><p></p><figure><img src="https://image.kanochan.net/2023/04/11/20230411172823197231fbe517965b7.png" alt="20230411172823197231fbe517965b7" /><figcaption>20230411172823197231fbe517965b7</figcaption></figure><p></p><p>在这篇文章的启发下，我终于想到了要在Firefox浏览器下测试缩略图是否正常工作。</p><p></p><figure><img src="https://image.kanochan.net/2023/04/11/202304111732241404c5aa134c63df9.png" alt="image-20230411173253181" /><figcaption>image-20230411173253181</figcaption></figure><p></p><p>上面的图片，是在Firefox浏览器里面截取的，可以看到缩略图的渲染一切正常。</p><p></p><figure><img src="https://image.kanochan.net/2023/04/11/202304111735984f924e431b7c69c69.jpg" alt="FA200EAD56DDA6DE0896892EB655F802" /><figcaption>FA200EAD56DDA6DE0896892EB655F802</figcaption></figure><p></p><p>我又在安卓Chrome中测试了页面，发现确实存在一些不正常的锯齿，见上图。</p><p></p><figure><img src="https://image.kanochan.net/2023/04/11/202304111737424ff1a83fc372b7042.png" alt="image-20230411173743261" /><figcaption>image-20230411173743261</figcaption></figure><p></p><p>上图，是在Edge浏览器的测试结果。</p><p>由此可见，使用了chromium内核的几个浏览器，都出现了这样的问题。</p></section> <section><h2>解决？<a href="#解决"><span>#</span></a></h2><p>想要马上彻底解决这个问题，似乎现阶段还不太可能，但是chromium开发者已经收到了之类的报告信息，应该会在不久的将来得到解决。</p><p>不过，我在<a href="https://stackoverflow.com/questions/71251416/google-chrome-strange-image-artifacts-pixelated-broken" target="_blank">stackoverflow社区</a>找到了一个临时解决办法：禁用Chrome的<strong>GPU Rasterization</strong>（使用GPU光栅化图像）</p><p>这里有一篇文章关于这个问题的详细信息：<a href="https://piunikaweb.com/2022/04/19/google-chrome-images-distorted-pixelated-after-latest-update-for-some/" target="_blank">[Updated] Google Chrome images distorted &amp; pixelated after latest update for some (workarounds inside)</a> （<a href="https://storage.kanochan.net/archive-html/Google-Chrome-images-distorted-%26-pixelated-after-latest-update-for-some.html" target="_blank">存档</a>）</p></section>https://kanochan.net/posts/aapanel-backblaze-b2-backup/https://kanochan.net/posts/aapanel-backblaze-b2-backup/通过调整aaPanel插件逻辑，使其兼容Backblaze B2进行备份。Fri, 17 Mar 2023 00:00:00 GMT<blockquote><p>默认配置下，AWS S3是不适用于Backblaze B2存储桶的，虽然后者支持兼容S3 API。原因是…</p></blockquote> <section><h2>安装AWS S3<a href="#安装aws-s3"><span>#</span></a></h2><p>应用商店搜索安装即可，截至本文发布，使用的AWS S3版本为1.2.</p></section> <section><h2>修改AWS S3<a href="#修改aws-s3"><span>#</span></a></h2><p>默认配置下，AWS S3是不适用于Backblaze B2存储桶的，虽然后者支持兼容S3 API。原因是aapanel的AWS S3插件砍掉了S3 API的存储地域支持，将地域写死在代码里，只能使用AWS的存储桶。但是相对于Backblaze B2，AWS的价格要贵很多，很多。</p><p>既然同为S3 API，在插件代码里稍作修改，应该是能支持B2存储桶的。</p><p>好在，这个事情已经有人做过了：<a href="https://forum.aapanel.com/d/1403-how-to-use-amazon-s3-storage-to-back-up-your-data" target="_blank">How to use Amazon S3 storage to back up your data</a>（<a href="https://storage.kanochan.net/archive-html/How-to-use-Amazon-S3-storage-to-back-up-your-data-aaPanel.html" target="_blank">存档</a>）</p><p>打开插件目录，修改文件<code>/www/server/panel/plugin/aws_s3/s3lib/client/aws_s3.py</code></p><p>在<code>aws_secret_access_key=self.__secret_key,</code>这一行后面添加一行：<code>endpoint_url = 'https://s3.us-west-004.backblazeb2.com',</code></p><p><img src="https://image.kanochan.net/2023/03/17/20230317153102.png" alt="" /></p><p>修改完成后重启aapanel面板。</p><p>关于 Backblaze 的一件事：删除的文件被标记为隐藏并且没有完全删除，但是您可以为 Bucket 添加自定义生命周期规则以完全删除隐藏文件，这是Backblaze的特性所决定的。</p></section> <section><h2>配置AWS S3<a href="#配置aws-s3"><span>#</span></a></h2><p><img src="https://image.kanochan.net/2023/03/17/20230317153737.png" alt="" /></p><ul> <li>secret_id：应用程序密钥ID</li> <li>secret_key：应用程序密钥</li> <li>Bucket：存储桶的名称</li> <li>SavePath：备份文件存储的目录，默认为<code>/bt_backup</code></li> </ul><p>应用程序密钥在backblaze管理面板创建，不需要使用Master Application Key（主应用程序密钥），创建Key时需要勾选<code>允许列出所有存储桶名称</code>权限，这是S3 API必要的权限。</p><p>配置完成后，可以看到存储桶里的文件（如果有的话）。创建一个备份任务，测试是否能够成功上传。</p><p>END</p></section>https://kanochan.net/posts/php-random-image-api/https://kanochan.net/posts/php-random-image-api/使用PHP实现支持分类索引与多CDN切换的随机图片API。Wed, 15 Mar 2023 00:00:00 GMT<blockquote><p>代码不规范，调试两行泪。</p></blockquote> <section><h1>一个简单的随机图API实现<a href="#一个简单的随机图api实现"><span>#</span></a></h1><section><h2>实现代码<a href="#实现代码"><span>#</span></a></h2><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>&lt;</span><span>?</span></span><span>php</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>$user_config</span><span><span> </span><span>=</span><span> [</span></span></div></div><div><div><div>4</div></div><div><span> </span><span>"output"</span><span> =&gt; </span><span>"cdn"</span><span>, </span><span>// cdn or pass</span></div></div><div><div><div>5</div></div><div><span> </span><span>"cdn_choose"</span><span> =&gt; </span><span>"miui"</span><span>,</span></div></div><div><div><div>6</div></div><div><span> </span><span>"default_album"</span><span> =&gt; </span><span>"yuri"</span><span>,</span></div></div><div><div><div>7</div></div><div><span> </span><span>"mobile_default_album"</span><span> =&gt; </span><span>"kano_vertical"</span><span>,</span></div></div><div><div><div>8</div></div><div><span> </span><span>"diff_domain"</span><span> =&gt; </span><span>"false"</span><span>, </span><span>// true or false</span></div></div><div><div><div>9</div></div><div><span> </span><span>"referer_list"</span><span> =&gt; [</span></div></div><div><div><div>10</div></div><div><span> </span><span>"kanochan.net"</span><span>,</span></div></div><div><div><div>11</div></div><div><span> </span><span>"newtable.kanochan.net"</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>]</span></div></div><div><div><div>13</div></div><div><span>];</span></div></div><div><div><div>14</div></div><div> </div></div><div><div><div>15</div></div><div><span>$cdn_list</span><span><span> </span><span>=</span><span> [</span></span></div></div><div><div><div>16</div></div><div><span> </span><span>"local"</span><span> =&gt; </span><span>"https://api-images.kanochan.net/library"</span><span>,</span></div></div><div><div><div>17</div></div><div><span> </span><span>"miui"</span><span> =&gt; </span><span>"https://cdn.miui.ink/img/api-100"</span><span>,</span></div></div><div><div><div>18</div></div><div><span> </span><span>"cloudflare"</span><span> =&gt; </span><span>"https://image.kanochan.net/library"</span><span>,</span></div></div><div><div><div>19</div></div><div><span> </span><span>"hellonewworld"</span><span> =&gt; </span><span>"https://api.hellonewworld.net/iro/KanoChan/library"</span><span>,</span></div></div><div><div><div>20</div></div><div><span> </span><span>"ilulu"</span><span> =&gt; </span><span>"https://cdn.ilulu.ink/img/api-100"</span><span>,</span></div></div><div><div><div>21</div></div><div><span> </span><span>"laiyun"</span><span> =&gt; </span><span>"https://contents.kanochan.net/api-img/library"</span></div></div><div><div><div>22</div></div><div><span>];</span></div></div><div><div><div>23</div></div><div> </div></div><div><div><div>24</div></div><div><span>$image_info</span><span><span> </span><span>=</span><span> [</span></span></div></div><div><div><div>25</div></div><div><span> </span><span>"Genshin-Impact"</span><span> =&gt; [</span></div></div><div><div><div>26</div></div><div><span> </span><span>"CDN_dir"</span><span> =&gt; </span><span>"/genshin-impact/"</span><span>,</span></div></div><div><div><div>27</div></div><div><span> </span><span>"local_dir"</span><span> =&gt; </span><span>"./library/genshin-impact/"</span><span>,</span></div></div><div><div><div>28</div></div><div><span> </span><span>"image_list"</span><span> =&gt; [</span><span>"91247220_p0.webp"</span><span>,</span><span>"88477282_p0.webp"</span><span>,</span><span>"96821803_p0.webp"</span><span>,</span><span>"97555581_p0.webp"</span><span>,</span><span>"95828445_p0.webp"</span><span>,</span><span>"91988144_p0.webp"</span><span>,</span><span>"97313182_p0.webp"</span><span>,</span><span>"100249400_p0.webp"</span><span>,</span><span>"84666651_p0.webp"</span><span>,</span><span>"93077129_p0.webp"</span><span>,</span><span>"93015888_p0.webp"</span><span>,</span><span>"101595682_p0.webp"</span><span>,</span><span>"96542642_p0.webp"</span><span>,</span><span>"93239045_p0.webp"</span><span>,</span><span>"90904448_p0.webp"</span><span>,</span><span>"80172617_p0.webp"</span><span>,</span><span>"92564859_p0.webp"</span><span>,</span><span>"101664845_p0.webp"</span><span>,</span><span>"102169815_p0.webp"</span><span>,</span><span>"89219826_p0.webp"</span><span>,</span><span>"97833640_p0.webp"</span><span>,</span><span>"85339379_p0.webp"</span><span>,</span><span>"85467403_p0.webp"</span><span>,</span><span>"95579662_p0.webp"</span><span>,</span><span>"101414698_p0.webp"</span><span>,</span><span>"84938851_p0.webp"</span><span>,</span><span>"95605647_p0.webp"</span><span>,</span><span>"84808425_p0.webp"</span><span>,</span><span>"91623339_p0.webp"</span><span>,</span><span>"90549488_p0.webp"</span><span>,</span><span>"91364618_p0.webp"</span><span>,</span><span>"92161881_p0.webp"</span><span>,</span><span>"93077711_p0.webp"</span><span>,</span><span>"93113675_p0.webp"</span><span>,</span><span>"95028648_p0.webp"</span><span>,</span><span>"101893893_p0.webp"</span><span>,</span><span>"85984123_p0.webp"</span><span>,</span><span>"95916021_p0.webp"</span><span>,</span><span>"90285518_p0.webp"</span><span>,</span><span>"93604793_p0.webp"</span><span>,</span><span>"89419792_p0.webp"</span><span>,</span><span>"96539574_p0.webp"</span><span>,</span><span>"89490341_p0.webp"</span><span>,</span><span>"95789722_p0.webp"</span><span>,</span><span>"90640803_p0.webp"</span><span>,</span><span>"93200241_p0.webp"</span><span>,</span><span>"102113894_p0.webp"</span><span>,</span><span>"96839227_p0.webp"</span><span>,</span><span>"99693557_p0.webp"</span><span>,</span><span>"87977808_p0.webp"</span><span>,</span><span>"98215752_p0.webp"</span><span>,</span><span>"97312948_p0.webp"</span><span>,</span><span>"97618836_p0.webp"</span><span>,</span><span>"85543107_p0.webp"</span><span>,</span><span>"89261893_p0.webp"</span><span>,</span><span>"97744644_p0.webp"</span><span>,</span><span>"102162661_p0.webp"</span><span>,</span><span>"101036223_p0.webp"</span><span>,</span><span>"85030428_p0.webp"</span><span>,</span><span>"95852258_p0.webp"</span><span>,</span><span>"88695126_p0.webp"</span><span>,</span><span>"88127990_p0.webp"</span><span>,</span><span>"89905880_p0.webp"</span><span>,</span><span>"88450801_p0.webp"</span><span>,</span><span>"92229768_p0.webp"</span><span>,</span><span>"96965922_p0.webp"</span><span>,</span><span>"93187055_p0.webp"</span><span>,</span><span>"94974343_p0.webp"</span><span>,</span><span>"95640265_p0.webp"</span><span>,</span><span>"87550307_p0.webp"</span><span>,</span><span>"92080599_p0.webp"</span><span>,</span><span>"90842631_p0.webp"</span><span>,</span><span>"85998905_p0.webp"</span><span>,</span><span>"93068198_p0.webp"</span><span>,</span><span>"88640994_p0.webp"</span><span>,</span><span>"83935073_p0.webp"</span><span>,</span><span>"101462757_p0.webp"</span><span>,</span><span>"90080062_p0.webp"</span><span>,</span><span>"86644511_p0.webp"</span><span>,</span><span>"83902210_p0.webp"</span><span>,</span><span>"91501751_p0.webp"</span><span>,</span><span>"95732886_p0.webp"</span><span>,</span><span>"84720532_p0.webp"</span><span>,</span><span>"95734855_p0.webp"</span><span>,</span><span>"95527533_p0.webp"</span><span>,</span><span>"80567870_p0.webp"</span><span>,</span><span>"86612443_p0.webp"</span><span>,</span><span>"101157273_p0.webp"</span><span>,</span><span>"84396140_p0.webp"</span><span>,</span><span>"94332366_p0.webp"</span><span>,</span><span>"87541340_p0.webp"</span><span>,</span><span>"85109066_p0.webp"</span><span>,</span><span>"102241526_p0.webp"</span><span>,</span><span>"84699476_p0.webp"</span><span>,</span><span>"93526437_p0.webp"</span><span>,</span><span>"83266050_p0.webp"</span><span>,</span><span>"88504507_p0.webp"</span><span>,</span><span>"101490359_p0.webp"</span><span>,</span><span>"99214743_p0.webp"</span><span>,</span><span>"93414470_p0.webp"</span><span>,</span><span>"84655195_p0.webp"</span><span>,</span><span>"85612639_p0.webp"</span><span>,</span><span>"90575757_p0.webp"</span><span>,</span><span>"96160341_p0.webp"</span><span>,</span><span>"90863688_p0.webp"</span><span>,</span><span>"86221335_p0.webp"</span><span>,</span><span>"101573593_p0.webp"</span><span>,</span><span>"92791077_p0.webp"</span><span>,</span><span>"101462661_p0.webp"</span><span>,</span><span>"79627564_p0.webp"</span><span>,</span><span>"95681846_p0.webp"</span><span>,</span><span>"92004086_p0.webp"</span><span>,</span><span>"96514892_p0.webp"</span><span>,</span><span>"89639050_p0.webp"</span><span>,</span><span>"101553430_p0.webp"</span><span>,</span><span>"84672028_p0.webp"</span><span>,</span><span>"85011957_p0.webp"</span><span>,</span><span>"93083916_p0.webp"</span><span>,</span><span>"84824171_p0.webp"</span><span>,</span><span>"93798842_p0.webp"</span><span>,</span><span>"83658524_p0.webp"</span><span>,</span><span>"100784767_p0.webp"</span><span>]</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>],</span></div></div><div><div><div>30</div></div><div><span> </span><span>"yuri"</span><span> =&gt; [</span></div></div><div><div><div>31</div></div><div><span> </span><span>"CDN_dir"</span><span> =&gt; </span><span>"/yuri/"</span><span>,</span></div></div><div><div><div>32</div></div><div><span> </span><span>"local_dir"</span><span> =&gt; </span><span>"./library/yuri/"</span><span>,</span></div></div><div><div><div>33</div></div><div><span> </span><span>"image_list"</span><span> =&gt; [</span><span>"83928473_p0.webp"</span><span>,</span><span>"102567973_p0.webp"</span><span>,</span><span>"82542737_p0.webp"</span><span>,</span><span>"91194235_p0.webp"</span><span>,</span><span>"60537176_p0.webp"</span><span>,</span><span>"97333993_p0.webp"</span><span>,</span><span>"78612478_p0.webp"</span><span>,</span><span>"56907845_p0.webp"</span><span>,</span><span>"89172772_p1.webp"</span><span>,</span><span>"93122161_p0.webp"</span><span>,</span><span>"94908514_p0.webp"</span><span>,</span><span>"87857349_p0.webp"</span><span>,</span><span>"94106688_p0.webp"</span><span>,</span><span>"84571732_p0.webp"</span><span>,</span><span>"100475697_p0.webp"</span><span>,</span><span>"87710894_p0.webp"</span><span>,</span><span>"99192203_p0.webp"</span><span>,</span><span>"74822118_p0.webp"</span><span>,</span><span>"94118936_p0.webp"</span><span>,</span><span>"88603735_p0.webp"</span><span>,</span><span>"68146165_p0.webp"</span><span>,</span><span>"94277636_p0.webp"</span><span>,</span><span>"83245109_p0.webp"</span><span>,</span><span>"83419740_p0.webp"</span><span>,</span><span>"99066456_p0.webp"</span><span>,</span><span>"96080487_p0.webp"</span><span>,</span><span>"64535082_p0.webp"</span><span>,</span><span>"83088427_p0.webp"</span><span>,</span><span>"100385857_p0.webp"</span><span>,</span><span>"98717421_p0.webp"</span><span>,</span><span>"101704443_p0.webp"</span><span>,</span><span>"87108518_p0.webp"</span><span>,</span><span>"85769778_p0.webp"</span><span>,</span><span>"85397299_p0.webp"</span><span>,</span><span>"100339292_p0.webp"</span><span>,</span><span>"61198628_p0.webp"</span><span>,</span><span>"99906124_p0.webp"</span><span>,</span><span>"97083888_p0.webp"</span><span>,</span><span>"100056160_p0.webp"</span><span>,</span><span>"78341619_p0.webp"</span><span>,</span><span>"88609517_p1.webp"</span><span>,</span><span>"91885680_p0.webp"</span><span>,</span><span>"100236457_p0.webp"</span><span>,</span><span>"98259659_p0.webp"</span><span>,</span><span>"74451788_p0.webp"</span><span>,</span><span>"22386076_p0.webp"</span><span>,</span><span>"74010555_p0.webp"</span><span>,</span><span>"99870140_p0.webp"</span><span>,</span><span>"85262834_p0.webp"</span><span>,</span><span>"98089060_p0.webp"</span><span>,</span><span>"37320565_p0.webp"</span><span>,</span><span>"85077923_p0.webp"</span><span>,</span><span>"94173069_p0.webp"</span><span>,</span><span>"94955814_p0.webp"</span><span>,</span><span>"77240141_p0.webp"</span><span>,</span><span>"85524069_p0.webp"</span><span>,</span><span>"78875099_p0.webp"</span><span>,</span><span>"79906379_p0.webp"</span><span>,</span><span>"100567610_p0.webp"</span><span>,</span><span>"77734148_p0.webp"</span><span>,</span><span>"59649097_p0.webp"</span><span>,</span><span>"98281111_p0.webp"</span><span>,</span><span>"100039624_p0.webp"</span><span>,</span><span>"101473348_p0.webp"</span><span>,</span><span>"85460920_p0.webp"</span><span>,</span><span>"86141867_p0.webp"</span><span>,</span><span>"76771613_p0.webp"</span><span>,</span><span>"80567870_p0.webp"</span><span>,</span><span>"100960965_p0.webp"</span><span>,</span><span>"91191150_p0.webp"</span><span>,</span><span>"100930872_p0.webp"</span><span>,</span><span>"78663174_p0.webp"</span><span>,</span><span>"97495003_p0.webp"</span><span>,</span><span>"82135005_p0.webp"</span><span>,</span><span>"87745777_p0.webp"</span><span>,</span><span>"74635611_p0.webp"</span><span>,</span><span>"97146726_p0.webp"</span><span>,</span><span>"102825244_p0.webp"</span><span>,</span><span>"100365012_p0.webp"</span><span>,</span><span>"78173773_p0.webp"</span><span>,</span><span>"97941568_p0.webp"</span><span>,</span><span>"75854071_p0.webp"</span><span>,</span><span>"79851098_p0.webp"</span><span>,</span><span>"73081851_p0.webp"</span><span>,</span><span>"80598441_p0.webp"</span><span>,</span><span>"96099152_p0.webp"</span><span>,</span><span>"90153492_p0.webp"</span><span>,</span><span>"85465269_p0.webp"</span><span>,</span><span>"85376171_p0.webp"</span><span>,</span><span>"101811971_p0.webp"</span><span>,</span><span>"62519151_p0.webp"</span><span>,</span><span>"89172772_p2.webp"</span><span>,</span><span>"100376755_p0.webp"</span><span>,</span><span>"94394808_p0.webp"</span><span>,</span><span>"70246393_p0.webp"</span><span>,</span><span>"78491685_p0.webp"</span><span>,</span><span>"65293627_p0.webp"</span><span>,</span><span>"83101983_p0.webp"</span><span>,</span><span>"100780504_p0.webp"</span><span>,</span><span>"85730157_p1.webp"</span><span>,</span><span>"84350788_p0.webp"</span><span>,</span><span>"72300506_p0.webp"</span><span>,</span><span>"91303180_p0.webp"</span><span>,</span><span>"77359441_p0.webp"</span><span>,</span><span>"69938888_p0.webp"</span><span>,</span><span>"98201866_p0.webp"</span><span>,</span><span>"99435308_p0.webp"</span><span>]</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>],</span></div></div><div><div><div>35</div></div><div><span> </span><span>"kano-horizontal"</span><span> =&gt; [</span></div></div><div><div><div>36</div></div><div><span> </span><span>"CDN_dir"</span><span> =&gt; </span><span>"/kano/horizontal/"</span><span>,</span></div></div><div><div><div>37</div></div><div><span> </span><span>"local_dir"</span><span> =&gt; </span><span>"./library/kano/horizontal/"</span><span>,</span></div></div><div><div><div>38</div></div><div><span> </span><span>"image_list"</span><span> =&gt; [</span><span>"kano_pc_28.webp"</span><span>,</span><span>"kano_pc_25.webp"</span><span>,</span><span>"kano_pc_18.webp"</span><span>,</span><span>"kano_pc_23.webp"</span><span>,</span><span>"kano_pc_09.webp"</span><span>,</span><span>"kano_pc_31.webp"</span><span>,</span><span>"kano_pc_03.webp"</span><span>,</span><span>"kano_pc_12.webp"</span><span>,</span><span>"kano_pc_27.webp"</span><span>,</span><span>"kano_pc_32.webp"</span><span>,</span><span>"kano_pc_19.webp"</span><span>,</span><span>"kano_pc_15.webp"</span><span>,</span><span>"kano_pc_29.webp"</span><span>,</span><span>"kano_pc_21.webp"</span><span>,</span><span>"kano_pc_11.webp"</span><span>,</span><span>"kano_pc_26.webp"</span><span>,</span><span>"kano_pc_13.webp"</span><span>,</span><span>"kano_pc_16.webp"</span><span>,</span><span>"kano_pc_02.webp"</span><span>,</span><span>"kano_pc_17.webp"</span><span>,</span><span>"kano_pc_07.webp"</span><span>,</span><span>"kano_pc_30.webp"</span><span>,</span><span>"kano_pc_06.webp"</span><span>,</span><span>"kano_pc_04.webp"</span><span>,</span><span>"kano_pc_24.webp"</span><span>,</span><span>"kano_pc_01.webp"</span><span>,</span><span>"kano_pc_20.webp"</span><span>,</span><span>"kano_pc_14.webp"</span><span>,</span><span>"kano_pc_05.webp"</span><span>,</span><span>"kano_pc_10.webp"</span><span>,</span><span>"kano_pc_08.webp"</span><span>,</span><span>"kano_pc_22.webp"</span><span>]</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>],</span></div></div><div><div><div>40</div></div><div><span> </span><span>"kano-vertical"</span><span> =&gt; [</span></div></div><div><div><div>41</div></div><div><span> </span><span>"CDN_dir"</span><span> =&gt; </span><span>"/kano/vertical/"</span><span>,</span></div></div><div><div><div>42</div></div><div><span> </span><span>"local_dir"</span><span> =&gt; </span><span>"./library/kano/vertical/"</span><span>,</span></div></div><div><div><div>43</div></div><div><span> </span><span>"image_list"</span><span> =&gt; [</span><span>"kano_mobile_05.webp"</span><span>,</span><span>"kano_mobile_06.webp"</span><span>,</span><span>"kano_mobile_02.webp"</span><span>,</span><span>"kano_mobile_04.webp"</span><span>,</span><span>"kano_mobile_01.webp"</span><span>,</span><span>"kano_mobile_03.webp"</span><span>]</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>]</span></div></div><div><div><div>45</div></div><div><span>];</span></div></div><div><div><div>46</div></div><div> </div></div><div><div><div>47</div></div><div><span>/**</span></div></div><div><div><div>48</div></div><div><span><span> </span></span><span>* 获取用户配置</span></div></div><div><div><div>49</div></div><div><span><span> </span></span><span>*</span></div></div><div><div><div>50</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> </span><span>string</span><span> $name</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>* </span><span>@return</span><span> </span><span>string</span><span>|</span><span>array</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>53</div></div><div><span>function</span><span> </span><span>get_user_config</span><span>(</span><span>$name</span><span>){</span></div></div><div><div><div>54</div></div><div> </div></div><div><div><div>55</div></div><div><span> </span><span>global</span><span> </span><span>$user_config</span><span>;</span></div></div><div><div><div>56</div></div><div> </div></div><div><div><div>57</div></div><div><span> </span><span>return</span><span> </span><span>$user_config</span><span>[</span><span>$name</span><span>];</span></div></div><div><div><div>58</div></div><div><span>}</span></div></div><div><div><div>59</div></div><div> </div></div><div><div><div>60</div></div><div><span>/**</span></div></div><div><div><div>61</div></div><div><span><span> </span></span><span>* 获取图片的CDN URL</span></div></div><div><div><div>62</div></div><div><span><span> </span></span><span>*</span></div></div><div><div><div>63</div></div><div><span><span> </span></span><span>* </span><span>@return</span><span> </span><span>string</span></div></div><div><div><div>64</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>65</div></div><div><span>function</span><span> </span><span>get_cdn_url</span><span>(){</span></div></div><div><div><div>66</div></div><div> </div></div><div><div><div>67</div></div><div><span> </span><span>global</span><span> </span><span>$cdn_list</span><span>;</span></div></div><div><div><div>68</div></div><div> </div></div><div><div><div>69</div></div><div><span> </span><span>if</span><span>(</span><span>get_user_config</span><span>(</span><span>'diff_domain'</span><span><span>) </span><span>==</span><span> </span></span><span>'true'</span><span>) {</span></div></div><div><div><div>70</div></div><div> </div></div><div><div><div>71</div></div><div><span> </span><span>if</span><span><span> (</span><span>!</span></span><span>isset</span><span>(</span><span>$_SERVER</span><span>[</span><span>'HTTP_REFERER'</span><span>])) </span><span>return</span><span> </span><span>$cdn_list</span><span>[</span><span>'cloudflare'</span><span>]; </span><span>//空referer返回CF cdn</span></div></div><div><div><div>72</div></div><div> </div></div><div><div><div>73</div></div><div><span> </span><span>$url</span><span><span> </span><span>=</span><span> </span></span><span>$_SERVER</span><span>[</span><span>'HTTP_REFERER'</span><span>];</span></div></div><div><div><div>74</div></div><div><span> </span><span>$host_name</span><span><span> </span><span>=</span><span> </span></span><span>parse_url</span><span>(</span><span>$url</span><span><span>,</span><span> </span></span><span>PHP_URL_HOST</span><span>); </span><span>//获取域名</span></div></div><div><div><div>75</div></div><div><span> </span><span>$referer_list</span><span><span> </span><span>=</span><span> </span></span><span>get_user_config</span><span>(</span><span>'referer_list'</span><span>);</span></div></div><div><div><div>76</div></div><div> </div></div><div><div><div>77</div></div><div><span> </span><span>if</span><span> (</span><span>in_array</span><span>(</span><span>$host_name</span><span><span>,</span><span> </span></span><span>$referer_list</span><span>)) {</span></div></div><div><div><div>78</div></div><div><span> </span><span>return</span><span> </span><span>$cdn_list</span><span>[</span><span>get_user_config</span><span>(</span><span>'cdn_choose'</span><span>)]; </span><span>//在列表内的域名返回选择的cdn</span></div></div><div><div><div>79</div></div><div><span><span> </span></span><span>} </span><span>else</span><span> {</span></div></div><div><div><div>80</div></div><div><span> </span><span>return</span><span> </span><span>$cdn_list</span><span>[</span><span>'cloudflare'</span><span>]; </span><span>//不在列表内的域名返回cf cdn</span></div></div><div><div><div>81</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>82</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>83</div></div><div><span> </span><span>return</span><span> </span><span>$cdn_list</span><span>[</span><span>get_user_config</span><span>(</span><span>'cdn_choose'</span><span>)]; </span><span>//未开启域名分流策略，返回选择的cdn</span></div></div><div><div><div>84</div></div><div><span>}</span></div></div><div><div><div>85</div></div><div> </div></div><div><div><div>86</div></div><div><span>/**</span></div></div><div><div><div>87</div></div><div><span><span> </span></span><span>* 获取图片路径</span></div></div><div><div><div>88</div></div><div><span><span> </span></span><span>*</span></div></div><div><div><div>89</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> </span><span>string</span><span> $album_name</span></div></div><div><div><div>90</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> </span><span>boolean</span><span> $local</span></div></div><div><div><div>91</div></div><div><span><span> </span></span><span>* </span><span>@return</span><span> </span><span>string</span></div></div><div><div><div>92</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>93</div></div><div><span>function</span><span> </span><span>get_image_path</span><span>(</span><span>$album_name</span><span>, </span><span>$local</span><span>){</span></div></div><div><div><div>94</div></div><div> </div></div><div><div><div>95</div></div><div><span> </span><span>global</span><span> </span><span>$image_info</span><span>;</span></div></div><div><div><div>96</div></div><div> </div></div><div><div><div>97</div></div><div><span> </span><span>$cdn_url</span><span><span> </span><span>=</span><span> </span></span><span>get_cdn_url</span><span>();</span></div></div><div><div><div>98</div></div><div><span> </span><span>$max</span><span><span> </span><span>=</span><span> </span></span><span>count</span><span>(</span><span>$image_info</span><span>[</span><span>$album_name</span><span>][</span><span>'image_list'</span><span><span>]) </span><span>-</span><span> </span></span><span>1</span><span>;</span></div></div><div><div><div>99</div></div><div><span> </span><span>$pick</span><span><span> </span><span>=</span><span> </span></span><span>rand</span><span>(</span><span>0</span><span>,</span><span>$max</span><span>);</span></div></div><div><div><div>100</div></div><div><span> </span><span>$image_url</span><span><span> </span><span>=</span><span> </span></span><span>$cdn_url</span><span> </span><span>.</span><span> </span><span>$image_info</span><span>[</span><span>$album_name</span><span>][</span><span>'CDN_dir'</span><span>] </span><span>.</span><span> </span><span>$image_info</span><span>[</span><span>$album_name</span><span>][</span><span>'image_list'</span><span>][</span><span>$pick</span><span>];</span></div></div><div><div><div>101</div></div><div><span> </span><span>$image_local_dir</span><span><span> </span><span>=</span><span> </span></span><span>$image_info</span><span>[</span><span>$album_name</span><span>][</span><span>'local_dir'</span><span>] </span><span>.</span><span> </span><span>$image_info</span><span>[</span><span>$album_name</span><span>][</span><span>'image_list'</span><span>][</span><span>$pick</span><span>];</span></div></div><div><div><div>102</div></div><div> </div></div><div><div><div>103</div></div><div><span> </span><span>return</span><span> </span><span>$local</span><span><span>?</span><span> </span></span><span>$image_local_dir</span><span><span> </span><span>:</span><span> </span></span><span>$image_url</span><span>;</span></div></div><div><div><div>104</div></div><div> </div></div><div><div><div>105</div></div><div><span>}</span></div></div><div><div><div>106</div></div><div> </div></div><div><div><div>107</div></div><div><span>/**</span></div></div><div><div><div>108</div></div><div><span><span> </span></span><span>* 输出图片</span></div></div><div><div><div>109</div></div><div><span><span> </span></span><span>*</span></div></div><div><div><div>110</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> </span><span>string</span><span> $album_name</span></div></div><div><div><div>111</div></div><div><span><span> </span></span><span>* </span><span>@return</span><span> </span><span>mixed</span></div></div><div><div><div>112</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>113</div></div><div><span>function</span><span> </span><span>output_image</span><span>(</span><span>$album_name</span><span>){</span></div></div><div><div><div>114</div></div><div> </div></div><div><div><div>115</div></div><div><span> </span><span>if</span><span> (</span><span>get_user_config</span><span>(</span><span>'output'</span><span><span>) </span><span>==</span><span> </span></span><span>'cdn'</span><span>) {</span></div></div><div><div><div>116</div></div><div><span> </span><span>$path</span><span><span> </span><span>=</span><span> </span></span><span>get_image_path</span><span>(</span><span>$album_name</span><span><span>,</span><span> </span></span><span>false</span><span>);</span></div></div><div><div><div>117</div></div><div><span> </span><span>return</span><span> </span><span>header</span><span>(</span><span>"Location:"</span><span>.</span><span>$path</span><span>);</span></div></div><div><div><div>118</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>119</div></div><div><span> </span><span>if</span><span> (</span><span>get_user_config</span><span>(</span><span>'output'</span><span><span>) </span><span>==</span><span> </span></span><span>'pass'</span><span>) {</span></div></div><div><div><div>120</div></div><div><span> </span><span>$path</span><span><span> </span><span>=</span><span> </span></span><span>get_image_path</span><span>(</span><span>$album_name</span><span><span>,</span><span> </span></span><span>true</span><span>);</span></div></div><div><div><div>121</div></div><div><span> </span><span>ob_clean</span><span>();</span></div></div><div><div><div>122</div></div><div><span> </span><span>$imgData</span><span><span> </span><span>=</span><span> </span></span><span>file_get_contents</span><span>(</span><span>$path</span><span>); </span><span>//获取图片二进制流</span></div></div><div><div><div>123</div></div><div><span> </span><span>$type</span><span><span> </span><span>=</span><span> </span></span><span>getimagesize</span><span>(</span><span>$path</span><span>)[</span><span>'mime'</span><span>]; </span><span>//获取图片文件类型</span></div></div><div><div><div>124</div></div><div><span> </span><span>header</span><span>(</span><span>"Content-Type:</span><span><span>{</span><span>$type</span><span>}</span></span><span>"</span><span>);</span></div></div><div><div><div>125</div></div><div><span> </span><span>echo</span><span> </span><span>$imgData</span><span>; </span><span>//输出二进制图片</span></div></div><div><div><div>126</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>127</div></div><div><span>}</span></div></div><div><div><div>128</div></div><div> </div></div><div><div><div>129</div></div><div><span>/**</span></div></div><div><div><div>130</div></div><div><span><span> </span></span><span>* 格式化URL参数</span></div></div><div><div><div>131</div></div><div><span><span> </span></span><span>*</span></div></div><div><div><div>132</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> </span><span>string</span><span> $query</span></div></div><div><div><div>133</div></div><div><span><span> </span></span><span>* </span><span>@return</span><span> </span><span>array</span><span>|</span><span>boolean</span></div></div><div><div><div>134</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>135</div></div><div><span>function</span><span> </span><span>convert_url_query</span><span>(</span><span>$query</span><span>){</span></div></div><div><div><div>136</div></div><div> </div></div><div><div><div>137</div></div><div><span> </span><span>if</span><span><span> (</span><span>!</span></span><span>$query</span><span>) </span><span>return</span><span> </span><span>false</span><span>;</span></div></div><div><div><div>138</div></div><div><span> </span><span>$query_parts</span><span><span> </span><span>=</span><span> </span></span><span>explode</span><span>(</span><span>'&amp;'</span><span><span>,</span><span> </span></span><span>$query</span><span>);</span></div></div><div><div><div>139</div></div><div><span> </span><span>$params</span><span><span> </span><span>=</span><span> </span></span><span>array</span><span>();</span></div></div><div><div><div>140</div></div><div> </div></div><div><div><div>141</div></div><div><span> </span><span>foreach</span><span> (</span><span>$query_parts</span><span> as </span><span>$param</span><span>) {</span></div></div><div><div><div>142</div></div><div> </div></div><div><div><div>143</div></div><div><span> </span><span>$item</span><span><span> </span><span>=</span><span> </span></span><span>explode</span><span>(</span><span>'='</span><span><span>,</span><span> </span></span><span>$param</span><span>);</span></div></div><div><div><div>144</div></div><div><span> </span><span>if</span><span> (</span><span>empty</span><span>(</span><span>$item</span><span>[</span><span>0</span><span>])) {</span></div></div><div><div><div>145</div></div><div><span> </span><span>$item</span><span>[</span><span>0</span><span><span>] </span><span>=</span><span> </span></span><span>'undefined'</span><span>;</span></div></div><div><div><div>146</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>147</div></div><div><span> </span><span>if</span><span> (</span><span>empty</span><span>(</span><span>$item</span><span>[</span><span>1</span><span>])) {</span></div></div><div><div><div>148</div></div><div><span> </span><span>$item</span><span>[</span><span>1</span><span><span>] </span><span>=</span><span> </span></span><span>'undefined'</span><span>;</span></div></div><div><div><div>149</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>150</div></div><div><span> </span><span>$params</span><span>[</span><span>$item</span><span>[</span><span>0</span><span><span>]] </span><span>=</span><span> </span></span><span>$item</span><span>[</span><span>1</span><span>];</span></div></div><div><div><div>151</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>152</div></div><div><span> </span><span>return</span><span> </span><span>$params</span><span>;</span></div></div><div><div><div>153</div></div><div><span>}</span></div></div><div><div><div>154</div></div><div> </div></div><div><div><div>155</div></div><div><span>/**</span></div></div><div><div><div>156</div></div><div><span><span> </span></span><span>* 判断客户端是否是移动端</span></div></div><div><div><div>157</div></div><div><span><span> </span></span><span>*</span></div></div><div><div><div>158</div></div><div><span><span> </span></span><span>* </span><span>@return</span><span> </span><span>boolean</span></div></div><div><div><div>159</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>160</div></div><div><span>function</span><span> </span><span>is_mobile</span><span>(){</span></div></div><div><div><div>161</div></div><div> </div></div><div><div><div>162</div></div><div><span> </span><span>$userAgent</span><span><span> </span><span>=</span><span> </span></span><span>isset</span><span>(</span><span>$_SERVER</span><span>[</span><span>'HTTP_USER_AGENT'</span><span><span>]) </span><span>?</span><span> </span></span><span>$_SERVER</span><span>[</span><span>'HTTP_USER_AGENT'</span><span><span>] </span><span>:</span><span> </span></span><span>'Unknown'</span><span>;</span></div></div><div><div><div>163</div></div><div><span> </span><span>$mobileAgents</span><span><span> </span><span>=</span><span> </span></span><span>array</span><span>(</span></div></div><div><div><div>164</div></div><div><span> </span><span>'iPhone'</span><span>, </span><span>// iPhone</span></div></div><div><div><div>165</div></div><div><span> </span><span>'iPod'</span><span>, </span><span>// iPod touch</span></div></div><div><div><div>166</div></div><div><span> </span><span>'Android'</span><span>, </span><span>// Android</span></div></div><div><div><div>167</div></div><div><span> </span><span>'Windows Phone'</span><span>, </span><span>// Windows Phone</span></div></div><div><div><div>168</div></div><div><span> </span><span>'BlackBerry'</span><span>, </span><span>// BlackBerry</span></div></div><div><div><div>169</div></div><div><span> </span><span>'webOS'</span><span>, </span><span>// Palm Pre/Pixi</span></div></div><div><div><div>170</div></div><div><span> </span><span>'Mobile'</span><span>, </span><span>// Generic mobile devices</span></div></div><div><div><div>171</div></div><div><span> </span><span>'Tablet'</span><span>, </span><span>// Generic tablets</span></div></div><div><div><div>172</div></div><div><span><span> </span></span><span>);</span></div></div><div><div><div>173</div></div><div> </div></div><div><div><div>174</div></div><div><span> </span><span>foreach</span><span> (</span><span>$mobileAgents</span><span> as </span><span>$agent</span><span>) {</span></div></div><div><div><div>175</div></div><div><span> </span><span>if</span><span> (</span><span>strpos</span><span>(</span><span>$userAgent</span><span><span>,</span><span> </span></span><span>$agent</span><span><span>) </span><span>!==</span><span> </span></span><span>false</span><span>) {</span></div></div><div><div><div>176</div></div><div><span> </span><span>return</span><span> </span><span>true</span><span>;</span></div></div><div><div><div>177</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>178</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>179</div></div><div><span> </span><span>return</span><span> </span><span>false</span><span>;</span></div></div><div><div><div>180</div></div><div><span>}</span></div></div><div><div><div>181</div></div><div> </div></div><div><div><div>182</div></div><div><span>$arr_query</span><span><span> </span><span>=</span><span> </span></span><span>convert_url_query</span><span>(</span><span>$_SERVER</span><span>[</span><span>'QUERY_STRING'</span><span>]);</span></div></div><div><div><div>183</div></div><div> </div></div><div><div><div>184</div></div><div><span>if</span><span> (</span><span>$arr_query</span><span><span> </span><span>&amp;&amp;</span><span> </span></span><span>isset</span><span>(</span><span>$arr_query</span><span>[</span><span>'type'</span><span><span>]) </span><span>&amp;&amp;</span><span> </span></span><span>$arr_query</span><span>[</span><span>'type'</span><span><span>] </span><span>==</span><span> </span></span><span>'bg'</span><span>) {</span></div></div><div><div><div>185</div></div><div><span> </span><span>if</span><span> (</span><span>isset</span><span>(</span><span>$arr_query</span><span>[</span><span>'album'</span><span><span>]) </span><span>&amp;&amp;</span><span> </span></span><span>array_key_exists</span><span>(</span><span>$arr_query</span><span>[</span><span>'album'</span><span><span>],</span><span> </span></span><span>$image_info</span><span>)) {</span></div></div><div><div><div>186</div></div><div><span> </span><span>output_image</span><span>(</span><span>$arr_query</span><span>[</span><span>'album'</span><span>]);</span></div></div><div><div><div>187</div></div><div><span><span> </span></span><span>} </span><span>else</span><span> {</span></div></div><div><div><div>188</div></div><div><span> </span><span>if</span><span> (</span><span>is_mobile</span><span>()) {</span></div></div><div><div><div>189</div></div><div><span> </span><span>output_image</span><span>(</span><span>get_user_config</span><span>(</span><span>'mobile_default_album'</span><span>));</span></div></div><div><div><div>190</div></div><div><span><span> </span></span><span>} </span><span>else</span><span> {</span></div></div><div><div><div>191</div></div><div><span> </span><span>output_image</span><span>(</span><span>get_user_config</span><span>(</span><span>'default_album'</span><span>));</span></div></div><div><div><div>192</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>193</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>194</div></div><div><span>} </span><span>elseif</span><span> (</span><span>$arr_query</span><span><span> </span><span>&amp;&amp;</span><span> </span></span><span>isset</span><span>(</span><span>$arr_query</span><span>[</span><span>'album'</span><span><span>]) </span><span>&amp;&amp;</span><span> </span></span><span>array_key_exists</span><span>(</span><span>$arr_query</span><span>[</span><span>'album'</span><span><span>],</span><span> </span></span><span>$image_info</span><span>)) {</span></div></div><div><div><div>195</div></div><div><span> </span><span>output_image</span><span>(</span><span>$arr_query</span><span>[</span><span>'album'</span><span>]);</span></div></div><div><div><div>196</div></div><div><span>} </span><span>else</span><span> {</span></div></div><div><div><div>197</div></div><div><span> </span><span>output_image</span><span>(</span><span>get_user_config</span><span>(</span><span>'default_album'</span><span>));</span></div></div><div><div><div>198</div></div><div><span>}</span></div></div><div><div><div>199</div></div><div> </div></div><div><div><div>200</div></div><div><span>exit</span><span>();</span></div></div><div><div><div>201</div></div><div><span><span>?</span><span>&gt;</span></span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section><section><h2>特色<a href="#特色"><span>#</span></a></h2><p>目前共三个相册：原神、yuri、kano，大部分图片收集自P站，人肉精选。图片比例约为16：9，分辨率2160P。原始图片通过PhotoShop使用“保留细节2.0”超分（或超采样缩放）至4K，后在PS中转码为webp格式，在质量与图片体积中平衡取舍。</p><p>7个自定义参数：</p><ul> <li>output：cdn，使用CDN输出；pass，使用本机二进制输出</li> <li>cdn_choose：选择哪个CDN</li> <li>default_album：未指定相册或URL参数错误时默认输出的相册</li> <li>mobile_default_album：移动端请求时，若未指定相册或参数错误，默认输出的相册</li> <li>diff_domain：是否使用域名分流策略，开启后<code>referer_list</code>里的域名会使用<code>cdn_choose</code>里的CDN，其它域名使用CloudFlare CDN</li> <li>referer_list：域名分流列表</li> <li>cdn_list：可用的cdn列表，随心切换</li> </ul><p>请确保数组里的文件名和磁盘（或CDN）中的文件对得上，文件夹结构一致。需要修改的话，两者都要修改，否则404。</p><p>可以配置多个CDN地址，如CDN异常可在API中快速进行切换，前端无需调整。</p><p>当<code>output</code>选择为<code>pass</code>时，不使用CDN时不做302跳转，直接使用本机进行二进制输出，对服务器性能有略微的影响，服务器带宽小不建议使用直出的方式。</p><p>API代码未作任何输入校验和错误处理。</p><p>图包下载：<a href="https://storage.kanochan.net/library.zip" target="_blank">library.zip</a></p><p>图片文件名即为PIXIV ID，图片均收集自网络，非商业化使用，如有侵权，请联系我删除！</p></section><section><h2>如何使用<a href="#如何使用"><span>#</span></a></h2><section><h3>基本使用<a href="#基本使用"><span>#</span></a></h3><p>API URL：<a href="https://api-images.kanochan.net/api.php" target="_blank">https://api-images.kanochan.net/api.php</a></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>https://api-images.kanochan.net/api.php</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>将图片URL替换成上面的API URL即可，同一页面多次引用在末尾加上随机字符以做区分，如：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>https://api-images.kanochan.net/api.php?250</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>进阶使用<a href="#进阶使用"><span>#</span></a></h3><p>API URL：<a href="https://api-images.kanochan.net/api.php?albu=yuri&amp;" target="_blank">https://api-images.kanochan.net/api.php?album=yuri&amp;</a></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>https://api-images.kanochan.net/api.php?album=yuri&amp;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><code>album</code>用于指定输出相册，格式：<code>album=相册名称</code>,未指定则以<code>default_album</code>中的相册进行输出。</p><p><strong>可选的相册</strong>：</p><ul> <li>原神：<a href="https://api-images.kanochan.net/api.php?album=Genshin-Impact&amp;" target="_blank">https://api-images.kanochan.net/api.php?album=Genshin-Impact&amp;</a></li> <li>Yuri：<a href="https://api-images.kanochan.net/api.php?album=yuri&amp;" target="_blank">https://api-images.kanochan.net/api.php?album=yuri&amp;</a></li> <li>kano（竖向）：<a href="https://api-images.kanochan.net/api.php?album=kano-vertical&amp;" target="_blank">https://api-images.kanochan.net/api.php?album=kano-verticalt&amp;</a></li> <li>kano（横向）：<a href="https://api-images.kanochan.net/api.php?album=kano-horizontal&amp;" target="_blank">https://api-images.kanochan.net/api.php?album=kano-horizontal&amp;</a></li> </ul></section></section><section><h2>图片一览<a href="#图片一览"><span>#</span></a></h2><ul> <li><a href="https://kanochan.net/archives/3592.html">原神Genshin Impact</a>（慎入！可能需要500MB流量）</li> <li><a href="https://kanochan.net/archives/3587.html">Yuri只是觉得女孩子们之间真是好啊</a>（慎入！可能需要500MB流量）</li> <li><a href="https://docs.kanochan.net/zh/%E5%8D%9A%E5%AE%A2%E6%96%87%E7%AB%A0/kano-image-list" target="_blank">kano</a></li> </ul></section><section><h2>可用的CDN列表<a href="#可用的cdn列表"><span>#</span></a></h2><ul> <li><a href="https://cdn.ilulu.ink" target="_blank">https://cdn.ilulu.ink</a></li> </ul><p>唔，这是<a href="https://blog.ilulu.ink/" target="_blank">ilulu</a>赞助的，需要refferer加白名单。</p><ul> <li><a href="https://api.hellonewworld.net/iro/KanoChan/library" target="_blank">https://api.hellonewworld.net/iro/KanoChan/library</a></li> </ul><p>这是<a href="https://blog.ilolicon.com/" target="_blank">萝莉控ilolicon</a>赞助的，可以托管5GB的图片哦，快联系TA吧</p><ul> <li><a href="https://image.kanochan.net/library" target="_blank">https://image.kanochan.net/library</a></li> </ul><p>使用Cloudflare，速度随缘。</p><ul> <li>…正在等待更多大佬赞助CDN（划掉）</li> </ul></section><section><h2>一些帮助<a href="#一些帮助"><span>#</span></a></h2><p>这个小函数可以帮你把文件夹里的图片输出为数组，本来想集成进API里，算了算了。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>&lt;</span><span>?</span></span><span>php</span></div></div><div><div><div>2</div></div><div><span>/**</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>* 获取图库数据</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> $dir 要查找的文件路径</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> $dirArray 存储文件名的数组</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>* </span><span>@param</span><span> $albumName 相册名称，以目录来命名</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>8</div></div><div><span>function</span><span> </span><span>getImgList</span><span>(</span><span>$dir</span><span>, </span><span>&amp;</span><span>$dirArray</span><span>)</span></div></div><div><div><div>9</div></div><div><span>{</span></div></div><div><div><div>10</div></div><div><span> </span><span>// 读取当前目录下的所有文件和目录（不包含子目录下文件）</span></div></div><div><div><div>11</div></div><div><span> </span><span>$filesList</span><span><span> </span><span>=</span><span> </span></span><span>scandir</span><span>(</span><span>$dir</span><span>);</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span> </span><span>if</span><span> (</span><span>is_array</span><span>(</span><span>$filesList</span><span>)) {</span></div></div><div><div><div>14</div></div><div><span> </span><span>foreach</span><span> (</span><span>$filesList</span><span> as </span><span>$val</span><span>) {</span></div></div><div><div><div>15</div></div><div><span> </span><span>// 跳过. 和 ..</span></div></div><div><div><div>16</div></div><div><span> </span><span>if</span><span> (</span><span>$val</span><span><span> </span><span>==</span><span> </span></span><span>'.'</span><span><span> </span><span>||</span><span> </span></span><span>$val</span><span><span> </span><span>==</span><span> </span></span><span>'..'</span><span>)</span></div></div><div><div><div>17</div></div><div><span> </span><span>continue</span><span>;</span></div></div><div><div><div>18</div></div><div> </div></div><div><div><div>19</div></div><div><span> </span><span>// 判断是否是目录</span></div></div><div><div><div>20</div></div><div><span> </span><span>if</span><span> (</span><span>is_dir</span><span>(</span><span>$dir</span><span> </span><span>.</span><span> </span><span>'/'</span><span> </span><span>.</span><span> </span><span>$val</span><span>)) {</span></div></div><div><div><div>21</div></div><div><span> </span><span>getImgList</span><span>(</span><span>$dir</span><span> </span><span>.</span><span> </span><span>'/'</span><span> </span><span>.</span><span> </span><span>$val</span><span><span>,</span><span> </span></span><span>$dirArray</span><span>); </span><span>//遇到目录递归继续往下寻找</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>} </span><span>else</span><span> {</span></div></div><div><div><div>23</div></div><div><span> </span><span>$albumName</span><span><span> </span><span>=</span><span> </span></span><span>end</span><span>(</span><span>explode</span><span>(</span><span>'/'</span><span>,</span><span>$dir</span><span>)); </span><span>//获取图片文件所在的目录名称</span></div></div><div><div><div>24</div></div><div><span> </span><span>$dirArray</span><span>[</span><span>$albumName</span><span>][</span><span>'imgDir'</span><span><span>] </span><span>=</span><span> </span></span><span>$dir</span><span>; </span><span>//记录图片相对路径</span></div></div><div><div><div>25</div></div><div><span> </span><span>$dirArray</span><span>[</span><span>$albumName</span><span>][</span><span>'imgLib'</span><span><span>][] </span><span>=</span><span> </span></span><span>$val</span><span>; </span><span>//记录图片文件名</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>29</div></div><div><span>}</span></div></div><div><div><div>30</div></div><div><span>$imgList</span><span><span> </span><span>=</span><span> </span></span><span>array</span><span> ();</span></div></div><div><div><div>31</div></div><div><span>$dir</span><span><span> </span><span>=</span><span> </span></span><span>'./library'</span><span>;</span></div></div><div><div><div>32</div></div><div><span>getImgList</span><span>(</span><span>$dir</span><span><span>,</span><span> </span></span><span>$imgList</span><span>);</span></div></div><div><div><div>33</div></div><div><span>print_r</span><span>(</span><span>$imgList</span><span>);</span></div></div><div><div><div>34</div></div><div><span>exit</span><span>();</span></div></div><div><div><div>35</div></div><div><span><span>?</span><span>&gt;</span></span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section></section>https://kanochan.net/posts/yuri-ai-gallery/https://kanochan.net/posts/yuri-ai-gallery/整理并展示一组以百合主题为核心的AI生成插画作品。Mon, 19 Dec 2022 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2022/12/19/20221219173718.png" alt="20221219173718.png" /><figcaption>20221219173718.png</figcaption></figure><p></p> <blockquote><p>只是觉得女孩子们之间真是好啊 —— 琴吹 紬（ことぶき つむぎ） 系列图片来自<a href="https://www.pixiv.net/users/17516104" target="_blank">@Elive?</a>，作品采用AI方式生成。</p></blockquote> <p><strong>ユリの中に天国を見る（从百合花中看到天堂）</strong></p> <p></p><figure><img src="https://image.kanochan.net/2022/12/19/102947957_p0.png" alt="102947957_p0.png" /><figcaption>102947957_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/102977198_p0.png" alt="102977198_p0.png" /><figcaption>102977198_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/102985499_p0.png" alt="102985499_p0.png" /><figcaption>102985499_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/102997531_p0.png" alt="102997531_p0.png" /><figcaption>102997531_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103022029_p014c0d5ed04d19016.png" alt="103022029_p014c0d5ed04d19016.png" /><figcaption>103022029_p014c0d5ed04d19016.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103031678_p0.png" alt="103031678_p0.png" /><figcaption>103031678_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103077899_p0dd541d860bb1b1e6.png" alt="103077899_p0dd541d860bb1b1e6.png" /><figcaption>103077899_p0dd541d860bb1b1e6.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103096246_p0.png" alt="103096246_p0.png" /><figcaption>103096246_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103104239_p0.png" alt="103104239_p0.png" /><figcaption>103104239_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103112501_p0.png" alt="103112501_p0.png" /><figcaption>103112501_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103134329_p0.png" alt="103134329_p0.png" /><figcaption>103134329_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103134329_p1.png" alt="103134329_p1.png" /><figcaption>103134329_p1.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103135537_p0.png" alt="103135537_p0.png" /><figcaption>103135537_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103135537_p1.png" alt="103135537_p1.png" /><figcaption>103135537_p1.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103138178_p0.png" alt="103138178_p0.png" /><figcaption>103138178_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103171967_p0.png" alt="103171967_p0.png" /><figcaption>103171967_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103193811_p0.png" alt="103193811_p0.png" /><figcaption>103193811_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103200726_p0.png" alt="103200726_p0.png" /><figcaption>103200726_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103202713_p0.png" alt="103202713_p0.png" /><figcaption>103202713_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103227143_p0.png" alt="103227143_p0.png" /><figcaption>103227143_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103258410_p0.png" alt="103258410_p0.png" /><figcaption>103258410_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103267881_p0.png" alt="103267881_p0.png" /><figcaption>103267881_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103300170_p0.png" alt="103300170_p0.png" /><figcaption>103300170_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103316838_p0.jpg" alt="103316838_p0.jpg" /><figcaption>103316838_p0.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103316838_p1.jpg" alt="103316838_p1.jpg" /><figcaption>103316838_p1.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103328623_p0.jpg" alt="103328623_p0.jpg" /><figcaption>103328623_p0.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103328623_p1.jpg" alt="103328623_p1.jpg" /><figcaption>103328623_p1.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103338089_p0.png" alt="103338089_p0.png" /><figcaption>103338089_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103338089_p1.png" alt="103338089_p1.png" /><figcaption>103338089_p1.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103375649_p0.png" alt="103375649_p0.png" /><figcaption>103375649_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p0.jpg" alt="103381034_p0.jpg" /><figcaption>103381034_p0.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p1.jpg" alt="103381034_p1.jpg" /><figcaption>103381034_p1.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p2.jpg" alt="103381034_p2.jpg" /><figcaption>103381034_p2.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p3.jpg" alt="103381034_p3.jpg" /><figcaption>103381034_p3.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p4.jpg" alt="103381034_p4.jpg" /><figcaption>103381034_p4.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p5.jpg" alt="103381034_p5.jpg" /><figcaption>103381034_p5.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p6.jpg" alt="103381034_p6.jpg" /><figcaption>103381034_p6.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103381034_p7.jpg" alt="103381034_p7.jpg" /><figcaption>103381034_p7.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103412053_p0.png" alt="103412053_p0.png" /><figcaption>103412053_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103425402_p0.png" alt="103425402_p0.png" /><figcaption>103425402_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103431290_p0.png" alt="103431290_p0.png" /><figcaption>103431290_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103431290_p1.png" alt="103431290_p1.png" /><figcaption>103431290_p1.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103431290_p2.png" alt="103431290_p2.png" /><figcaption>103431290_p2.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103431290_p3.png" alt="103431290_p3.png" /><figcaption>103431290_p3.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103461213_p0.png" alt="103461213_p0.png" /><figcaption>103461213_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103490138_p0.png" alt="103490138_p0.png" /><figcaption>103490138_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103521795_p0.png" alt="103521795_p0.png" /><figcaption>103521795_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103550712_p0.png" alt="103550712_p0.png" /><figcaption>103550712_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103568426_p0.png" alt="103568426_p0.png" /><figcaption>103568426_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103574847_p0.png" alt="103574847_p0.png" /><figcaption>103574847_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103639235_p0.png" alt="103639235_p0.png" /><figcaption>103639235_p0.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/12/19/103725250_p0.png" alt="103725250_p0.png" /><figcaption>103725250_p0.png</figcaption></figure><p></p>https://kanochan.net/posts/ipv4-priority-config/https://kanochan.net/posts/ipv4-priority-config/在双栈网络环境下通过系统配置调整IPv4优先级。Sun, 18 Dec 2022 00:00:00 GMT<p>通常情况下，拥有双栈网络时，操作系统优先使用IPv6网络。但是这个特性给我带来了一些麻烦…</p> <p>我的服务器支持双栈网络，但是云服务商默认禁止了邮件协议，即不能通过云服务器进行邮件发送活动。这对博客运营来说相当不友好，在我要求使用邮件功能后，服务商给我另外分配了一个IPv4地址，邮件可以通过这个地址发送而不会受到阻止。现在我的服务器共有3个IP地址，分别是两个IPv4地址，一个IPv6地址。基于IPv6优先的特性，发送邮件连接SMTP服务器时，使用了IPv6通道，毫不意外的，连接被阻止，造成的结果就是邮件无法发送出去。</p> <p>这个问题我排查许久，才发现是IPv6的问题。对此需要寻找一个解决方法。</p> <p>查了很多资料，有禁用IPv6协议栈的，有禁用IPv6 DNS解析的，有提高IPv4协议栈优先级的。</p> <p>最终我选择提高IPv4协议栈的优先级来解决这个问题。</p> <section><h2>getaddrinfo()<a href="#getaddrinfo"><span>#</span></a></h2><p>“在<a href="https://en.wikipedia.org/wiki/C_(programming_language)" target="_blank">C 编程</a>中， <a href="https://en.wikipedia.org/wiki/Function_(computer_science)" target="_blank">函数</a> <strong><em>getaddrinfo()</em></strong>和<strong><em>getnameinfo()</em></strong> 将<a href="https://en.wikipedia.org/wiki/Domain_name" target="_blank">域名</a>、<a href="https://en.wikipedia.org/wiki/Hostname" target="_blank">主机名</a>和<a href="https://en.wikipedia.org/wiki/IP_address" target="_blank">IP 地址</a>在人类可读的文本表示形式和<a href="https://en.wikipedia.org/wiki/Operating_system" target="_blank">操作系统</a>的网络 API 的结构化二进制格式之间进行转换。这两个函数都包含在<a href="https://en.wikipedia.org/wiki/POSIX" target="_blank">POSIX</a>标准<a href="https://en.wikipedia.org/wiki/Application_programming_interface" target="_blank">应用程序编程接口</a>(API) 中。<a href="https://en.wikipedia.org/wiki/Getaddrinfo#cite_note-posix-function-spec-1" target="_blank">[1]</a></p><p>getaddrinfo 和 getnameinfo 是彼此的反函数。它们与网络协议无关，同时支持<a href="https://en.wikipedia.org/wiki/IPv4" target="_blank">IPv4</a>和<a href="https://en.wikipedia.org/wiki/IPv6" target="_blank">IPv6</a>。它是在构建独立于协议的应用程序中进行名称解析以及将遗留 IPv4 代码转换为 IPv6 Internet 的推荐接口。</p><p>在内部，这些函数通过调用其他较低级别的函数（例如<a href="https://en.wikipedia.org/wiki/Berkeley_sockets#gethostbyname_and_gethostbyaddr" target="_blank">gethostbyname() ）使用</a><a href="https://en.wikipedia.org/wiki/Domain_Name_System" target="_blank">域名系统</a>(DNS) 执行解析。”</p><p><em>来自：<a href="https://en.wikipedia.org/wiki/Getaddrinfo" target="_blank">getaddrinfo - Wikipedia</a></em></p></section> <section><h2>gai.conf<a href="#gaiconf"><span>#</span></a></h2><p>前面提到，<code>getaddrinfo()</code>将域名、主机名、IP地址转化为人类可读的文本形式。在使用<code>getaddrinfo()</code>获取到多个IP地址时，根据 RFC 3484，就需要对获取到的IP地址进行排序，即确定优先级。RFC 提供了一种排序算法，但并不是全面的，RFC 还要求系统管理员应该有可能动态更改排序。为此在Linux系统中，<code>gai.conf</code>就是用来干这个事情的，配置IPv4、IPv6的优先级，需要从这个文件入手。</p><p>下面是<code>gai.conf</code>的配置文件中的每一行都包含一个关键字及其参数，并忽略任何空白的地方。以“#”开头的是注释，将会被忽略。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span># Configuration for getaddrinfo(3).</span></div></div><div><div><div>2</div></div><div><span>#</span></div></div><div><div><div>3</div></div><div><span># So far only configuration for the destination address sorting is needed.</span></div></div><div><div><div>4</div></div><div><span># RFC 3484 governs the sorting. But the RFC also says that system</span></div></div><div><div><div>5</div></div><div><span># administrators should be able to overwrite the defaults. This can be</span></div></div><div><div><div>6</div></div><div><span># achieved here.</span></div></div><div><div><div>7</div></div><div><span>#</span></div></div><div><div><div>8</div></div><div><span># All lines have an initial identifier specifying the option followed by</span></div></div><div><div><div>9</div></div><div><span># up to two values. Information specified in this file replaces the</span></div></div><div><div><div>10</div></div><div><span># default information. Complete absence of data of one kind causes the</span></div></div><div><div><div>11</div></div><div><span># appropriate default information to be used. The supported commands include:</span></div></div><div><div><div>12</div></div><div><span>#</span></div></div><div><div><div>13</div></div><div><span># reload &lt;yes|no&gt;</span></div></div><div><div><div>14</div></div><div><span># If set to yes, each getaddrinfo(3) call will check whether this file</span></div></div><div><div><div>15</div></div><div><span># changed and if necessary reload. This option should not really be</span></div></div><div><div><div>16</div></div><div><span># used. There are possible runtime problems. The default is no.</span></div></div><div><div><div>17</div></div><div><span>#</span></div></div><div><div><div>18</div></div><div><span># label &lt;mask&gt; &lt;value&gt;</span></div></div><div><div><div>19</div></div><div><span># Add another rule to the RFC 3484 label table. See section 2.1 in</span></div></div><div><div><div>20</div></div><div><span># RFC 3484. The default is:</span></div></div><div><div><div>21</div></div><div><span>#</span></div></div><div><div><div>22</div></div><div><span>#label ::1/128 0</span></div></div><div><div><div>23</div></div><div><span>#label ::/0 1</span></div></div><div><div><div>24</div></div><div><span>#label 2002::/16 2</span></div></div><div><div><div>25</div></div><div><span>#label ::/96 3</span></div></div><div><div><div>26</div></div><div><span>#label ::ffff:0:0/96 4</span></div></div><div><div><div>27</div></div><div><span>#label fec0::/10 5</span></div></div><div><div><div>28</div></div><div><span>#label fc00::/7 6</span></div></div><div><div><div>29</div></div><div><span>#label 2001:0::/32 7</span></div></div><div><div><div>30</div></div><div><span>#</span></div></div><div><div><div>31</div></div><div><span># This default differs from the tables given in RFC 3484 by handling</span></div></div><div><div><div>32</div></div><div><span># (now obsolete) site-local IPv6 addresses and Unique Local Addresses.</span></div></div><div><div><div>33</div></div><div><span># The reason for this difference is that these addresses are never</span></div></div><div><div><div>34</div></div><div><span># NATed while IPv4 site-local addresses most probably are. Given</span></div></div><div><div><div>35</div></div><div><span># the precedence of IPv6 over IPv4 (see below) on machines having only</span></div></div><div><div><div>36</div></div><div><span># site-local IPv4 and IPv6 addresses a lookup for a global address would</span></div></div><div><div><div>37</div></div><div><span># see the IPv6 be preferred. The result is a long delay because the</span></div></div><div><div><div>38</div></div><div><span># site-local IPv6 addresses cannot be used while the IPv4 address is</span></div></div><div><div><div>39</div></div><div><span># (at least for the foreseeable future) NATed. We also treat Teredo</span></div></div><div><div><div>40</div></div><div><span># tunnels special.</span></div></div><div><div><div>41</div></div><div><span>#</span></div></div><div><div><div>42</div></div><div><span># precedence &lt;mask&gt; &lt;value&gt;</span></div></div><div><div><div>43</div></div><div><span># Add another rule to the RFC 3484 precedence table. See section 2.1</span></div></div><div><div><div>44</div></div><div><span># and 10.3 in RFC 3484. The default is:</span></div></div><div><div><div>45</div></div><div><span>#</span></div></div><div><div><div>46</div></div><div><span>#precedence ::1/128 50</span></div></div><div><div><div>47</div></div><div><span>#precedence ::/0 40</span></div></div><div><div><div>48</div></div><div><span>#precedence 2002::/16 30</span></div></div><div><div><div>49</div></div><div><span>#precedence ::/96 20</span></div></div><div><div><div>50</div></div><div><span>#precedence ::ffff:0:0/96 10</span></div></div><div><div><div>51</div></div><div><span>#</span></div></div><div><div><div>52</div></div><div><span># For sites which prefer IPv4 connections change the last line to</span></div></div><div><div><div>53</div></div><div><span>#</span></div></div><div><div><div>54</div></div><div><span>#precedence ::ffff:0:0/96 100</span></div></div><div><div><div>55</div></div><div> </div></div><div><div><div>56</div></div><div><span>#</span></div></div><div><div><div>57</div></div><div><span># scopev4 &lt;mask&gt; &lt;value&gt;</span></div></div><div><div><div>58</div></div><div><span># Add another rule to the RFC 6724 scope table for IPv4 addresses.</span></div></div><div><div><div>59</div></div><div><span># By default the scope IDs described in section 3.2 in RFC 6724 are</span></div></div><div><div><div>60</div></div><div><span># used. Changing these defaults should hardly ever be necessary.</span></div></div><div><div><div>61</div></div><div><span># The defaults are equivalent to:</span></div></div><div><div><div>62</div></div><div><span>#</span></div></div><div><div><div>63</div></div><div><span>#scopev4 ::ffff:169.254.0.0/112 2</span></div></div><div><div><div>64</div></div><div><span>#scopev4 ::ffff:127.0.0.0/104 2</span></div></div><div><div><div>65</div></div><div><span>#scopev4 ::ffff:0.0.0.0/96 14</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section> <section><h2>配置IPv4协议优先<a href="#配置ipv4协议优先"><span>#</span></a></h2><p>根据 <a href="https://www.ietf.org/rfc/rfc3484.txt" target="_blank">RFC 3484</a>协议的第10.3条款，在IPv4/IPv6双栈协议中设置IPv4优先，只需赋予 <code>::ffff:0.0.0.0/96</code> 前缀更高的优先级即可。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>10.3. Configuring Preference for IPv6 or IPv4</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span><span> </span></span><span>The default policy table gives IPv6 addresses higher precedence than</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>IPv4 addresses. This means that applications will use IPv6 in</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>preference to IPv4 when the two are equally suitable. An</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>administrator can change the policy table to prefer IPv4 addresses by</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>giving the ::ffff:0.0.0.0/96 prefix a higher precedence:</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span><span> </span></span><span>Prefix Precedence Label</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>::1/128 50 0</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>::/0 40 1</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>2002::/16 30 2</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>::/96 20 3</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>::ffff:0:0/96 100 4</span></div></div><div><div><div>15</div></div><div> </div></div><div><div><div>16</div></div><div><span><span> </span></span><span>This change to the default policy table produces the following</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>behavior:</span></div></div><div><div><div>18</div></div><div> </div></div><div><div><div>19</div></div><div><span><span> </span></span><span>Candidate Source Addresses: 2001::2 or fe80::1 or 169.254.13.78</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>Destination Address List: 2001::1 or 131.107.65.121</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>Unchanged Result: 2001::1 (src 2001::2) then 131.107.65.121 (src</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>169.254.13.78) (prefer matching scope)</span></div></div><div><div><div>23</div></div><div> </div></div><div><div><div>24</div></div><div><span><span> </span></span><span>Candidate Source Addresses: fe80::1 or 131.107.65.117</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>Destination Address List: 2001::1 or 131.107.65.121</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>Unchanged Result: 131.107.65.121 (src 131.107.65.117) then 2001::1</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>(src fe80::1) (prefer matching scope)</span></div></div><div><div><div>28</div></div><div> </div></div><div><div><div>29</div></div><div><span><span> </span></span><span>Candidate Source Addresses: 2001::2 or fe80::1 or 10.1.2.4</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>Destination Address List: 2001::1 or 10.1.2.3</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>New Result: 10.1.2.3 (src 10.1.2.4) then 2001::1 (src 2001::2)</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>(prefer higher precedence)</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>编辑<code>/etc/gai.conf</code>文件，将<code>precedence ::ffff:0:0/96 100</code>取消注释后保存即可。</p><p><strong>参考资料</strong></p><ul> <li><a href="https://github.com/ValveSoftware/steam-for-linux/issues/7716" target="_blank">The client is not respecting the IPv6/IPv4 priority from gai.conf</a></li> <li><a href="https://man7.org/linux/man-pages/man5/gai.conf.5.html" target="_blank">gai.conf(5) — Linux manual page</a></li> <li><a href="https://www.ietf.org/rfc/rfc3484.txt" target="_blank">RFC 3484</a></li> <li><a href="https://developer.apple.com/forums/thread/720945" target="_blank">how to sort the ip adresses returning from getaddrinfo() like /etc/gai.conf in linux</a></li> <li><a href="https://tldp.org/HOWTO/Linux+IPv6-HOWTO/ch13.html" target="_blank">Chapter 13. Address Resolver &amp; Selection</a></li> </ul></section>https://kanochan.net/posts/xiaomi-watch-s1-pro-unboxing/https://kanochan.net/posts/xiaomi-watch-s1-pro-unboxing/分享小米Watch S1 Pro的开箱体验与外观佩戴感受。Sun, 18 Sep 2022 00:00:00 GMT<p>自打我从高中时代斥“巨资”299.9元购买了一块卡西欧手表后，就再也没有重新买过表。 为啥？因为卡西欧这货根本用不坏啊 _buyaoa: 8个年头过去了，电池还有电，甚至走时依然精准。不过表盘的镜面倒是出现了一些划痕，牛皮表带还算坚固，一些地方也不免得有些破损。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181436006.jpg" alt="IMG_20220918_142447" /><figcaption>IMG_20220918_142447</figcaption></figure><p></p> <p>所以我决定要换表了_anxiang:</p> <p>一开始想着要不要重新买块石英表，巧合之下看到了小米新发布的手表S1 Pro，看着很对我胃口。随即观看各种评测文章/视频，感觉还不错。</p> <p>在钱包被捅了一刀之后，第二天我收到一个顺丰包裹——小米 Watch S1 Pro，由此开启了这篇不专业的开箱。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181457551.jpg" alt="IMG_20220917_100932" /><figcaption>IMG_20220917_100932</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181455054.jpg" alt="IMG_20220917_100751" /><figcaption>IMG_20220917_100751</figcaption></figure><p></p> <p>简洁的包装，看上去还挺有质感。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181459412.jpg" alt="IMG_20220917_101159" /><figcaption>IMG_20220917_101159</figcaption></figure><p></p> <p>内包装一如既往的简洁，确实是小米的作风。</p> <p>接下来是一些细节展示，看看小米至今为止最高端的手表做工咋样。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181502387.jpg" alt="IMG_20220917_101350" /><figcaption>IMG_20220917_101350</figcaption></figure><p></p> <p>表带扣上价值200w的logo。表带扣的圆弧处理竟然与logo上的圆弧异曲同工，视觉体验和谐统一。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181506087.jpg" alt="IMG_20220917_101440" /><figcaption>IMG_20220917_101440</figcaption></figure><p></p> <p>真皮表带，毛孔在微距镜头下清晰可见。表带打孔处光滑无毛刺，走线平齐均匀，看不出什么毛病。这可能就是为什么真皮表带款要比塑料表带款贵¥100的原因吧，表带做工确实不错，柔软度极佳。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181510592.jpg" alt="IMG_20220917_101547" /><figcaption>IMG_20220917_101547</figcaption></figure><p></p> <p>表壳正面是镜面高光处理，侧面是金属拉丝工艺，很漂亮。按键开孔对齐挺好的，手感有点像手机的电源键，但触发力度需要更大。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181515385.jpg" alt="IMG_20220917_101623" /><figcaption>IMG_20220917_101623</figcaption></figure><p></p> <p>表壳与表带的连接处采用了快拆机构，不用担心换表带时把表壳刮花或损坏表带。快拆的突起，正常穿戴情况下是不会接触到皮肤的，这个倒是不用担心。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181519673.jpg" alt="IMG_20220917_101818" /><figcaption>IMG_20220917_101818</figcaption></figure><p></p> <p>表冠，大小适中，表面使用CNC切削成金字塔的形状，摩檫力巨大，甚至感觉有点刮手。旋转有阻尼，但是没有段落感，猜测里面应该是使用光栅实现的转动计量。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181523212.jpg" alt="IMG_20220917_101900" /><figcaption>IMG_20220917_101900</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181530948.jpg" alt="IMG_20220917_102329" /><figcaption>IMG_20220917_102329</figcaption></figure><p></p> <p>底部是喜闻乐见的陶瓷手感塑料，塑料，塑料。对此我表示不满意，陶瓷无论是手感还是耐磨性都要比塑料好，反正我是不在意重量增加几十克。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181527588.jpg" alt="IMG_20220917_102024" /><figcaption>IMG_20220917_102024</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181527781.jpg" alt="IMG_20220917_102150" /><figcaption>IMG_20220917_102150</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/18/202209181530946.jpg" alt="IMG_20220917_102217" /><figcaption>IMG_20220917_102217</figcaption></figure><p></p> <p>表盘镜片用的蓝宝石玻璃，还是挺厚的，边缘做圆弧处理，观感很不错，挑不出毛病。</p> <p>好了，本文到这就结束了，主要进行的是外观体验。总的来说，我认为外观做工配得上它的价格。至于系统方面，仁者见仁，就不多介绍了，作为一个miui从小用到大的人，体验可以说是无缝兼容。</p>https://kanochan.net/posts/genshin-impact-keqing-pull/https://kanochan.net/posts/genshin-impact-keqing-pull/用图文记录终于抽到《原神》角色刻晴时的喜悦与纪念。Thu, 08 Sep 2022 00:00:00 GMT<blockquote><p>历时463天！我终于抽到阿晴了！ 啊啊啊，阿晴你知道没有你的这四百多天是我怎么过来的吗 {{ys_wojujue}}</p></blockquote> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/QQ20220908225232.png" alt="QQ20220908225232.png" /><figcaption>QQ20220908225232.png</figcaption></figure><p></p> <p>攒了六个月的月卡，就是为了这一刻——给阿晴买衣服。</p> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/image3b0f9e950f797cdf.png" alt="image3b0f9e950f797cdf.png" /><figcaption>image3b0f9e950f797cdf.png</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/QQ20220908234349.png" alt="QQ20220908234349.png" /><figcaption>QQ20220908234349.png</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/552754db3190f98724f019ec426bf3f8_1830795325098071854.gif" alt="552754db3190f98724f019ec426bf3f8_1830795325098071854.gif" /><figcaption>552754db3190f98724f019ec426bf3f8_1830795325098071854.gif</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/image0e070e367113fe9c.png" alt="image0e070e367113fe9c.png" /><figcaption>image0e070e367113fe9c.png</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/8beea3d24b720b65bae149c938b1045b_2562127336641854282.gif" alt="8beea3d24b720b65bae149c938b1045b_2562127336641854282.gif" /><figcaption>8beea3d24b720b65bae149c938b1045b_2562127336641854282.gif</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/775c3990ed5c36a2fe83fdbb90f75e2e_1328830327984419895.jpg" alt="775c3990ed5c36a2fe83fdbb90f75e2e_1328830327984419895.jpg" /><figcaption>775c3990ed5c36a2fe83fdbb90f75e2e_1328830327984419895.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/09/08/imagebfaaacf4d4f7e7e0.png" alt="imagebfaaacf4d4f7e7e0.png" /><figcaption>imagebfaaacf4d4f7e7e0.png</figcaption></figure><p></p>https://kanochan.net/posts/backup-via-rclone-b2/https://kanochan.net/posts/backup-via-rclone-b2/介绍如何使用Rclone挂载Backblaze B2，实现低成本的异地备份方案。Sat, 03 Sep 2022 00:00:00 GMT<section><h1>写在前面<a href="#写在前面"><span>#</span></a></h1><p>这几天配置了新的服务器。当然，换汤不换药，服务器倒是长进了，博客内容倒是丝毫没有长进（不过文件夹确实是建好了… 关于服务器数据的备份，之前一直使用的是备份到阿里云OSS的方案，可能是数据数据量比较少，连计费的零头都没到，在账单里没看到流量费、请求费的身影。花钱的地方也只是年付购买了一个存储包，总的来说还是可以的。</p><p>但是为什么我现在放弃了这套方案？理由也许很可笑——安全性。这不是怀疑阿里的技术，阿里云OSS有多种冗余方式可选择，数据丢失的可能性微乎其微。安全是多方面的，不是说数据不会损毁就是安全，这里就不展开说了，有时候不是一个大公司或个人的意志能改变的。</p><p>关于Backblaze B2，不用过多介绍，如果你检索过关于对象存储的内容，肯定知道它声名在外。</p><p>正如题目所说，我把Backblaze B2存储挂载到了本地，从宏观上看，可以把它当成一个本地的磁盘，用来备份网站数据。事实上这是可行的，也不是啥船新的玩法，网络上已经有非常多的文章讲这玩意儿。但是随着Rclone（一个把B2存储挂载到本地的软件）的更新迭代，很大一部分文章已经失去了参考价值，也使得我趟了不少坑，故在此记录，方便以后部署参考。</p><p>需要注意的是，这不是一篇教程，而是知识记录，所以不会很详细。相比较于这篇文章，我更建议你参看<a href="https://rclone.org/b2/" target="_blank">官方文档</a>。</p></section> <section><h1>Backblaze B2篇<a href="#backblaze-b2篇"><span>#</span></a></h1><section><h2>Backblaze B2创建存储桶<a href="#backblaze-b2创建存储桶"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2022/09/02/202209022213304.png" alt="image-20220902221322442" /><figcaption>image-20220902221322442</figcaption></figure><p></p><p>过程略，公开或者私有的桶都可以。</p></section><section><h2>Backblaze B2创建应用程序密钥<a href="#backblaze-b2创建应用程序密钥"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2022/09/02/202209022334785.png" alt="image-20220902233458847" /><figcaption>image-20220902233458847</figcaption></figure><p></p><p>应用程序密钥分为主应用程序密钥和其他应用的密钥。主密钥拥有管理所有存储桶的权限，一般不会轻易使用。其他应用程序密钥类似于一个子账户，可以配置不同的权限，供不同的程序使用，可以任意创建和删除，而主密钥只能同时存在一个。</p><p>子密钥创建好后，需要记一下相应的ID和KEY，在后续配置Rclone中会用到。</p><p></p><figure><img src="https://image.kanochan.net/2022/09/02/202209022337707.png" alt="image-20220902233755265" /><figcaption>image-20220902233755265</figcaption></figure><p></p></section></section> <section><h1>RCLONE篇<a href="#rclone篇"><span>#</span></a></h1><p>要想把一些云存储服务挂载到本地，rclone当然是不可或缺的软件。如果你不知道rclone是什么，可以看看<a href="https://rclone.org/" target="_blank">这里</a>有关它的内容。简而言之，rclone是一个用于管理云存储的程序，支持超过40种来自各厂商的云存储产品。</p><section><h2>在Linux上安装Rclone程序<a href="#在linux上安装rclone程序"><span>#</span></a></h2><p>有好几种安装方式，具体<a href="https://rclone.org/install/" target="_blank">官方部署教程</a>里面有，这里选择一种最简单的脚本安装方式。</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>curl</span><span> </span><span>https://rclone.org/install.sh</span><span> | </span><span>sudo</span><span> </span><span>bash</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>出现这些提示就算安装成功啦</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>rclone</span><span> </span><span>v1.59.1</span><span> </span><span>has</span><span> </span><span>successfully</span><span> </span><span>installed.</span></div></div><div><div><div>2</div></div><div><span>Now</span><span> </span><span>run</span><span> </span><span>"rclone config"</span><span> </span><span>for</span><span> </span><span>setup.</span><span> </span><span>Check</span><span> </span><span>https://rclone.org/docs/</span><span> </span><span>for</span><span> </span><span>more</span><span> </span><span>details.</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>配置Rclone<a href="#配置rclone"><span>#</span></a></h2><p>配置过程参考官方的<a href="https://rclone.org/b2/" target="_blank">部署文档</a>，写得很详细，内容是真的多，让人有点抓不住重点。</p><p>以下是配置过程：</p><div><div><div><figure><figcaption><span></span><span>Terminal window</span><span>展开</span><span>收起</span></figcaption><pre><code><div><div><div>1</div></div><div><span>[root@]# rclone config </span><span>###开始配置文件</span></div></div><div><div><div>2</div></div><div><span>2022/09/02</span><span> </span><span>16:07:27</span><span> </span><span>NOTICE:</span><span> </span><span>Config</span><span> </span><span>file</span><span> </span><span>"/root/.config/rclone/rclone.conf"</span><span> </span><span>not</span><span> </span><span>found</span><span> </span><span>-</span><span> </span><span>using</span><span> </span><span>defaults</span></div></div><div><div><div>3</div></div><div><span>No</span><span> </span><span>remotes</span><span> </span><span>found,</span><span> </span><span>make</span><span> </span><span>a</span><span> </span><span>new</span><span> </span><span>one?</span></div></div><div><div><div>4</div></div><div><span>n</span><span>) New remote</span></div></div><div><div><div>5</div></div><div><span>s</span><span>) Set configuration password</span></div></div><div><div><div>6</div></div><div><span>q</span><span>) Quit config</span></div></div><div><div><div>7</div></div><div><span>n/s/q</span><span>&gt; </span><span>n</span><span> </span><span>###输入“n”创建新的配置文件</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span>Enter</span><span> </span><span>name</span><span> </span><span>for</span><span> </span><span>new</span><span> </span><span>remote.</span></div></div><div><div><div>10</div></div><div><span>name</span><span>&gt; </span><span>BackblazeB2</span><span> </span><span>###输入新建配置的文件名（很重要，不要忘记了这个名字），这里设定的名字为：BackblazeB2</span></div></div><div><div><div>11</div></div><div> </div></div><div><div><div>12</div></div><div><span>Option</span><span> </span><span>Storage.</span></div></div><div><div><div>13</div></div><div><span>Type</span><span> </span><span>of</span><span> </span><span>storage</span><span> </span><span>to</span><span> </span><span>configure.</span></div></div><div><div><div>14</div></div><div><span>Choose</span><span> </span><span>a</span><span> </span><span>number</span><span> </span><span>from</span><span> </span><span>below,</span><span> </span><span>or</span><span> </span><span>type</span><span> </span><span>in</span><span> </span><span>your</span><span> </span><span>own</span><span> </span><span>value.</span></div></div><div><div><div>15</div></div><div><span> </span><span>1</span><span> </span><span>/</span><span> </span><span>1Fichier</span></div></div><div><div><div>16</div></div><div><span> </span><span>\</span><span> (fichier)</span></div></div><div><div><div>17</div></div><div><span> </span><span>2</span><span> </span><span>/</span><span> </span><span>Akamai</span><span> </span><span>NetStorage</span></div></div><div><div><div>18</div></div><div><span> </span><span>\</span><span> (netstorage)</span></div></div><div><div><div>19</div></div><div><span>.......</span></div></div><div><div><div>20</div></div><div><span>.......</span></div></div><div><div><div>21</div></div><div><span>47</span><span> </span><span>/</span><span> </span><span>Zoho</span></div></div><div><div><div>22</div></div><div><span> </span><span>\</span><span> (zoho)</span></div></div><div><div><div>23</div></div><div><span>48</span><span> </span><span>/</span><span> </span><span>premiumize.me</span></div></div><div><div><div>24</div></div><div><span> </span><span>\</span><span> (premiumizeme)</span></div></div><div><div><div>25</div></div><div><span>49</span><span> </span><span>/</span><span> </span><span>seafile</span></div></div><div><div><div>26</div></div><div><span> </span><span>\</span><span> (seafile)</span></div></div><div><div><div>27</div></div><div> </div></div><div><div><div>28</div></div><div><span>Storage</span><span>&gt; </span><span>6</span><span> </span><span>###输入数字选择云存储服务商</span></div></div><div><div><div>29</div></div><div> </div></div><div><div><div>30</div></div><div><span>Option</span><span> </span><span>account.</span></div></div><div><div><div>31</div></div><div><span>Account</span><span> </span><span>ID</span><span> </span><span>or</span><span> </span><span>Application</span><span> </span><span>Key</span><span> </span><span>ID.</span></div></div><div><div><div>32</div></div><div><span>Enter</span><span> </span><span>a</span><span> </span><span>value.</span></div></div><div><div><div>33</div></div><div><span>account</span><span>&gt; </span><span>0045ba</span><span>**************</span><span>0009</span><span> </span><span>###输入上面Backblaze B2密钥的keyID项</span></div></div><div><div><div>34</div></div><div> </div></div><div><div><div>35</div></div><div><span>Option</span><span> </span><span>key.</span></div></div><div><div><div>36</div></div><div><span>Application</span><span> </span><span>Key.</span></div></div><div><div><div>37</div></div><div><span>Enter</span><span> </span><span>a</span><span> </span><span>value.</span></div></div><div><div><div>38</div></div><div><span>key</span><span>&gt; </span><span>K004/</span><span>**************</span><span>orKuzc</span><span> </span><span>###输入上面Backblaze B2密钥的ApplicationKey项</span></div></div><div><div><div>39</div></div><div> </div></div><div><div><div>40</div></div><div><span>Option</span><span> </span><span>hard_delete.</span></div></div><div><div><div>41</div></div><div><span>Permanently</span><span> </span><span>delete</span><span> </span><span>files</span><span> </span><span>on</span><span> </span><span>remote</span><span> </span><span>removal,</span><span> </span><span>otherwise</span><span> </span><span>hide</span><span> </span><span>files.</span></div></div><div><div><div>42</div></div><div><span>Enter</span><span> </span><span>a</span><span> </span><span>boolean</span><span> </span><span>value</span><span> (true </span><span>or</span><span> </span><span>false</span><span>). Press Enter </span><span>for</span><span> the default (</span><span>false</span><span>).</span></div></div><div><div><div>43</div></div><div><span>hard_delete</span><span>&gt; </span><span>true</span><span> </span><span>###这个地方配置的是，当在服务器删除文件时，是否也把在云存储端的文件一起删了，true表示两边同步删除。基于节省云存储空间的考量，一般选true就行了。</span></div></div><div><div><div>44</div></div><div> </div></div><div><div><div>45</div></div><div><span>Edit</span><span> </span><span>advanced</span><span> </span><span>config?</span></div></div><div><div><div>46</div></div><div><span>y</span><span>) Yes</span></div></div><div><div><div>47</div></div><div><span>n</span><span>) No (</span><span>default</span><span>)</span></div></div><div><div><div>48</div></div><div><span>y/n</span><span>&gt; </span><span>n</span><span> </span><span>###这里是说是否要开启高级配置选项。基于能用就行的原则，选n。后续想调整的话，请参阅官方手册进行配置。</span></div></div><div><div><div>49</div></div><div> </div></div><div><div><div>50</div></div><div><span>Configuration</span><span> </span><span>complete.</span></div></div><div><div><div>51</div></div><div><span>Options:</span></div></div><div><div><div>52</div></div><div><span>-</span><span> </span><span>type:</span><span> </span><span>b2</span></div></div><div><div><div>53</div></div><div><span>-</span><span> </span><span>account:</span><span> </span><span>0045ba</span><span>**************</span><span>0009</span></div></div><div><div><div>54</div></div><div><span>-</span><span> </span><span>key:</span><span> </span><span>K004/</span><span>**************</span><span>orKuzc</span></div></div><div><div><div>55</div></div><div><span>-</span><span> </span><span>hard_delete:</span><span> </span><span>true</span></div></div><div><div><div>56</div></div><div><span>Keep</span><span> </span><span>this</span><span> </span><span>"BackblazeB2"</span><span> </span><span>remote?</span></div></div><div><div><div>57</div></div><div><span>y</span><span>) Yes this is OK (</span><span>default</span><span>)</span></div></div><div><div><div>58</div></div><div><span>e</span><span>) Edit this remote</span></div></div><div><div><div>59</div></div><div><span>d</span><span>) Delete this remote</span></div></div><div><div><div>60</div></div><div><span>y/e/d</span><span>&gt; </span><span>y</span><span> </span><span>###输入“y”保存配置文件。</span></div></div><div><div><div>61</div></div><div> </div></div><div><div><div>62</div></div><div><span>Current</span><span> </span><span>remotes:</span></div></div><div><div><div>63</div></div><div> </div></div><div><div><div>64</div></div><div><span>Name</span><span> </span><span>Type</span></div></div><div><div><div>65</div></div><div><span>====</span><span> </span><span>====</span></div></div><div><div><div>66</div></div><div><span>BackblazeB2</span><span> </span><span>b2</span></div></div><div><div><div>67</div></div><div> </div></div><div><div><div>68</div></div><div><span>e</span><span>) Edit existing remote</span></div></div><div><div><div>69</div></div><div><span>n</span><span>) New remote</span></div></div><div><div><div>70</div></div><div><span>d</span><span>) Delete remote</span></div></div><div><div><div>71</div></div><div><span>r</span><span>) Rename remote</span></div></div><div><div><div>72</div></div><div><span>c</span><span>) Copy remote</span></div></div><div><div><div>73</div></div><div><span>s</span><span>) Set configuration password</span></div></div><div><div><div>74</div></div><div><span>q</span><span>) Quit config</span></div></div><div><div><div>75</div></div><div><span>e/n/d/r/c/s/q</span><span>&gt; </span><span>q</span><span> </span><span>###输入“q”退出配置编辑模式。</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>至此，Rclone的配置文件设置完成。</p></section><section><h2>测试Rclone配置是否正常<a href="#测试rclone配置是否正常"><span>#</span></a></h2><p>以下命令中<code>data*****</code>为存储桶名称，为安全起见而打码。</p><section><h3>查看文件<a href="#查看文件"><span>#</span></a></h3><p>执行远程文件查看命令</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>rclone</span><span> </span><span>ls</span><span> </span><span>BackblazeB2:data</span><span>*****</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>此处<code>data*****</code>表示云存储桶的名称，执行此命令可查看桶根目录下的文件。命令结构如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>rclone ls [配置文件名称]:[存储桶名称]/[目录]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>正常情况下会得到这样的结果，会显示存储桶里的所有文件</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[root@]# rclone ls BackblazeB2:data*****</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>0 sitedata/panel/2022-09-02.zip</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>5 sitedata/panel/2022-09-02/config/abort.json</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>170 sitedata/panel/2022-09-02/config/api.json</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>479 sitedata/panel/2022-09-02/config/api_node.json</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>324 sitedata/panel/2022-09-02/config/config.json</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>1874 sitedata/panel/2022-09-02/config/dns_api.json</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>1548 sitedata/panel/2022-09-02/config/dns_api_init.json</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>54 sitedata/panel/2022-09-02/config/hide_menu.json</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>111 sitedata/panel/2022-09-02/config/hosts.json</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>24 sitedata/panel/2022-09-02/config/index.json</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>错误类型<a href="#错误类型"><span>#</span></a></h3><ul> <li> <p>如果出现</p> <div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>Failed</span><span> </span><span>to</span><span> </span><span>create</span><span> </span><span>file</span><span> </span><span>system</span><span> </span><span>for</span><span> </span><span>"remote:data*****":</span><span> </span><span>didn't find section in config file</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p>说明你打错了配置文件的名称</p> </li> <li> <p>如果出现</p> <div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>Failed</span><span> </span><span>to</span><span> </span><span>create</span><span> </span><span>file</span><span> </span><span>system</span><span> </span><span>for</span><span> </span><span>"BackblazeB2:data*****":</span><span> </span><span>failed</span><span> </span><span>to</span><span> </span><span>authorize</span><span> </span><span>account:</span><span> </span><span>failed</span><span> </span><span>to</span><span> </span><span>authenticate:</span><span> </span><span>Unknown</span><span> </span><span>401</span><span> (401 </span><span>bad_auth_token</span><span>)</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p>说明你的应用程序密钥写错了，请检查是否多了一个空格啥的。</p> </li> </ul><p>如果发现配置错了，执行<code>rclone config</code>重新设置配置文件</p><div><div><div><figure><figcaption><span></span><span>Terminal window</span><span>展开</span><span>收起</span></figcaption><pre><code><div><div><div>1</div></div><div><span><span> </span></span><span>[root@]# rclone config</span></div></div><div><div><div>2</div></div><div><span> </span><span>Current</span><span> </span><span>remotes:</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span> </span><span>Name</span><span> </span><span>Type</span></div></div><div><div><div>5</div></div><div><span> </span><span>====</span><span> </span><span>====</span></div></div><div><div><div>6</div></div><div><span> </span><span>BackblazeB2</span><span> </span><span>b2</span></div></div><div><div><div>7</div></div><div> </div></div><div><div><div>8</div></div><div><span> </span><span>e</span><span>) Edit existing remote</span></div></div><div><div><div>9</div></div><div><span> </span><span>n</span><span>) New remote</span></div></div><div><div><div>10</div></div><div><span> </span><span>d</span><span>) Delete remote</span></div></div><div><div><div>11</div></div><div><span> </span><span>r</span><span>) Rename remote</span></div></div><div><div><div>12</div></div><div><span> </span><span>c</span><span>) Copy remote</span></div></div><div><div><div>13</div></div><div><span> </span><span>s</span><span>) Set configuration password</span></div></div><div><div><div>14</div></div><div><span> </span><span>q</span><span>) Quit config</span></div></div><div><div><div>15</div></div><div><span> </span><span>e/n/d/r/c/s/q</span><span>&gt; </span><span>e</span><span> </span><span>###输入“e”重新设置配置文件</span></div></div><div><div><div>16</div></div><div> </div></div><div><div><div>17</div></div><div><span> </span><span>Select</span><span> </span><span>remote.</span></div></div><div><div><div>18</div></div><div><span> </span><span>Choose</span><span> </span><span>a</span><span> </span><span>number</span><span> </span><span>from</span><span> </span><span>below,</span><span> </span><span>or</span><span> </span><span>type</span><span> </span><span>in</span><span> </span><span>an</span><span> </span><span>existing</span><span> </span><span>value.</span></div></div><div><div><div>19</div></div><div><span> </span><span>1</span><span> &gt; </span><span>BackblazeB2</span></div></div><div><div><div>20</div></div><div><span> </span><span>remote</span><span>&gt; </span><span>1</span><span> </span><span>###输入配置文件的对应代号</span></div></div><div><div><div>21</div></div><div> </div></div><div><div><div>22</div></div><div><span> </span><span>###后续配置步骤同上述的“ 配置Rclone”条目，不再赘述。</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section></section><section><h2>挂载云存储到本地目录<a href="#挂载云存储到本地目录"><span>#</span></a></h2><p>在上述的测试步骤中能正常浏览到文件后，即可将云存储桶挂载到本地目录中。</p><section><h3>挂载<a href="#挂载"><span>#</span></a></h3><p>新建一个挂载目录</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>mkdir</span><span> </span><span>/mnt/b2</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>通过Rclone挂载</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>rclone</span><span> </span><span>mount</span><span> </span><span>BackblazeB2:data</span><span>*****</span><span> </span><span>/mnt/b2</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>命令结构如下：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>rclone</span><span> </span><span>mount</span><span> [配置文件名称]:[存储桶名称] [挂载点]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>使用过<code>mount</code>命令的同学应该很熟悉了，注意<code>[存储桶名称]</code>与<code>[挂载点]</code>之间的空格。</p><p>需要注意的是，这种挂载方式属于前台挂载，执行完命令之后ssh会卡着，输入<code>CTRL</code>+ <code>c</code>后会停止挂载，结束ssh会话也会停止挂载。</p><p>如果需要后台挂载，在命令的后面加<code>--daemon</code>即可，即：</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>rclone</span><span> </span><span>mount</span><span> </span><span>BackblazeB2:data</span><span>*****</span><span> </span><span>/mnt/b2</span><span> </span><span>--daemon</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>错误类型<a href="#错误类型-1"><span>#</span></a></h3><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>2022/09/02</span><span> </span><span>16:39:42</span><span> </span><span>Fatal</span><span> </span><span>error:</span><span> </span><span>failed</span><span> </span><span>to</span><span> </span><span>mount</span><span> </span><span>FUSE</span><span> </span><span>fs:</span><span> </span><span>fusermount:</span><span> </span><span>exec:</span><span> </span><span>"fusermount":</span><span> </span><span>executable</span><span> </span><span>file</span><span> </span><span>not</span><span> </span><span>found</span><span> </span><span>in</span><span> </span><span>$PATH</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>原因：缺少fuser程序。在最小化安装centos的时候，是没有fuser这个命令的，有些云服务商提供的系统可能会没有fuser，需要手动安装。以CentOS为例，执行命令<code>yum install fuser -y</code>即可安装。安装完成后再次执行挂载命令即可成功挂载。</p><div><figure><figcaption><span></span><span>Terminal window</span></figcaption><pre><code><div><div><div>1</div></div><div><span>[root@]# df -h</span></div></div><div><div><div>2</div></div><div><span>Filesystem</span><span> </span><span>Size</span><span> </span><span>Used</span><span> </span><span>Avail</span><span> </span><span>Use%</span><span> </span><span>Mounted</span><span> </span><span>on</span></div></div><div><div><div>3</div></div><div><span>BackblazeB2:data*****</span><span> </span><span>1.0P</span><span> </span><span>0</span><span> </span><span>1.0P</span><span> </span><span>0%</span><span> </span><span>/mnt/b2</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>可以看到直接把容量标成了1PB，太暴力了！</p></section></section></section> <section><h1>后续篇<a href="#后续篇"><span>#</span></a></h1><p>成功将云存储桶挂载到本地目录后，即可将文件备份到此目录中，Rclone会将它们上传到云上。此目录可以当成本地磁盘使用，应用程序无缝兼容。</p><p>这篇文章只是使用到了Rclone的基本功能，还有很多的高级功能等待去探索。不过基于能用就行为主导思想的我，应该是没啥动力去研究了…</p><p>当然了，这玩意儿也是有缺点的——不适合频繁读写的场合，所以也只是建议拿来当备份目录。</p><p><img src="https://image.kanochan.net/2022/09/03/202209031006052.gif" alt="" /></p></section>https://kanochan.net/posts/logitech-g502-shell-replacement/https://kanochan.net/posts/logitech-g502-shell-replacement/分享罗技G502鼠标更换外壳与清理翻新的实际过程。Thu, 14 Jul 2022 00:00:00 GMT<section><h3>事发突然<a href="#事发突然"><span>#</span></a></h3><p>前几日鼠标被蟑螂啃了一个大洞，TB买的鼠标外壳现在终于到货了，现在就把它装起来。 侧面这块胶是和鼠标本体焊死在一起的，更换的话只能换整个外壳。好在G502还算保有量不错的鼠标，相关的配件能轻易地在TB上找到。</p><p><img src="https://image.kanochan.net/2022/07/08/202207081056154.jpg" alt="" /></p><p>商家发过来的拆机外壳成色不错，磨损几乎没有，也看不见暴力拆机地痕迹，先给个好评，还送了脚贴。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142256558.jpg" alt="IMG_20220713_131753" /><figcaption>IMG_20220713_131753</figcaption></figure><p></p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142258581.jpg" alt="IMG_20220713_131844" /><figcaption>IMG_20220713_131844</figcaption></figure><p></p></section> <section><h3>换壳之旅<a href="#换壳之旅"><span>#</span></a></h3><p>看了一下拆机教程，不是很难（有手就行）。取下三个脚贴，露出四颗固定螺丝。还好，是比较常见地十字螺丝，而非异形螺丝，好评。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142304136.jpg" alt="IMG_20220713_133107" /><figcaption>IMG_20220713_133107</figcaption></figure><p></p><p>拿出10块钱包邮的工具包，外壳螺丝轻松卸下，再花费一个指甲地代价，完好把外壳和底座分离。可以看到里边结构还挺复杂的，这模具应该要花不少钱吧（不知道用了多少年的模具，现在还在用着），对得起价格吧，也许能这么说。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142306629.jpg" alt="IMG_20220713_133229" /><figcaption>IMG_20220713_133229</figcaption></figure><p></p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142308337.jpg" alt="IMG_20220713_134315" /><figcaption>IMG_20220713_134315</figcaption></figure><p></p><p>这鼠标外边看似比较干净，内心却早已污秽横流，这些毛毛到底是怎么进去的啊？？！真的把我惊讶到了。整个鼠标底座，全部覆盖着这种毛毛。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142312604.jpg" alt="IMG_20220713_134355" /><figcaption>IMG_20220713_134355</figcaption></figure><p></p><p>下图是整个鼠标的卖点之一——无极滚轮，也是我最喜欢的一个地方，用了就再也回不去。看得出来，无极滚轮的原理是通过光电感应来实现的，滚轮本体就是一个光栅。全金属无极滚轮，手感极度属实，长文档阅览福音，食指保护协会倾力推荐！</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142315697.jpg" alt="IMG_20220713_134432" /><figcaption>IMG_20220713_134432</figcaption></figure><p></p><p>光电三极管上布满了灰尘，几个月前鼠标出现了滚轮失效的情况，应该是这些灰尘导致的。那时以为这鼠标要挂了，还在保修期内，正想着给狗东寄过去售后，但奇怪的是过了几天它自己好了…现在拆机顺便清理一下，应该不会再犯毛病了。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142322785.jpg" alt="IMG_20220713_135529" /><figcaption>IMG_20220713_135529</figcaption></figure><p></p><p>拆下上层的主板，最底层的就是那颗罗技自研的屌炸天（不是）的激光传感器，规格不记得了，似乎还挺强的。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142325559.jpg" alt="IMG_20220713_135810" /><figcaption>IMG_20220713_135810</figcaption></figure><p></p><p>拆机完成，剩下的工作就是把主板换到新买的外壳上，再组装起来就可以了，需要注意的是这个排线向上提解锁，下压紧固，还好看了教程，不然这排线座子铁定要废了。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142329125.jpg" alt="IMG_20220713_142723" /><figcaption>IMG_20220713_142723</figcaption></figure><p></p><p>组装的过程就是拆机的逆序，懒得写了，也就是那样。换好外壳后的G502，满血复活。那个蟑螂啃出的大洞带来的诡异手感，终于跟我说再见了。</p><p></p><figure><img src="https://image.kanochan.net/2022/07/14/202207142331255.jpg" alt="IMG_20220713_150446" /><figcaption>IMG_20220713_150446</figcaption></figure><p></p></section>https://kanochan.net/posts/china-mobile-modem-bridge/https://kanochan.net/posts/china-mobile-modem-bridge/记录获取移动光猫管理权限并切换桥接模式以恢复网速的折腾过程。Fri, 17 Jun 2022 00:00:00 GMT<blockquote><p>放假回到家后，就发现了一个问题：怎么这移动宽带只有100兆不到了… 以为是宽带套餐变了，询问老爹，说没这回事。这就奇怪了，几个月前我去学校的时候网络还挺好的，咋一回来变这样了。接下来就是一步步排错了，把网线接路由器千兆网口上测速，网速依然不达标，两百兆的带宽只能跑30兆左右，而且极其不稳定，有时几百KB/s，看起来是光猫炸了，而不是下级路由器的问题。</p></blockquote> <section><h3>检查光纤是否正常<a href="#检查光纤是否正常"><span>#</span></a></h3><p>这个简单，直接在光猫里边看光功率就好了</p><p><img src="https://image.kanochan.net/2022/06/17/202206172146130.png" alt="" /></p><p>光功率-24.95dBm，，不算太高，但是在标准范围内（不低于-28dBm），高负载下光功率也挺稳定的，排除光纤衰耗的问题。</p></section> <section><h3>一个奇怪的现象<a href="#一个奇怪的现象"><span>#</span></a></h3><p>反复测试发现，重启光猫后大概半分钟内，带宽是可以跑满的，过了这段时间，带宽就上不去了。看了一下光猫的配置，没发现什么限速之类的功能被开启，而且ping光猫的延迟竟然高达10+ms，正常来说应该是1ms左右，这让我更深信是光猫本身出了问题。</p></section> <section><h3>光猫软件/硬件问题<a href="#光猫软件硬件问题"><span>#</span></a></h3><p>从光猫重启后半分钟内可以正常运行这条信息来看，我猜测是光猫的硬件系统出了问题，其中最大的可能是光猫过热降频了。接着找来了一台风扇对着光猫吹，无比凉爽，但是带宽依然跑不满，还是一样的问题现象。猜测失败。</p><p>软件问题…我不太认为是可能的原因，因为光猫的配置就没动过，无缘无故就这样子了，难道移动公司在程序里埋了一个定时炸弹，到期就爆破？</p><p>致电宽带运维师傅，我把问题详细陈述了一下，对方说这个问题他们解决不了，需要到营业厅申请换光猫，之后他们才能上门更换。虽然心中一万只草泥马奔腾而过，但还是礼貌挂了电话，说改天我去营业厅问问。</p><p>时间又过了几天，光猫继续苟延残喘着…</p><p>对光猫的内部结构不是很了解，所以有点无从下手。反正横竖都是换光猫，要不把光猫改成桥接模式试一下吧，搞炸了大不了去营业厅一趟。一不做二不休，开始了光猫桥接之旅。</p></section> <section><h3>获取光猫的超级管理<a href="#获取光猫的超级管理"><span>#</span></a></h3><p>一般来说，光猫的超管是不会给用户的，用户不会配置搞炸了他们还得上门维护。幸运的是，在网络上找到了这款光猫的超管账户和密码，有了超管账户，那就好折腾了。</p><ul> <li>账户：admin</li> <li>密码：Cmcc10086#</li> </ul></section> <section><h3>获取宽带账号密码<a href="#获取宽带账号密码"><span>#</span></a></h3><p>还有一件事，那就是获取宽带拨号密码，宽带是挂在老爹电话下的，我似乎并没有权限获取/修改宽带拨号密码，也不想麻烦老爹打10086查密码，随即搜索了一下关于获取光猫中的拨号密码，有所收获。</p><p>密码是以sha256(md5(明文密码))的加密方式存储在光猫里的，而且一般是数字，这样的话可以通过穷举密码的方式算出拨号密码。</p><section><h4>首先是获取密文<a href="#首先是获取密文"><span>#</span></a></h4><p>在F12控制台，将密码框的类型type=“password”改为type=“text”，这样就获得到明文显示的密文。</p><p>获取密码密文后将密文丢入下面的python程序中进行穷举</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>import</span><span> hashlib</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span><span>secret </span><span>=</span><span> </span></span><span>'将密文复制到此处'</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>def</span><span> </span><span>sha256</span><span>(</span><span>todo</span><span>):</span></div></div><div><div><div>6</div></div><div><span> </span><span>return</span><span><span> hashlib.</span><span>sha256</span><span>(</span></span><span>str</span><span><span>(todo).</span><span>encode</span><span>()).</span><span>hexdigest</span><span>()</span></span></div></div><div><div><div>7</div></div><div> </div></div><div><div><div>8</div></div><div><span>def</span><span> </span><span>md5</span><span>(</span><span>todo</span><span>):</span></div></div><div><div><div>9</div></div><div><span> </span><span>return</span><span><span> hashlib.</span><span>md5</span><span>(</span></span><span>str</span><span><span>(todo).</span><span>encode</span><span>()).</span><span>hexdigest</span><span>()</span></span></div></div><div><div><div>10</div></div><div> </div></div><div><div><div>11</div></div><div><span>for</span><span> value </span><span>in</span><span> </span><span>range</span><span>(</span><span>0</span><span>, </span><span>10000000</span><span>): </span><span>#可以将数字调大，获取更长的密码</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>s </span><span>=</span><span> </span><span>sha256</span><span>(</span><span>md5</span><span>(value))</span></div></div><div><div><div>13</div></div><div><span> </span><span>if</span><span><span> s </span><span>==</span><span> secret:</span></span></div></div><div><div><div>14</div></div><div><span> </span><span>print</span><span>(</span><span>f</span><span>'find: </span><span>{</span><span>s</span><span>}</span><span> = </span><span>{</span><span>value</span><span>}</span><span>'</span><span>)</span></div></div><div><div><div>15</div></div><div><span> </span><span>break</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>不费吹灰之力，就获取到了宽带拨号密码，是一串数字</p></section></section> <section><h3>光猫改桥接<a href="#光猫改桥接"><span>#</span></a></h3><p>不能直接在现有的PPPoE网口上改桥接，首先需要把现有的网口删除，再新建桥接网口，过程比较简单，略过。</p></section> <section><h3>问题解决<a href="#问题解决"><span>#</span></a></h3><p>桥接完成后，在路由器拨号，成功上网。而且跑不满带宽的问题一并被解决了，实在是太神奇了。</p><p>后续测试了一下，网络一切正常，问题轻松解决，这个光猫可以先不用换了。</p><p>参考：<a href="https://blog.csdn.net/qq_26373925/article/details/112798210" target="_blank">获取移动光猫（如HS8545M5等设备）pppoe密码明文</a></p></section>https://kanochan.net/posts/wordpress-sakurairo-hacks/https://kanochan.net/posts/wordpress-sakurairo-hacks/集中记录WordPress与Sakurairo主题的一系列个性化改造与优化。Mon, 23 May 2022 00:00:00 GMT<blockquote><p>感觉..如果每个修改都发一篇文章的话，我这个博客会变成滔滔江水——特别水。所以有了这篇文章，用来记录瞎折腾的修改。</p></blockquote> <section><h2>一、给sakurairo主题添加表情包<a href="#一给sakurairo主题添加表情包"><span>#</span></a></h2><ul> <li>这是单独发了一篇文章，看<a href="https://kanochan.net/archives/1421.html">这里</a>就好了。</li> </ul></section> <section><h2>二、解决sakurairo主题目录不跟随的问题<a href="#二解决sakurairo主题目录不跟随的问题"><span>#</span></a></h2><ul> <li>这也单独发了一篇文章，看<a href="https://kanochan.net/archives/1351.html">这里</a>。</li> </ul></section> <section><h2>三、解决WP Editor.md编辑器不能渲染sakurairo的说说页面的问题<a href="#三解决wp-editormd编辑器不能渲染sakurairo的说说页面的问题"><span>#</span></a></h2><ul> <li>这还是单独发了一篇文章，在<a href="https://kanochan.net/archives/1538.html">这里</a></li> </ul></section> <section><h2>四、优化文章阅读量统计<a href="#四优化文章阅读量统计"><span>#</span></a></h2><p>Sakurairo的文章浏览量统计方式有两种，一种是内建的统计，另一种是使用 WP Statistics插件进行统计，通过api调用的方式将浏览量显示出来。</p><p>主题内建的统计方式，实现方法是简单粗暴的，PHP渲染一次，访问量+1。这种方式会降低统计的精度，基本上刷新一次页面访问量就会+1，如果有人在文章页面狂按F5，统计的访问量就会飞上天，这就失去了统计的意义。于此相对的，如果开启了缓存或CDN，PHP脚本不会再被执行，也就无法进行统计，结果就是无论刷新多少次，访问量都不会上升。这属实冰火两重天了。</p><p>通过WP Statistics进行统计，统计结果精度较高，但也存在一些问题，主要表现在缓存的兼容性上面。默认情况下，WP Statistics也是通过PHP来记录访客，开启缓存时，PHP不会被执行，自然也无法记录，好在WP Statistics提供了“缓存兼容模式”，它的原理是通过PHP生成用户数据，保存到HTML中，前端访问时通过Ajax将数据发送到WP的REST-API中进行记录。但是，此种方法对于全站缓存来说，仍然存在问题。简而言之，通过此种方式生成的用户数据也是被缓存的。无论天南地北的访客，发送到REST-API的数据都是一模一样，随后WP Statistics会认为这是同一个访客，只会记录一次，之后所有的访问记录都会被丢弃。当然这个问题不是特例，WP Statistics社区里也有反馈，但截至目前，似乎还没解决。</p><p>所以改进一下主题的文章阅读量统计还是挺有必要的。</p><p>这项统计只需要得到访问量+1的结果就可以了，不需要其他花里胡哨的数据，如访客IP、客户端软件、平台类型等，这些数据还是交给专业的统计比较好，如Google Analytics、Matomo等。所以决定从主题自建的统计入手优化。好在，这方面的工作已经有前辈在做了，在这篇文章<a href="%5BCDN%E5%90%8E%E7%94%A8Ajax%E5%8A%A8%E6%80%81%E6%8F%90%E4%BA%A4%E3%80%81%E6%98%BE%E7%A4%BA%E6%96%87%E7%AB%A0%E9%98%85%E8%AF%BB%E9%87%8F%EF%BC%8Ccookies%E9%81%BF%E5%85%8D%E9%87%8D%E5%A4%8D%E5%88%B7%E6%96%B0%5D(https://www.capjsj.cn/ajax_cookies_views.html)">^1</a>中，讲到可以通过cookie限制恶意刷浏览量。 还有一个值得注意的问题是，QQ/微信的内置浏览器，即使是关闭了浏览器，在不退出客户端的情况下，浏览器“会话”是不会结束的，所以在上述的那篇文章中通过浏览器会话结束使cookie过期的做法，可能会损失部分浏览量。</p><p>参照那篇文章中的代码，做了一些主题适配性修改，同时将cookie的过期时间由会话结束改为1分钟的时间限制，即在一分钟内无论刷新多少次，只会记录一次浏览量，同时也回避了QQ/微信的内置浏览器带来的会话不过期问题。修改内容可以看<a href="https://github.com/kanodaisuki/Sakurairo/commit/75bc4cc76ce0e7d31067fd537476a2f5825e539d" target="_blank">这里</a>,下面简要介绍一下修改步骤。</p><section><h3>修改footer.php文件<a href="#修改footerphp文件"><span>#</span></a></h3><p>在<code>&lt;/body&gt;</code>的前面添加下列代码：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>&lt;!</span><span>-- </span></span><span>ajax记录浏览量</span><span><span> --</span><span>&gt;</span></span></div></div><div><div><div>2</div></div><div><span>&lt;</span><span>script</span><span> </span><span>type</span><span><span>=</span><span> </span></span><span>"text/javascript"</span><span><span> </span><span>&gt;</span></span></div></div><div><div><div>3</div></div><div><span> </span><span>function</span><span> </span><span>GetCookie</span><span>(sName) {</span></div></div><div><div><div>4</div></div><div><span> </span><span>var</span><span> </span><span>arr</span><span><span> </span><span>=</span><span> </span></span><span>document</span><span>.</span><span>cookie</span><span>.</span><span>match</span><span>(</span><span>new</span><span> </span><span>RegExp</span><span>(</span><span>"(^| )"</span><span>+</span><span>sName</span><span>+</span><span>"=([^;]*)(;|$)"</span><span>));</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>if(</span><span>arr</span><span><span> </span><span>!=</span></span><span>null</span><span>){</span><span>return</span><span> </span><span>unescape</span><span>(</span><span>arr</span><span>[</span><span>2</span><span>])};</span></div></div><div><div><div>6</div></div><div><span> </span><span>return</span><span> </span><span>null</span><span>;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>8</div></div><div><span> </span><span>var</span><span> </span><span>postviews_cook</span><span>=</span><span>GetCookie</span><span>(</span><span>"postviews&lt;?php the_ID();?&gt;"</span><span>);</span></div></div><div><div><div>9</div></div><div><span> </span><span>if</span><span> ( </span><span>postviews_cook</span><span><span> </span><span>==</span><span> </span></span><span>null</span><span> ){</span></div></div><div><div><div>10</div></div><div><span> </span><span>//如果cookie不存在或超时，则认为是新访客</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>jQuery</span><span>.</span><span>ajax</span><span>({</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>type:</span><span>'POST'</span><span>,</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>url: </span><span>"&lt;?php echo admin_url('admin-ajax.php');?&gt;"</span><span><span> </span><span>,</span></span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>data:</span><span>"postviews_id=&lt;?php the_ID();?&gt;&amp;action=postviews"</span><span>,</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>cache:</span><span>false</span><span>,</span></div></div><div><div><div>16</div></div><div><span> </span><span>//cookie过期时间60s，一分钟内重复打开页面不会记录浏览量</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>success: </span><span>function</span><span><span>(</span><span>postviews_count</span><span>){</span><span> </span></span><span>document</span><span>.</span><span>cookie</span><span>=</span><span>'postviews&lt;?php the_ID();?&gt;='</span><span><span> </span><span>+</span><span> </span></span><span>postviews_count</span><span><span> </span><span>+</span><span> </span></span><span>'; max-age=60;'</span><span><span>}</span><span> </span><span>});</span></span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>19</div></div><div><span>&lt;/</span><span>script</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section><section><h3>修改functions.php文件<a href="#修改functionsphp文件"><span>#</span></a></h3><p>在<code>function set_post_views()</code>前一行添加下列代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>//ajax统计浏览量</span></div></div><div><div><div>2</div></div><div><span>function</span><span> </span><span>postviews_cache</span><span>(){</span></div></div><div><div><div>3</div></div><div><span> </span><span>if</span><span>( </span><span>empty</span><span><span>(</span><span> </span></span><span>$_POST</span><span>[</span><span>'postviews_id'</span><span><span>]</span><span> </span><span>) ) </span></span><span>return</span><span>;</span></div></div><div><div><div>4</div></div><div><span> </span><span>$post_ID</span><span><span> </span><span>=</span><span> </span></span><span>$_POST</span><span>[</span><span>'postviews_id'</span><span>];</span></div></div><div><div><div>5</div></div><div><span> </span><span>if</span><span>( </span><span>$post_ID</span><span><span> </span><span>&gt;</span><span> </span></span><span>0</span><span> ) {</span></div></div><div><div><div>6</div></div><div><span> </span><span>$post_views</span><span><span> </span><span>=</span><span> (</span></span><span>int</span><span>)</span><span>get_post_meta</span><span>(</span><span>$post_ID</span><span><span>,</span><span> </span></span><span>'views'</span><span><span>,</span><span> </span></span><span>true</span><span>);</span></div></div><div><div><div>7</div></div><div><span> </span><span>update_post_meta</span><span>(</span><span>$post_ID</span><span><span>,</span><span> </span></span><span>'views'</span><span><span>,</span><span> </span><span>(</span><span> </span></span><span>$post_views</span><span><span> </span><span>+</span><span> </span></span><span>1</span><span><span> </span><span>));</span></span></div></div><div><div><div>8</div></div><div><span> </span><span>echo</span><span><span> </span><span>(</span><span> </span></span><span>$post_views</span><span><span> </span><span>+</span><span> </span></span><span>1</span><span><span> </span><span>);</span></span></div></div><div><div><div>9</div></div><div><span> </span><span>exit</span><span>();</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>11</div></div><div><span>}</span></div></div><div><div><div>12</div></div><div><span>add_action</span><span><span>(</span><span> </span></span><span>'wp_ajax_nopriv_postviews'</span><span><span>,</span><span> </span></span><span>'postviews_cache'</span><span><span> </span><span>);</span></span></div></div><div><div><div>13</div></div><div><span>add_action</span><span><span>(</span><span> </span></span><span>'wp_ajax_postviews'</span><span><span>,</span><span> </span></span><span>'postviews_cache'</span><span><span> </span><span>);</span></span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>同时需要禁用掉主题自带的统计，将下列代码注释掉：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>//add_action('get_header', 'set_post_views');</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>本小节_end_ _bixin: _bixin:</p></section></section> <section><h2>五、后台编辑器实现自定义表情插入<a href="#五后台编辑器实现自定义表情插入"><span>#</span></a></h2><p>这个需求应该挺小众的，就不长篇大论了，记一些自己能看懂的步骤就好了。先看看结果吧，如下图，将表情包插入文章中，能够实现实时渲染预览。</p><p></p><figure><img src="https://image.kanochan.net/2022/05/27/image.png" alt="image.png" /><figcaption>image.png</figcaption></figure><p></p><p>实现方法也挺简单，WP Editor.md本身就自带有插入表情的功能，只需要把添加的表情包附加进去即可。需要修改的文件如下：</p><ul> <li>编辑器后台表情包索引列表：/wp-editormd/assets/Editormd/plugins/emoji-dialog/emoji.json</li> <li>前台JS渲染索引列表：/wp-editormd/assets/Emojify.js/js/emojify.min.js</li> <li>表情包文件添加目录：/wp-editormd/assets/Emojify.js/images/basic/</li> <li>前台表情包样式文件：/wp-editormd/assets/Emojify.js/css/basic/emojify.min.css</li> <li>后台表情包列表样式文件：/wp-editormd/assets/Editormd/editormd.min.css</li> </ul><p>将表情包文件添加到表情包文件目录中，文件必须为png格式，在将表情包文件名（不含扩展名）添加到表情包索引中，包括前台索引和后台索引，然后对表情包进行一些样式修改就好了。 还有一个修改的地方是后台编辑器表情包的列表显示，编辑器原生是通过网格显示，这对放大表情包显示带来了一些问题，在后台表情包列表样式文件中删除<code>display:table-cell;vertical-align:middle;border:1px solid #ddd;</code>这几条样式，再通过<code>font-size</code>调整表情包的显示大小即可。</p><p>本小节_end_ _chigua: _chigua:</p></section> <section><h2>六、网站增加黑幕效果<a href="#六网站增加黑幕效果"><span>#</span></a></h2><ul> <li>知识来源：<a href="https://xie.infoq.cn/article/2ca9d08537559565e593b5efa" target="_blank">给你的网站文字添加黑幕 - 隐藏文字</a>，如果此网页失效，可以查看<a href="https://kanochan.net/wp-content/uploads/archive/heimu.html">网页存档</a></li> <li>使用方式：<code>&lt;span class="heimu" title="你知道的太多了！"&gt;这里输入想要黑幕的内容&lt;/span&gt;</code></li> <li>效果：就是这个效果啊</li> </ul><p>有个缺点，就是需要手打html代码。想着要不要集成到编辑器里，算了算了，懒得折腾，还可能会遇到兼容性问题，手打也没多少。</p></section> <section><h2>七、浅改了一下友链模板<a href="#七浅改了一下友链模板"><span>#</span></a></h2><p>主题默认的是文章内容在前面，友情链接在后面，当文章比较长时需要滑动很久才能看到友情链接。 <img src="https://image.kanochan.net/2022/06/11/202206111723353.png" alt="" /> 友情连接页面，友情连接当然是展示在首位，所以把顺序改了一下，友情链接优先显示在前面，文章内容显示在后面，这样游客点开页面，就能第一时间看到友情链接了。 除此外还增加了一些元素，比如“海内存知己”啥的，对页面文章的样式也做了一些修正，与常规的文章样式统一风格。 下图是完成后的效果 <img src="https://image.kanochan.net/2022/06/11/202206111731672.png" alt="" /></p></section> <section><h2>八、数学公式支持<a href="#八数学公式支持"><span>#</span></a></h2><p><em>知识来源：<a href="https://www.agedcat.com/others/438.html" target="_blank">WordPress博客如何完美支持数学公式</a>，如果原网页失效，可查看存档：<a href="https://kanochan.net/wp-content/uploads/archive/1.html">https://kanochan.net/wp-content/uploads/archive/1.html</a></em></p><p>在<code>&lt;/head&gt;</code>前加入以下代码</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!-- 数学公式支持 --&gt;</span></div></div><div><div><div>2</div></div><div><span>&lt;</span><span>script</span><span> </span><span>type</span><span>=</span><span>'text/javascript'</span></div></div><div><div><div>3</div></div><div><span> </span><span>src</span><span>=</span><span>'https://kanochan.net/wp-content/uploads/npm/mathjax@2.7.2/MathJax.js?config=TeX-MML-AM_CHTML'</span><span>&gt;</span></div></div><div><div><div>4</div></div><div><span>&lt;/</span><span>script</span><span>&gt;</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span>&lt;!-- 数学公式渲染配置 --&gt;</span></div></div><div><div><div>7</div></div><div><span>&lt;</span><span>script</span><span> </span><span>type</span><span>=</span><span>"text/x-mathjax-config"</span><span>&gt;</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span><span> </span></span><span>MathJax.Hub.Config({</span></div></div><div><div><div>10</div></div><div> </div></div><div><div><div>11</div></div><div><span><span> </span></span><span>extensions: ["tex2jax.js"],</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span><span> </span></span><span>jax: ["input/TeX", "output/HTML-CSS"],</span></div></div><div><div><div>14</div></div><div> </div></div><div><div><div>15</div></div><div><span><span> </span></span><span>tex2jax: {</span></div></div><div><div><div>16</div></div><div> </div></div><div><div><div>17</div></div><div><span><span> </span></span><span>inlineMath: [ ['$','$'], ["\\(","\\)"] ],</span></div></div><div><div><div>18</div></div><div> </div></div><div><div><div>19</div></div><div><span><span> </span></span><span>displayMath: [ ['$$','$$'], ["\\[","\\]"] ],</span></div></div><div><div><div>20</div></div><div> </div></div><div><div><div>21</div></div><div><span><span> </span></span><span>processEscapes: true</span></div></div><div><div><div>22</div></div><div> </div></div><div><div><div>23</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>24</div></div><div> </div></div><div><div><div>25</div></div><div><span><span> </span></span><span>"HTML-CSS": { availableFonts: ["TeX"] }</span></div></div><div><div><div>26</div></div><div> </div></div><div><div><div>27</div></div><div><span><span> </span></span><span>});</span></div></div><div><div><div>28</div></div><div> </div></div><div><div><div>29</div></div><div><span><span> </span></span><span>&lt;/</span><span>script</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>关于mathjax资源的本地化，去github将文件下载下来，放到服务器里引用就行了。</p></section> <section><h2>九、fancybox灯箱实现<a href="#九fancybox灯箱实现"><span>#</span></a></h2><p>这个版本的主题的fancybox灯箱似乎有点问题，无法启用。情况如此<a href="https://github.com/mirai-mamori/Sakurairo/issues/600" target="_blank">issues</a>所描述的那样。</p><p>详细的错误原因未能深究，我想应该不简单。我选择关闭主题自带的fancybox灯箱功能，自行引入fancybox并构建img标签的重写规则。</p><p>动手之前先看一下fancybox的使用文档：<a href="https://web.archive.org/web/20210325170940/https://fancyapps.com/fancybox/3/docs/" target="_blank">Get started with fancybox, probably the world’s most popular lightbox script</a>。</p><p><em>如果页面失效或打不开，可查看存档：<a href="https://kanochan.net/wp-content/uploads/archive/fancybox3_Documentation_English.html">英文原文</a>或者<a href="https://kanochan.net/wp-content/uploads/archive/fancybox3_Documentation_Chinese.html">谷歌生草姬翻译的版本</a></em></p><section><h3>fancybox的基础使用<a href="#fancybox的基础使用"><span>#</span></a></h3><ul> <li> <p>依赖项<code>jQuery</code>，一般情况下wordpress已经引入了，可忽略。</p> </li> <li> <p>引入fancybox资源 在<code>&lt;head&gt;</code>中引入jquery.fancybox.min.css</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>link</span><span> </span><span>rel</span><span>=</span><span>"stylesheet"</span><span> </span><span>type</span><span>=</span><span>"text/css"</span><span> </span><span>href</span><span>=</span><span>"https://kanochan.net/wp-content/themes/Sakurairo/js/fancybox/jquery.fancybox.css"</span><span> /&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p>在<code>&lt;/body&gt;</code>的前面引入jquery.fancybox.min.js</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>script</span><span> </span><span>src</span><span>=</span><span>"https://kanochan.net/wp-content/themes/Sakurairo/js/fancybox/jquery.fancybox.js"</span><span>&gt;&lt;/</span><span>script</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p><em>基于安全考虑，不要直接引用我的资源。请使用公共资源：<a href="https://cdnjs.com/libraries/fancybox" target="_blank">cdnjs.com/libraries/fancybox</a></em></p> </li> <li> <p>构建img标签的重写规则 从fancybox的使用文档中可以知道，使用fancybox最基本的方法是 给元素添加data-fancybox属性，这将自动绑定fancybox的单击事件，并使用 href或 data-src属性来指定内容的来源。 原始<code>&lt;img&gt;</code>标签如下：</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>img</span><span> </span><span>src</span><span>=</span><span>"https://api.image.kanochan.net/kano/pc_img/kano_pc_04.jpg"</span><span> </span><span>alt</span><span>=</span><span>"image"</span><span> /&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p>适用于fancybox的标签如下：</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>a</span><span> </span><span>href</span><span>=</span><span>"https://api.image.kanochan.net/kano/pc_img/kano_pc_04.jpg"</span><span> </span><span>data-fancybox</span><span>=</span><span>"images"</span><span> </span><span>alt</span><span>=</span><span>"image"</span><span> </span><span>/</span><span>&gt;&lt;</span><span>img</span><span> </span><span>src</span><span>=</span><span>"https://api.image.kanochan.net/kano/pc_img/kano_pc_04.jpg"</span><span> </span><span>alt</span><span>=</span><span>"image"</span><span> /&gt;&lt;/</span><span>a</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p>将下列代码加入到主题的<code>functions.php</code>中</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>//fancybox3图片添加 data-fancybox 属性</span></div></div><div><div><div>2</div></div><div><span>function</span><span> </span><span>fancybox</span><span> (</span><span>$content</span><span>){</span></div></div><div><div><div>3</div></div><div><span>global</span><span> </span><span>$post</span><span>;</span></div></div><div><div><div>4</div></div><div><span>$pattern</span><span><span> </span><span>=</span><span> </span></span><span>"/&lt;img(.</span><span>*</span><span><span>?)src=('|</span><span>\"</span><span>)([^&gt;]</span></span><span>*</span><span><span>).(bmp|gif|jpeg|jpg|png|swf)('|</span><span>\"</span><span>)(.</span></span><span>*</span><span>?)&gt;/i"</span><span>;</span></div></div><div><div><div>5</div></div><div><span>$replacement</span><span><span> </span><span>=</span><span> </span></span><span>'&lt;a$1href=$2$3.$4$5 data-fancybox="images"$6&gt;&lt;img$1src=$2$3.$4$5$6&gt;&lt;/a&gt;'</span><span>;</span></div></div><div><div><div>6</div></div><div><span>$content</span><span><span> </span><span>=</span><span> </span></span><span>preg_replace</span><span>(</span><span>$pattern</span><span><span>,</span><span> </span></span><span>$replacement</span><span><span>,</span><span> </span></span><span>$content</span><span>);</span></div></div><div><div><div>7</div></div><div><span>return</span><span> </span><span>$content</span><span>;</span></div></div><div><div><div>8</div></div><div><span>}</span></div></div><div><div><div>9</div></div><div><span>add_filter</span><span>(</span><span>'the_content'</span><span><span>,</span><span> </span></span><span>'fancybox'</span><span>);</span></div></div></code></pre><div><div></div><div></div></div></figure></div> </li> </ul><p>**注意事项：**规则全局生效，旧文章不用重新更新发布。</p></section></section>https://kanochan.net/posts/wp-editor-md-sakurairo-fix/https://kanochan.net/posts/wp-editor-md-sakurairo-fix/解决WP Editor.md与Sakurairo主题在“说说”页面上的Markdown兼容性问题。Mon, 09 May 2022 00:00:00 GMT<blockquote><p>或许这是一个WordPress中最好，最完美的Markdown编辑器 其实本文主要解决的是WP Editor.md编辑器无法应用在说说页面的问题，这个高大上的标题就是吓唬人的</p></blockquote> <p>先声明版本号，免得被时空猎杀 {{ys_chijing}} {{ys_chijing}}</p> <ul> <li>sakurairo版本：2.4.5</li> <li>WP Editor.md版本：10.2.1</li> </ul> <p><a href="https://github.com/LuRenJiasWorld/WP-Editor.md" target="_blank">WP Editor.md</a>是WordPress里的一款markdown编辑器插件，按照作者的话来说，“或许这是一个WordPress中最好，最完美的Markdown编辑器”，这款md编辑器也得到了sakura主题作者的<a href="https://2heng.xin/theme-sakura/#toc-head-22" target="_blank">推荐</a>。测试下来，在代码高亮、公式渲染、语法支持上面，确实是对sakurairo主题兼容性最好的markdown编辑器插件。 </p><figure><img src="https://image.kanochan.net/2022/05/09/image.png" alt="image.png" /><figcaption>image.png</figcaption></figure><p></p> <p>来自大佬的推荐</p> <p><strong>今天主要是想解决一个小问题，那就是WP Editor.md无法渲染发布在“说说”里面的文章。</strong></p> <p>这个问题直观的表现就是，在普通的文章页面中WP Editor.md可以正常地将markdown代码渲染成HTML文档；而在说说页面，markdown代码不能被渲染，只会源码输出，如下图： </p><figure><img src="https://image.kanochan.net/2022/05/09/image8aba2218b289fafa.png" alt="image8aba2218b289fafa.png" /><figcaption>image8aba2218b289fafa.png</figcaption></figure><p></p> <p>这是前台渲染的页面</p> <p></p><figure><img src="https://image.kanochan.net/2022/05/09/image2af2ca6989d10b74.png" alt="image2af2ca6989d10b74.png" /><figcaption>image2af2ca6989d10b74.png</figcaption></figure><p></p> <p>这是后台文章md源码</p> <p>不难看出md源代码确实是被原样输出了，没有经过渲染。 不知道有多少小伙伴在用markdown来写作，也不知道你们是否遇到了这个问题。可能看到这里的大佬，已经看出了解决办法。 确实，这是一个很简单的问题，解决起来也不难。但还是记录一下解决办法吧水文章，如果能帮到需要的人，那就更好了。 要解决这个问题，我们需要知道主题的“说说”页面里面的“说说”是怎么来的。 查看主题源码发现，生成后台说说页面（目录？）（文章类型？）的代码如下：</p> <div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>function</span><span> </span><span>shuoshuo_custom_init</span><span>()</span></div></div><div><div><div>2</div></div><div><span>{</span></div></div><div><div><div>3</div></div><div><span> </span><span>$labels</span><span><span> </span><span>=</span><span> </span></span><span>array</span><span>(</span></div></div><div><div><div>4</div></div><div><span> </span><span>'name'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Ideas"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>5</div></div><div><span> </span><span>'singular_name'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>6</div></div><div><span> </span><span>'add_new'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Publish New Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>7</div></div><div><span> </span><span>'add_new_item'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Publish New Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>8</div></div><div><span> </span><span>'edit_item'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Edit Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>9</div></div><div><span> </span><span>'new_item'</span><span> =&gt; </span><span>__</span><span>(</span><span>"New Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>10</div></div><div><span> </span><span>'view_item'</span><span> =&gt; </span><span>__</span><span>(</span><span>"View Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>11</div></div><div><span> </span><span>'search_items'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Search Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>12</div></div><div><span> </span><span>'not_found'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Not Found Idea"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>13</div></div><div><span> </span><span>'not_found_in_trash'</span><span> =&gt; </span><span>__</span><span>(</span><span>"No Idea in the Trash"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>),</span></div></div><div><div><div>14</div></div><div><span> </span><span>'parent_item_colon'</span><span> =&gt; </span><span>''</span><span>,</span></div></div><div><div><div>15</div></div><div><span> </span><span>'menu_name'</span><span> =&gt; </span><span>__</span><span>(</span><span>"Ideas"</span><span><span>,</span><span> </span></span><span>"sakurairo"</span><span>)</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>);</span></div></div><div><div><div>17</div></div><div><span> </span><span>$args</span><span><span> </span><span>=</span><span> </span></span><span>array</span><span>(</span></div></div><div><div><div>18</div></div><div><span> </span><span>'labels'</span><span> =&gt; </span><span>$labels</span><span>,</span></div></div><div><div><div>19</div></div><div><span> </span><span>'public'</span><span> =&gt; </span><span>true</span><span>,</span></div></div><div><div><div>20</div></div><div><span> </span><span>'publicly_queryable'</span><span> =&gt; </span><span>true</span><span>,</span></div></div><div><div><div>21</div></div><div><span> </span><span>'show_ui'</span><span> =&gt; </span><span>true</span><span>,</span></div></div><div><div><div>22</div></div><div><span> </span><span>'show_in_menu'</span><span> =&gt; </span><span>true</span><span>,</span></div></div><div><div><div>23</div></div><div><span> </span><span>'query_var'</span><span> =&gt; </span><span>true</span><span>,</span></div></div><div><div><div>24</div></div><div><span> </span><span>'rewrite'</span><span> =&gt; </span><span>true</span><span>,</span></div></div><div><div><div>25</div></div><div><span> </span><span>'capability_type'</span><span> =&gt; </span><span>'post'</span><span>,</span></div></div><div><div><div>26</div></div><div><span> </span><span>'has_archive'</span><span> =&gt; </span><span>true</span><span>,</span></div></div><div><div><div>27</div></div><div><span> </span><span>'hierarchical'</span><span> =&gt; </span><span>false</span><span>,</span></div></div><div><div><div>28</div></div><div><span> </span><span>'menu_position'</span><span> =&gt; </span><span>null</span><span>,</span></div></div><div><div><div>29</div></div><div><span> </span><span>'supports'</span><span> =&gt; </span><span>array</span><span>(</span></div></div><div><div><div>30</div></div><div><span> </span><span>'title'</span><span>,</span></div></div><div><div><div>31</div></div><div><span> </span><span>'editor'</span><span>,</span></div></div><div><div><div>32</div></div><div><span> </span><span>'author'</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>)</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>);</span></div></div><div><div><div>35</div></div><div><span> </span><span>register_post_type</span><span>(</span><span>'shuoshuo'</span><span><span>,</span><span> </span></span><span>$args</span><span>);</span></div></div><div><div><div>36</div></div><div><span>}</span></div></div><div><div><div>37</div></div><div><span>add_action</span><span>(</span><span>'init'</span><span><span>,</span><span> </span></span><span>'shuoshuo_custom_init'</span><span>);</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div> <p>说来惭愧，因为接触WordPress的时间不算太长，许多东西还没来得及去了解，我暂时还无法向你解释这些代码。初步看起来这是在设置后台的菜单，以及建立新的文章目录（类型），并且可以向这个目录中添加文章？等我学习完，会将这些内容补上。</p> <p>下面这些代码用于将所有“说说”集合到一起生成一个“说说”页面。本质上，每一条“说说”都是一篇文章。</p> <div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span>&lt;</span><span>?</span></span><span>php</span></div></div><div><div><div>2</div></div><div><span> </span><span>query_posts</span><span>(</span><span>"post_type=shuoshuo &amp; post_status=publish &amp; posts_per_page=-1"</span><span>);</span></div></div><div><div><div>3</div></div><div><span> </span><span>if</span><span> (</span><span>have_posts</span><span><span>()) </span><span>:</span><span> </span><span>?</span><span>&gt;</span></span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;</span><span>ul</span><span> </span><span>class</span><span>=</span><span>"cbp_tmtimeline"</span><span>&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;</span><span>?</span><span>php</span></div></div><div><div><div>6</div></div><div><span> </span><span>while</span><span> (</span><span>have_posts</span><span><span>()) </span><span>:</span><span> </span></span><span>the_post</span><span><span>(); </span><span>?</span><span>&gt;</span></span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;</span><span>li</span><span>&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;</span><span>span</span><span> </span><span>class</span><span>=</span><span>"shuoshuo_author_img"</span><span>&gt;&lt;</span><span>img</span><span> </span><span>src</span><span>=</span><span>"&lt;?php echo get_avatar_profile_url(get_the_author_meta('ID')); ?&gt;"</span><span> </span><span>class</span><span>=</span><span>"avatar avatar-48"</span><span> </span><span>width</span><span>=</span><span>"48"</span><span> </span><span>height</span><span>=</span><span>"48"</span><span>&gt;&lt;/</span><span>span</span><span>&gt;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>&lt;</span><span>div</span><span> </span><span>class</span><span>=</span><span>"cbp_tmlabel"</span><span>&gt;</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;</span><span>p</span><span><span>&gt;&lt;</span><span>?</span></span><span>php</span><span> </span><span>the_content</span><span><span>(); </span><span>?</span><span>&gt;&lt;/</span></span><span>p</span><span>&gt;</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>&lt;</span><span>p</span><span> </span><span>class</span><span>=</span><span>"shuoshuo_time"</span><span>&gt;&lt;</span><span>i</span><span> </span><span>class</span><span>=</span><span>"fa fa-clock-o"</span><span>&gt;&lt;/</span><span>i</span><span><span>&gt;</span><span> </span><span>&lt;</span><span>?</span></span><span>php</span><span> </span><span>the_time</span><span>(</span><span>'Y年n月j日 G:i'</span><span><span>); </span><span>?</span><span>&gt;&lt;/</span></span><span>p</span><span>&gt;</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>&lt;/</span><span>div</span><span>&gt;</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>&lt;/</span><span>li</span><span>&gt;</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>&lt;</span><span>?</span><span>php</span><span> </span><span>endwhile</span><span><span>; </span><span>?</span><span>&gt;</span></span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>&lt;/</span><span>ul</span><span>&gt;</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>&lt;</span><span>?</span><span>php</span></div></div><div><div><div>17</div></div><div><span> </span><span>else</span><span><span> </span><span>:</span><span> </span><span>?</span><span>&gt;</span></span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>&lt;</span><span>h3</span><span> </span><span>style</span><span>=</span><span>"text-align: center;"</span><span>&gt;</span><span>你还没有发表说说噢！</span><span>&lt;/</span><span>h3</span><span>&gt;</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>&lt;</span><span>p</span><span> </span><span>style</span><span>=</span><span>"text-align: center;"</span><span>&gt;</span><span>赶快去发表你的第一条说说心情吧！</span><span>&lt;/</span><span>p</span><span>&gt;</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>&lt;</span><span>?</span><span>php</span></div></div><div><div><div>21</div></div><div><span> </span><span>endif</span><span><span>; </span><span>?</span><span>&gt;</span></span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div> <p>在上面的代码中，可以提取到一个有用的东西<code>post_type=shuoshuo</code>,暂且称之为获取文章类型为<code>shuoshuo</code>的文章。也就是说，“说说”的文章类型为<code>shuoshuo</code>。</p> <p>接下来看一下WP Editor.md是如何渲染文章的，或者说，它是怎么样确定那些文章是需要渲染的。 根据由上面的代码获取到了关键字<code>post_type</code>，来搜索WP Editor.md插件目录看看有啥发现，如下：</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>/**</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>* We don"t want Markdown conversion all over the place.</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>*</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>* </span><span>@return</span><span> </span><span>null</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>*/</span></div></div><div><div><div>6</div></div><div><span>public</span><span> </span><span>function</span><span> </span><span>add_default_post_type_support</span><span>() {</span></div></div><div><div><div>7</div></div><div><span> </span><span>add_post_type_support</span><span>(</span><span>"post"</span><span><span>,</span><span> </span></span><span>self</span><span>::</span><span>POST_TYPE_SUPPORT</span><span>);</span></div></div><div><div><div>8</div></div><div><span> </span><span>add_post_type_support</span><span>(</span><span>"page"</span><span><span>,</span><span> </span></span><span>self</span><span>::</span><span>POST_TYPE_SUPPORT</span><span>);</span></div></div><div><div><div>9</div></div><div><span> </span><span>add_post_type_support</span><span>(</span><span>"revision"</span><span><span>,</span><span> </span></span><span>self</span><span>::</span><span>POST_TYPE_SUPPORT</span><span>);</span></div></div><div><div><div>10</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p>简单翻译一下注释你就会发现，这里就是用于确定插件该渲染那些类型的页面的地方。WP Editor.md渲染的页面类型包括“文章页面”、“独立页面”、“版本修订页面”。这就好办了，把“说说”页面加进去就好了。 在<code>add_post_type_support("revision", self::POST_TYPE_SUPPORT);</code>下一行添加“说说”页面类型<code>add_post_type_support("shuoshuo", self::POST_TYPE_SUPPORT);</code></p> <p>最后将“说说”重新发布（这是必要的流程），就可以将markdown渲染成HTML文档了。 示例请看<a href="https://kanochan.net/cross/">动态</a>，所有的动态均用markdown书写。</p> <p><em>end</em> {{kano_dacall}} {{kano_dacall}}</p>https://kanochan.net/posts/genshin-official-stickers/https://kanochan.net/posts/genshin-official-stickers/整理并提供原神官方表情包资源与下载方式。Sat, 30 Apr 2022 00:00:00 GMT<blockquote><p>收集了一些原神的官方表情包，下一步是把它们加入评论表情中（咕咕咕…（好像有鸽子在叫？已完成！</p></blockquote> <section><h1>2023-05-05 Update<a href="#2023-05-05-update"><span>#</span></a></h1><p>网盘炸了，本篇文章下载链接失效。大家移步<a href="https://www.bilibili.com/read/cv15631203" target="_blank">米哈游QQ平台表情包不全？来这里看看！——米游社表情包提取</a>这里下载。</p></section> <section><h1>2022-09-18 Update<a href="#2022-09-18-update"><span>#</span></a></h1><p>没想到有这么多人看，我都震惊了！</p><p>顺便更新一下表情包吧，这回是直接从米游社app里面提取的，提取方法可以看这篇文章：<a href="https://www.bilibili.com/read/cv15631203" target="_blank">米哈游QQ平台表情包不全？来这里看看！——米游社表情包提取</a> 文章备份存档：<a href="https://kanochan.net/wp-content/uploads/archive/mhybbs-extract-expression-pack.html">https://kanochan.net/wp-content/uploads/archive/mhybbs-extract-expression-pack.html</a></p><p>表情包以人物名字进行分类</p><p><img src="https://image.kanochan.net/2022/09/18/202209181322401.png" alt="" /></p><p><img src="https://image.kanochan.net/2022/09/18/202209181333575.png" alt="" /></p><p>检查了两遍应该没有遗漏的，下载地址：<a href="https://storage.kanochan.net/%E5%8E%9F%E7%A5%9E%E8%A1%A8%E6%83%85%E5%8C%85.zip" target="_blank">https://storage.kanochan.net/原神表情包.zip</a></p><hr /><blockquote><p>以下为历史内容，可配合一起食用，查漏补缺。</p></blockquote><p></p><figure><img src="https://image.kanochan.net/2022/04/30/aaaaaa.png" alt="aaaaaa.png" /><figcaption>aaaaaa.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/anxiang.png" alt="anxiang.png" /><figcaption>anxiang.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/anzhongguancha.png" alt="anzhongguancha.png" /><figcaption>anzhongguancha.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/aojiao.png" alt="aojiao.png" /><figcaption>aojiao.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/baituo.png" alt="baituo.png" /><figcaption>baituo.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/bixin.png" alt="bixin.png" /><figcaption>bixin.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/bukuishiwo.png" alt="bukuishiwo.png" /><figcaption>bukuishiwo.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/buyaoa.png" alt="buyaoa.png" /><figcaption>buyaoa.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/chaoxiong.png" alt="chaoxiong.png" /><figcaption>chaoxiong.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/chifan.png" alt="chifan.png" /><figcaption>chifan.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/chijing.png" alt="chijing.png" /><figcaption>chijing.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/chuhuoba.png" alt="chuhuoba.png" /><figcaption>chuhuoba.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/daku.png" alt="daku.png" /><figcaption>daku.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/dao.png" alt="dao.png" /><figcaption>dao.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/deyi.png" alt="deyi.png" /><figcaption>deyi.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/dianzan.png" alt="dianzan.png" /><figcaption>dianzan.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/duqi.png" alt="duqi.png" /><figcaption>duqi.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/eeeee.png" alt="eeeee.png" /><figcaption>eeeee.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/fanzao.png" alt="fanzao.png" /><figcaption>fanzao.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/fennu.png" alt="fennu.png" /><figcaption>fennu.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/ganbei.png" alt="ganbei.png" /><figcaption>ganbei.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/gandepiaoliang.png" alt="gandepiaoliang.png" /><figcaption>gandepiaoliang.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/guaiqiao.png" alt="guaiqiao.png" /><figcaption>guaiqiao.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/gugugugu.png" alt="gugugugu.png" /><figcaption>gugugugu.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/guzhang.png" alt="guzhang.png" /><figcaption>guzhang.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/haoe.png" alt="haoe.png" /><figcaption>haoe.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/haozhuyi.png" alt="haozhuyi.png" /><figcaption>haozhuyi.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/hecha.png" alt="hecha.png" /><figcaption>hecha.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/heixian.png" alt="heixian.png" /><figcaption>heixian.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/hengheng.png" alt="hengheng.png" /><figcaption>hengheng.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/jiaogeiwoba.png" alt="jiaogeiwoba.png" /><figcaption>jiaogeiwoba.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/jingjue.png" alt="jingjue.png" /><figcaption>jingjue.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/jiujiuwo.png" alt="jiujiuwo.png" /><figcaption>jiujiuwo.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/nizhenyoumo.png" alt="nizhenyoumo.png" /><figcaption>nizhenyoumo.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/ok.png" alt="ok.png" /><figcaption>ok.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/oooo.png" alt="oooo.png" /><figcaption>oooo.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/qidai.png" alt="qidai.png" /><figcaption>qidai.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/qingtoubi.png" alt="qingtoubi.png" /><figcaption>qingtoubi.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/qisile.png" alt="qisile.png" /><figcaption>qisile.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/ranqilaile.png" alt="ranqilaile.png" /><figcaption>ranqilaile.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/sahua.png" alt="sahua.png" /><figcaption>sahua.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/sha.png" alt="sha.png" /><figcaption>sha.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/sikao.png" alt="sikao.png" /><figcaption>sikao.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/suizhaole.png" alt="suizhaole.png" /><figcaption>suizhaole.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/tanqi.png" alt="tanqi.png" /><figcaption>tanqi.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/tanshou.png" alt="tanshou.png" /><figcaption>tanshou.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/wanan.png" alt="wanan.png" /><figcaption>wanan.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/weiqubaba.png" alt="weiqubaba.png" /><figcaption>weiqubaba.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/wojujue.png" alt="wojujue.png" /><figcaption>wojujue.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/woquanyao.png" alt="woquanyao.png" /><figcaption>woquanyao.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/wu.png" alt="wu.png" /><figcaption>wu.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/wuliao.png" alt="wuliao.png" /><figcaption>wuliao.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/xiaoshi.png" alt="xiaoshi.png" /><figcaption>xiaoshi.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/yiwen.png" alt="yiwen.png" /><figcaption>yiwen.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/zhenjing.png" alt="zhenjing.png" /><figcaption>zhenjing.png</figcaption></figure><figure><img src="https://image.kanochan.net/2022/04/30/zuomeng.png" alt="zuomeng.png" /><figcaption>zuomeng.png</figcaption></figure><p></p><p>表情包来自<a href="https://bbs.mihoyo.com/ys/" target="_blank">米游社</a>，由NGA里的老哥（ <a href="https://bbs.nga.cn/read.php?tid=24578301&amp;rand=341" target="_blank">UID：25703964</a>）抓取，表情不是最全版本，但是也足够用了。</p><p>如果你想下载表情图包，请点击<a href="https://drive.kanochan.net/s/GWCv" target="_blank">这里</a></p></section>https://kanochan.net/posts/sakurairo-comment-stickers/https://kanochan.net/posts/sakurairo-comment-stickers/通过修改主题代码为Sakurairo评论区加入自定义表情包支持。Sat, 30 Apr 2022 00:00:00 GMT<blockquote><p>在主题群里问了一下有没有增加表情包的相关文章，然而并没有结果。。。白嫖失败只好人肉开荒了…</p></blockquote> <section><h2>最新进展<a href="#最新进展"><span>#</span></a></h2><p>Sakurairo 2.6.3版本已经支持自定义表情啦，详见<a href="https://kanochan.net/archives/3346.html">Sakurairo主题更新日志</a>与<a href="https://kanochan.net/archives/3449.html">为Sakurairo主题添加自定义表情功能</a></p></section> <section><h2>更新日志<a href="#更新日志"><span>#</span></a></h2><ul> <li>update 快报！2.5新版本主题已经发布，还没有空做表情包的兼容性测试（但我想应该没问题（大概 <strong>确认2.5.x版本主题适用此方式修改</strong>（2022-05-22 15:20:33）</li> <li>v1.4 修复了点击评论区表情包会自动将其输入到评论框的问题（这不并是bug，而是主题功能如此，但考虑到可能会给游客带来困扰，我就把它关掉了），代码已更新。（2022-05-08 18:17:05）</li> <li>v1.3 更新了2233娘表情包和kano的表情包，可在文末下载。（2022-05-03 23:34:14）</li> <li>v1.2 用于数学公式渲染的js将文章里的代码转义了，导致报错。新的代码已更新完成，可以使用。（2022-04-30 21:08:56）</li> <li>v1.1 有些表情包跟bilibili重名了，造成了混乱，现已修改完成（2022-04-30 19:46:16）</li> </ul></section> <section><h2>前言<a href="#前言"><span>#</span></a></h2><p>表情包文件在<a href="https://kanochan.net/archives/1412.html">上一篇文章</a>中，本来估计要鸽好久的，看了一下代码发现似乎不算太难，就花了一些时间做出来了。改完测试了一下没发现什么明显的BUG（没被发现就不算bug），有情况务必留言告诉我一下。</p><p>先简单综述一下，现在用的主题版本是2.4.5，其他版本应该也适用，但不好说。整个过程需要修改源代码，需要刷新缓存（如果你配置了cdn的话），需要在主题设置里面启用“本地提供前端关键资源”，不然修改不会生效。修改源代码，就不能平滑地升级更新主题了，请三思后行（你可以选择升级后再次进行修改）。</p><p>添加的表情包其实不局限于我在上一篇文章中给出的表情包内容，你完全可以换别的表情包，原理是通用的，只需照葫芦画瓢即可。那么，开始吧！</p></section> <section><h2>修改functions.php文件<a href="#修改functionsphp文件"><span>#</span></a></h2><p>文件在sakurario的根目录里，定位到1116行左右，将下列代码添加到functions.php文件的<code>add_filter('comment_text_rss', 'bili_smile_filter_rss');</code>这一行代码下方。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$yssmiliestrans</span><span><span> </span><span>=</span><span> </span></span><span>array</span><span>();</span></div></div><div><div><div>2</div></div><div><span>function</span><span> </span><span>push_ys_smilies</span><span>()</span></div></div><div><div><div>3</div></div><div><span>{</span></div></div><div><div><div>4</div></div><div><span> </span><span>global</span><span> </span><span>$yssmiliestrans</span><span>;</span></div></div><div><div><div>5</div></div><div><span> </span><span>$name</span><span><span> </span><span>=</span><span> </span></span><span>array</span><span>(</span><span>'ys_aaaaaa'</span><span>, </span><span>'ys_anxiang'</span><span>, </span><span>'ys_anzhongguancha'</span><span>, </span><span>'ys_aojiao'</span><span>, </span><span>'ys_baituo'</span><span>, </span><span>'ys_bixin'</span><span>, </span><span>'ys_bukuishiwo'</span><span>, </span><span>'ys_buyaoa'</span><span>, </span><span>'ys_chaoxiong'</span><span>, </span><span>'ys_chifan'</span><span>, </span><span>'ys_chijing'</span><span>, </span><span>'ys_chuhuoba'</span><span>, </span><span>'ys_daku'</span><span>, </span><span>'ys_dao'</span><span>, </span><span>'ys_deyi'</span><span>, </span><span>'ys_dianzan'</span><span>, </span><span>'ys_duqi'</span><span>, </span><span>'ys_eeeee'</span><span>, </span><span>'ys_fanzao'</span><span>, </span><span>'ys_fennu'</span><span>, </span><span>'ys_ganbei'</span><span>, </span><span>'ys_gandepiaoliang'</span><span>, </span><span>'ys_guaiqiao'</span><span>, </span><span>'ys_gugugugu'</span><span>, </span><span>'ys_guzhang'</span><span>, </span><span>'ys_haoe'</span><span>, </span><span>'ys_haozhuyi'</span><span>, </span><span>'ys_hecha'</span><span>, </span><span>'ys_heixian'</span><span>, </span><span>'ys_hengheng'</span><span>, </span><span>'ys_jiaogeiwoba'</span><span>, </span><span>'ys_jingjue'</span><span>, </span><span>'ys_jiujiuwo'</span><span>, </span><span>'ys_nizhenyoumo'</span><span>, </span><span>'ys_ok'</span><span>, </span><span>'ys_oooo'</span><span>, </span><span>'ys_qidai'</span><span>, </span><span>'ys_qingtoubi'</span><span>, </span><span>'ys_qisile'</span><span>, </span><span>'ys_ranqilaile'</span><span>, </span><span>'ys_sahua'</span><span>, </span><span>'ys_sha'</span><span>, </span><span>'ys_sikao'</span><span>, </span><span>'ys_suizhaole'</span><span>, </span><span>'ys_tanqi'</span><span>, </span><span>'ys_tanshou'</span><span>, </span><span>'ys_wanan'</span><span>, </span><span>'ys_weiqubaba'</span><span>, </span><span>'ys_wojujue'</span><span>, </span><span>'ys_woquanyao'</span><span>, </span><span>'ys_wu'</span><span>, </span><span>'ys_wuliao'</span><span>, </span><span>'ys_xiaoshi'</span><span>, </span><span>'ys_yiwen'</span><span>, </span><span>'ys_zhenjing'</span><span>, </span><span>'ys_zuomeng'</span><span>);</span></div></div><div><div><div>6</div></div><div><span> </span><span>$return_smiles</span><span><span> </span><span>=</span><span> </span></span><span>''</span><span>;</span></div></div><div><div><div>7</div></div><div><span> </span><span>$type</span><span><span> </span><span>=</span><span> </span></span><span>'png'</span><span>;</span></div></div><div><div><div>8</div></div><div><span> </span><span>$ysimgdir</span><span><span> </span><span>=</span><span> </span></span><span>'ys'</span><span> </span><span>.</span><span> </span><span>$type</span><span> </span><span>.</span><span> </span><span>'/'</span><span>;</span></div></div><div><div><div>9</div></div><div><span> </span><span>$smiliesgs</span><span><span> </span><span>=</span><span> </span></span><span>'.'</span><span> </span><span>.</span><span> </span><span>$type</span><span>;</span></div></div><div><div><div>10</div></div><div><span> </span><span>foreach</span><span> (</span><span>$name</span><span> as </span><span>$smilies_Name</span><span>) {</span></div></div><div><div><div>11</div></div><div><span> </span><span>// 表情面板替换</span></div></div><div><div><div>12</div></div><div><span> </span><span>$return_smiles</span><span><span> </span><span>=</span><span> </span></span><span>$return_smiles</span><span> </span><span>.</span><span> </span><span>'&lt;span title="'</span><span> </span><span>.</span><span> </span><span>$smilies_Name</span><span> </span><span>.</span><span> </span><span>'" onclick="grin('</span><span> </span><span>.</span><span> </span><span>"'"</span><span> </span><span>.</span><span> </span><span>$smilies_Name</span><span> </span><span>.</span><span> </span><span>"'"</span><span> </span><span>.</span><span> </span><span>',type = </span><span>\'</span><span>Math</span><span>\'</span><span>)"&gt;&lt;img loading="lazy" style="height: 60px;" src="https://kanochan.net/wp-content/uploads/Sakurairo_Vision/@2.4/smilies/'</span><span> </span><span>.</span><span> </span><span>$ysimgdir</span><span> </span><span>.</span><span> </span><span>$smilies_Name</span><span> </span><span>.</span><span> </span><span>$smiliesgs</span><span> </span><span>.</span><span> </span><span>'" /&gt;&lt;/span&gt;'</span><span>;</span></div></div><div><div><div>13</div></div><div><span> </span><span>// 正文区替换</span></div></div><div><div><div>14</div></div><div><span> </span><span>$yssmiliestrans</span><span>[</span><span>'{{'</span><span> </span><span>.</span><span> </span><span>$smilies_Name</span><span> </span><span>.</span><span> </span><span>'}}'</span><span><span>] </span><span>=</span><span> </span></span><span>'&lt;span title="'</span><span> </span><span>.</span><span> </span><span>$smilies_Name</span><span> </span><span>.</span><span> </span><span>'" &gt;&lt;img loading="lazy" style="height: 60px;" src="https://kanochan.net/wp-content/uploads/Sakurairo_Vision/@2.4/smilies/'</span><span> </span><span>.</span><span> </span><span>$ysimgdir</span><span> </span><span>.</span><span> </span><span>$smilies_Name</span><span> </span><span>.</span><span> </span><span>$smiliesgs</span><span> </span><span>.</span><span> </span><span>'" /&gt;&lt;/span&gt;'</span><span>;</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>16</div></div><div><span> </span><span>return</span><span> </span><span>$return_smiles</span><span>;</span></div></div><div><div><div>17</div></div><div><span>}</span></div></div><div><div><div>18</div></div><div><span>push_ys_smilies</span><span>();</span></div></div><div><div><div>19</div></div><div> </div></div><div><div><div>20</div></div><div><span>function</span><span> </span><span>ys_smile_filter</span><span>(</span><span>$content</span><span>)</span></div></div><div><div><div>21</div></div><div><span>{</span></div></div><div><div><div>22</div></div><div><span> </span><span>global</span><span> </span><span>$yssmiliestrans</span><span>;</span></div></div><div><div><div>23</div></div><div><span> </span><span>$content</span><span><span> </span><span>=</span><span> </span></span><span>str_replace</span><span>(</span><span>array_keys</span><span>(</span><span>$yssmiliestrans</span><span><span>),</span><span> </span></span><span>$yssmiliestrans</span><span><span>,</span><span> </span></span><span>$content</span><span>);</span></div></div><div><div><div>24</div></div><div><span> </span><span>return</span><span> </span><span>$content</span><span>;</span></div></div><div><div><div>25</div></div><div><span>}</span></div></div><div><div><div>26</div></div><div><span>add_filter</span><span>(</span><span>'the_content'</span><span><span>,</span><span> </span></span><span>'ys_smile_filter'</span><span>); </span><span>//替换文章关键词</span></div></div><div><div><div>27</div></div><div><span>add_filter</span><span>(</span><span>'comment_text'</span><span><span>,</span><span> </span></span><span>'ys_smile_filter'</span><span>); </span><span>//替换评论关键词</span></div></div><div><div><div>28</div></div><div> </div></div><div><div><div>29</div></div><div><span>function</span><span> </span><span>ys_smile_filter_rss</span><span>(</span><span>$content</span><span>)</span></div></div><div><div><div>30</div></div><div><span>{</span></div></div><div><div><div>31</div></div><div><span> </span><span>$type</span><span><span> </span><span>=</span><span> </span></span><span>'png'</span><span>;</span></div></div><div><div><div>32</div></div><div><span> </span><span>$ysimgdir</span><span><span> </span><span>=</span><span> </span></span><span>'ys'</span><span> </span><span>.</span><span> </span><span>$type</span><span> </span><span>.</span><span> </span><span>'/'</span><span>;</span></div></div><div><div><div>33</div></div><div><span> </span><span>$smiliesgs</span><span><span> </span><span>=</span><span> </span></span><span>'.'</span><span> </span><span>.</span><span> </span><span>$type</span><span>;</span></div></div><div><div><div>34</div></div><div><span> </span><span>$content</span><span><span> </span><span>=</span><span> </span></span><span>str_replace</span><span>(</span><span>'{{'</span><span><span>,</span><span> </span></span><span>'&lt;img src="https://kanochan.net/wp-content/uploads/Sakurairo_Vision/@2.4/smilies/'</span><span> </span><span>.</span><span> </span><span>$ysimgdir</span><span><span>,</span><span> </span></span><span>$content</span><span>);</span></div></div><div><div><div>35</div></div><div><span> </span><span>$content</span><span><span> </span><span>=</span><span> </span></span><span>str_replace</span><span>(</span><span>'}}'</span><span><span>,</span><span> </span></span><span>$smilesgs</span><span> </span><span>.</span><span> </span><span>'" alt="emoji" style="height: 2em; max-height: 2em;"&gt;'</span><span><span>,</span><span> </span></span><span>$content</span><span>);</span></div></div><div><div><div>36</div></div><div><span> </span><span>$content</span><span><span> </span><span>=</span><span> </span></span><span>str_replace</span><span>(</span><span>'[img]'</span><span><span>,</span><span> </span></span><span>'&lt;img src="'</span><span><span>,</span><span> </span></span><span>$content</span><span>);</span></div></div><div><div><div>37</div></div><div><span> </span><span>$content</span><span><span> </span><span>=</span><span> </span></span><span>str_replace</span><span>(</span><span>'[/img]'</span><span><span>,</span><span> </span></span><span>'" style="display: block;margin-left: auto;margin-right: auto;"&gt;'</span><span><span>,</span><span> </span></span><span>$content</span><span>);</span></div></div><div><div><div>38</div></div><div><span> </span><span>return</span><span> </span><span>$content</span><span>;</span></div></div><div><div><div>39</div></div><div><span>}</span></div></div><div><div><div>40</div></div><div><span>add_filter</span><span>(</span><span>'comment_text_rss'</span><span><span>,</span><span> </span></span><span>'ys_smile_filter_rss'</span><span>); </span><span>//替换评论rss关键词</span></div></div><div><div><div>41</div></div><div> </div></div><div><div><div>42</div></div><div><span>//原神表情包结束</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>这一段代码中，有几个值得注意的地方：</p><ul> <li><code>function push_ys_smilies()</code>用于输出表情包列表</li> <li><code>function ys_smile_filter_rss($content)</code>用于修改RSS订阅中的表情链接</li> <li><code>$name = array</code>后面跟着的这一大串东西，是表情包的文件名（不带扩展名），如果你用的是别的表情包，对应修改即可。</li> <li><code>https://kanochan.net/wp-content/uploads/Sakurairo_Vision/@2.4/smilies/</code>这个链接是表情包文件的路径，替换成你的链接即可。当然了，你也可以直接使用我的链接。</li> <li><code>$type</code>是文件的扩展名，如png、jpg、webp等。特别注意的是，表情包目录里的文件类型要一致。</li> <li><code>$ysimgdir</code>是表情包目录的名称。</li> </ul><p><em>反正不管怎么说，你能让img标签获得到表情包图片路径就行了</em></p></section> <section><h2>修改comments.php文件<a href="#修改commentsphp文件"><span>#</span></a></h2><p>文件在sakurario的根目录里，定位到文件的83行左右，在</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>th</span><span> </span><span>onclick</span><span>=</span><span>"motionSwitch(\'.tieba\')"</span><span> </span><span>class</span><span>=</span><span>"tieba-bar"</span><span>&gt;</span><span>Tieba</span><span>&lt;/</span><span>th</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>的下方添加如下代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>th</span><span> </span><span>onclick</span><span>=</span><span>"motionSwitch(\'.ys\')"</span><span> </span><span>class</span><span>=</span><span>"ys-bar"</span><span>&gt;</span><span>原神</span><span>&lt;/</span><span>th</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><em>记住这个<code>.ys</code>，后面要用，ys-bar里的<code>ys</code>与motionSwitch里的<code>ys</code>对应，因为涉及到js的判断，所以需要一 一对应</em></p><p>在</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>div</span><span> </span><span>class</span><span>=</span><span>"tieba-container motion-container"</span><span> </span><span>style</span><span>=</span><span>"display:none;"</span><span>&gt;</span><span>' . push_tieba_smilies() . '</span><span>&lt;/</span><span>div</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>的下方添加如下代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>div</span><span> </span><span>class</span><span>=</span><span>"ys-container motion-container"</span><span> </span><span>style</span><span>=</span><span>"display:none;"</span><span>&gt;</span><span>' . push_ys_smilies() . '</span><span>&lt;/</span><span>div</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><em>注意ys-container里边的<code>ys</code>，对应前面说要记住的那个。<code>push_ys_smilies()</code>函数名对应的是functions.php里的函数</em></p><p>修改完成后的代码如下图：</p><p></p><figure><img src="https://image.kanochan.net/2022/04/30/image.png" alt="image.png" /><figcaption>image.png</figcaption></figure><p></p></section> <section><h2>修改page.js文件<a href="#修改pagejs文件"><span>#</span></a></h2><p>文件路径：/Sakurairo/js/page.js，将<code>[".bili", ".menhera", ".tieba"]</code>修改为<code>[".bili",".menhera",".tieba",".ys"]</code>，绑定点击事件。</p><p>一切就绪，现在刷新清除页面缓存，应该就能看见添加的表情了。 如果你想用别的表情包，如法炮制即可。</p></section> <section><h2>表情包下载<a href="#表情包下载"><span>#</span></a></h2><ul> <li><a href="https://drive.kanochan.net/s/VwIY" target="_blank">2233娘表情包</a>（文件来自<a href="https://www.bilibili.com/video/av285412059" target="_blank">B站up主——LongLanWack</a>）</li> <li><a href="https://drive.kanochan.net/s/ags4" target="_blank">kano表情包</a>（文件来自<a href="https://kanokano.cn/" target="_blank">kanokano</a>）</li> </ul><p><em>end</em></p></section>https://kanochan.net/posts/sakurairo-toc-scroll-fix/https://kanochan.net/posts/sakurairo-toc-scroll-fix/修复Sakurairo主题在多图文章中目录无法正确跟随滚动的问题。Tue, 26 Apr 2022 00:00:00 GMT<blockquote><p>说来神奇，我是在Github的Issues上发现的这个问题，而不是在自己的博客上…</p></blockquote> <p>有一天无聊，就翻着Sakurairo的Issues看看有没有啥史传BUG有趣的东西，然后看见了这条Issues：<a href="https://github.com/mirai-mamori/Sakurairo/issues/497" target="_blank">文章右侧目录不跟随</a>。随即在自己博客测试了一下看修复了没，很可惜，我重现了这个BUG。q(≧▽≦q) </p> <p>当时底下没有任何人给出解决方法，作者也没有回复。花了三秒钟思考了一下得出结论：我应该解决不了，还是等作者修复吧，反正应该没人用到目录…</p> <p></p><figure><img src="https://image.kanochan.net/2022/04/25/1650879204641-1.gif" alt="1650879204641-1.gif" /><figcaption>1650879204641-1.gif</figcaption></figure><p></p> <p>目录BUG演示</p> <p>就这样过了好多天，今天我再次打开这个Issues，发现作者已经恢回复了，并关闭了它。</p> <p></p><figure><img src="https://image.kanochan.net/2022/04/25/image.png" alt="image.png" /><figcaption>image.png</figcaption></figure><p></p> <p>文中提到两个原因导致了目录不跟随：</p> <ul> <li>图片没有指定高度，浏览器没有为图片预留位置</li> <li>位于页面右侧的目录不会跟随页面resize</li> </ul> <p>并且给出了一个解决办法：为文章里面的图片指定高度。</p> <p>逐篇文章修改是个大活儿，工作量想想头都疼，本着能不动手就不动手的懒人精神，我打算面向第二个原因寻找解决办法，即让目录跟随页面resize。</p> <p>打开控制台分析源码，可以发现目录有一个高度属性，但是我在主题php源码里面并没有找到这个属性，猜测这个属性可能是通过JS来控制的。 还有一个值得注意的事情是，页面初次加载时，目录不会滑动跟随，但是重新刷新（不清除缓存）页面后，目录又能跟随页面滑动了，这也更印证了上面的想法。</p> <p></p><figure><img src="https://image.kanochan.net/2022/04/25/imagec4187cd211ea2a34.png" alt="imagec4187cd211ea2a34.png" /><figcaption>imagec4187cd211ea2a34.png</figcaption></figure><p></p> <p>由此我们也可以详细分析一下原因：当页面初次加载时，由于网络原因，文章里面的图片还没有加载完成，此时js获取到文章页面的高度，并传给toc目录，比如此时文章页面的高度为1000px；当图片加载完成后，很显然文章页面的高度肯定会比1000px大，这时滑动页面，目录只能跟随到1000px的位置，再往下滑，目录就往上走“消失”了，造成跟随失败。 <strong>所以我们需要做的只有一件事，那就是让目录的高度和文章的页面高度一致。</strong></p> <p><em>既然是通过js改变toc目录的高度，那只要在图片加载完成后再执行一遍js就好了吧？</em> 没错，事实上我也是这么做的。</p> <p>第一步：找到控制toc目录高度的js</p> <p>比较简单，用<a href="https://code.visualstudio.com/" target="_blank">vscode</a>搜索一下相关的css就找到了。</p> <p></p><figure><img src="https://image.kanochan.net/2022/04/25/imagee8a2c46eb644da30.png" alt="imagee8a2c46eb644da30.png" /><figcaption>imagee8a2c46eb644da30.png</figcaption></figure><p></p> <p>是压缩过后的js，难以阅读，把function格式化一下，得到下面的内容。格式化似乎出了一点问题，vscode提示错误，但也不妨碍阅读。</p> <p></p><figure><img src="https://image.kanochan.net/2022/04/25/imagebf4155019189cdcf.png" alt="imagebf4155019189cdcf.png" /><figcaption>imagebf4155019189cdcf.png</figcaption></figure><p></p> <p>js比较简单，获取toc所在的位置，然后计算页面高度，将高度写入toc的style中。理论上页面所有元素加载完成后再次执行这个function就能改变toc目录的高度。</p> <p>为此，我仿造这个function写了一个js，放到页脚中执行。值得注意的是，随着图片的加载，页面高度处于动态变化的过程中，为了能使目录在图片加载过程中也能跟随，需要重复执行这个js来更新toc目录的高度。</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;</span><span>script</span><span>&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>tocHeight = function ()</span><span>{</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>var</span><span> </span><span>e</span><span> </span><span>=</span><span><span> </span><span>document</span><span>.</span></span><span>querySelector</span><span>(</span><span>".toc-container"</span><span>)</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>var</span><span> </span><span>t</span><span> </span><span>=</span><span><span> </span><span>document</span><span>.</span></span><span>querySelector</span><span>(</span><span>".entry-content"</span><span>);</span></div></div><div><div><div>5</div></div><div><span> </span><span>if</span><span><span>(</span><span>e</span><span> </span></span><span>&amp;&amp;</span><span><span> </span><span>t</span><span>){</span></span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>e.style.</span><span>height</span><span> </span><span>=</span><span><span> </span><span>Math</span><span>.</span></span><span>min</span><span><span>(</span><span>t</span><span>.</span></span><span>getBoundingClientRect</span><span>().</span><span>height</span><span>-</span><span>15</span><span><span>,</span><span>document</span><span>.</span></span><span>documentElement</span><span>.</span><span>offsetHeight</span><span>-</span><span><span>e</span><span>.</span></span><span>offsetTop</span><span>)</span><span>+</span><span>"px"</span><span>;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>window</span><span>.</span><span>setTimeout</span><span>(</span><span>"tocHeight()"</span><span>,</span><span>300</span><span>);</span></div></div><div><div><div>9</div></div><div><span> </span><span>}</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>tocHeight();</span></div></div><div><div><div>11</div></div><div><span>&lt;/</span><span>script</span><span>&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <p>你只需要将这个js放到<code>wp后台</code>—&gt;<code>iro主题设置</code>—&gt;<code>全局设置</code>—&gt;<code>页尾选项</code>—&gt;<code>页尾附加代码</code>中即可解决目录不跟随的问题。</p> <p>好耶~又水了一篇文章！诶，我真是又菜又爱玩，希望看到这的大佬轻喷，多多指教。 如果你想获得演示，可以看看<a href="https://kanochan.net/archives/1286.html">这篇文章</a>。</p>https://kanochan.net/posts/genshin-impact-travelogue/https://kanochan.net/posts/genshin-impact-travelogue/记录在提瓦特大陆冒险中的所见所感与有趣游戏瞬间。Mon, 11 Apr 2022 00:00:00 GMT<blockquote><p>这篇文章记录的是我在提瓦特的大冒险~好耶</p><section><h2>心愿单<a href="#心愿单"><span>#</span></a></h2></section></blockquote> <p><strong>Update:</strong> <em>2022-08-15 22:00:18 星期一</em></p> <ul> <li>[x] 夜兰</li> <li>[x] 八重神子</li> <li>[x] 心海</li> <li>[x] 宵宫</li> <li>[ ] 万叶</li> <li>[x] 胡桃</li> <li>[ ] 阿晴</li> <li>[x] 莫娜</li> <li>[x] 甘雨</li> <li>[x] 七七</li> <li>[x] 可莉</li> <li>[ ] 温迪</li> <li>[ ] 琴团长</li> <li>[x] 神里绫华</li> <li>[x] 云堇</li> <li>[x] 早柚</li> <li>[x] 烟绯</li> <li>[x] 砂糖</li> <li>[x] dio娜</li> <li>[x] 女仆</li> <li>[x] 菲谢尔</li> <li>[x] 凝光</li> <li>[x] 行秋</li> <li>[x] 香菱</li> <li>[x] 安柏</li> <li>[x] 芭芭拉</li> </ul> <section><h3>轻风雅游<a href="#轻风雅游"><span>#</span></a></h3><p>陪可莉一起在稻妻冒险吧！</p><p></p><figure><img src="https://image.kanochan.net/2022/04/25/1650859054775.png" alt="1650859054775.png" /><figcaption>1650859054775.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859049698.png" alt="1650859049698.png" /><figcaption>1650859049698.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859043819.png" alt="1650859043819.png" /><figcaption>1650859043819.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859033226.png" alt="1650859033226.png" /><figcaption>1650859033226.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859028088.png" alt="1650859028088.png" /><figcaption>1650859028088.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859021374.png" alt="1650859021374.png" /><figcaption>1650859021374.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859017069.png" alt="1650859017069.png" /><figcaption>1650859017069.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859012418.png" alt="1650859012418.png" /><figcaption>1650859012418.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859006292.png" alt="1650859006292.png" /><figcaption>1650859006292.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650859003007.png" alt="1650859003007.png" /><figcaption>1650859003007.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650858999163.png" alt="1650858999163.png" /><figcaption>1650858999163.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/25/1650858994131.png" alt="1650858994131.png" /><figcaption>1650858994131.png</figcaption></figure><p></p></section> <section><h3>雪霁逢椿<a href="#雪霁逢椿"><span>#</span></a></h3><p>向雷神祝祷，祈世间所梦，皆宁静长久</p><p><em>日语版纱织姐姐的配音也很不错</em></p></section> <section><h3>爷的震惊.jpg<a href="#爷的震惊jpg"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/045ecf30c0fc790c5bdc4228c6d393a9.png" alt="045ecf30c0fc790c5bdc4228c6d393a9.png" /><figcaption>045ecf30c0fc790c5bdc4228c6d393a9.png</figcaption></figure><p></p></section> <section><h3>爷的生气.jpg<a href="#爷的生气jpg"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/da785b9ad99074ea381a883bd407011a.png" alt="da785b9ad99074ea381a883bd407011a.png" /><figcaption>da785b9ad99074ea381a883bd407011a.png</figcaption></figure><p></p></section> <section><h3>女仆屹立于大地之上<a href="#女仆屹立于大地之上"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407163957.png" alt="20220407163957.png" /><figcaption>20220407163957.png</figcaption></figure><p></p></section> <section><h3>什么都可以交给我<a href="#什么都可以交给我"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407163907.png" alt="20220407163907.png" /><figcaption>20220407163907.png</figcaption></figure><p></p></section> <section><h3>好想刻上精忠报国<a href="#好想刻上精忠报国"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407163652.png" alt="20220407163652.png" /><figcaption>20220407163652.png</figcaption></figure><p></p></section> <section><h3>芭芭拉冲呀~<a href="#芭芭拉冲呀"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407163400.png" alt="20220407163400.png" /><figcaption>20220407163400.png</figcaption></figure><p></p></section> <section><h3>可恶！被她装到了<a href="#可恶被她装到了"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407163017.png" alt="20220407163017.png" /><figcaption>20220407163017.png</figcaption></figure><p></p></section> <section><h3>奥兹发射器，启动！<a href="#奥兹发射器启动"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407162730.png" alt="20220407162730.png" /><figcaption>20220407162730.png</figcaption></figure><p></p></section> <section><h3>这一箭，贯穿星辰<a href="#这一箭贯穿星辰"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407161945.png" alt="20220407161945.png" /><figcaption>20220407161945.png</figcaption></figure><p></p></section> <section><h3>嗷~<a href="#嗷"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220407004607.png" alt="20220407004607.png" /><figcaption>20220407004607.png</figcaption></figure><p></p></section> <section><h3>有种不好的预感<a href="#有种不好的预感"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/QQ20220401173913.png" alt="QQ20220401173913.png" /><figcaption>QQ20220401173913.png</figcaption></figure><p></p></section> <section><h3>奇怪的石头<a href="#奇怪的石头"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220401172500.png" alt="20220401172500.png" /><figcaption>20220401172500.png</figcaption></figure><p></p></section> <section><h3>砂糖酱02<a href="#砂糖酱02"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220401165152.png" alt="20220401165152.png" /><figcaption>20220401165152.png</figcaption></figure><p></p></section> <section><h3>砂糖酱01<a href="#砂糖酱01"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220401165051.png" alt="20220401165051.png" /><figcaption>20220401165051.png</figcaption></figure><p></p></section> <section><h3>一起去旅行<a href="#一起去旅行"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220209225103.png" alt="20220209225103.png" /><figcaption>20220209225103.png</figcaption></figure><p></p></section> <section><h3>提瓦特第一火弓<a href="#提瓦特第一火弓"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/20220102165802.png" alt="20220102165802.png" /><figcaption>20220102165802.png</figcaption></figure><p></p></section> <section><h3>和老芭贴贴<a href="#和老芭贴贴"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/2021103155036.png" alt="2021103155036.png" /><figcaption>2021103155036.png</figcaption></figure><p></p></section> <section><h3>神的照相<a href="#神的照相"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/2021911233936.png" alt="2021911233936.png" /><figcaption>2021911233936.png</figcaption></figure><p></p></section> <section><h3>危险的东西充满着美丽<a href="#危险的东西充满着美丽"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/2021819145920.png" alt="2021819145920.png" /><figcaption>2021819145920.png</figcaption></figure><p></p></section> <section><h3>大丘丘病了…<a href="#大丘丘病了"><span>#</span></a></h3><p></p><figure><img src="https://image.kanochan.net/2022/04/11/202181523411.png" alt="202181523411.png" /><figcaption>202181523411.png</figcaption></figure><p></p></section>https://kanochan.net/posts/typecho-to-wordpress-migration/https://kanochan.net/posts/typecho-to-wordpress-migration/记录博客从Typecho迁移到WordPress并重新适配主题的完整过程。Sun, 10 Apr 2022 00:00:00 GMT<blockquote><p>曾经，我以为Typecho的Handsome主题会是我使用的最后一个主题，我果然还是太年轻了。 </p></blockquote> <section><h1>这个博客都经历了什么…<a href="#这个博客都经历了什么"><span>#</span></a></h1><p>不可否认，Handsome确实很好，界面漂亮、有着极大的自定义修改空间以及众多的修改教程等，很难让人不注意到它，作者也在积极更新优化，毕竟这是一个付费主题。不知何时起，我逐渐感到审美上的疲劳，总感觉差了点什么，我不断地反复开关各个功能按钮，企图创造一些不一样的视觉体验。让我破防的一瞬间，是打开了<a href="https://sakura.myacgcat.top/%E7%8C%AB%E4%B9%8B%E7%A7%8B%E5%90%8D%E5%B1%B1%E7%9A%84%E7%AC%AC%E4%B8%89%E5%91%A8%E7%9B%AE/" target="_blank">秋名山的猫</a>这个网站。说破防似乎太合适，我关注这个网站好多年了，当年我初入博客，想搭建的就是像这样的一个网站，也许称为“燃起了一颗想要圆梦的心”比较合适。</p><p>当时手头上有一台服务器，就心想着搭建一个博客来记录生活吧。当时部署了WordPress博客系统，但是发现服务器根本跑不动——对于那台小机器来说，WordPress是大山一样的存在。当时也没想着要加钱买一台更好的服务器，可能是因为太穷了。转头随即部署了轻量化的博客程序<a href="https://typecho.org/" target="_blank">Typecho</a>，不久后购买了Handsome主题，一直用到了两天之前…</p><p>就像之前说的，可能是因为审美疲劳或者给自己圆梦，我把博客从Typecho转移到了WordPress，前后花了两天多的时间，做了一些基础性的工作。包括熟悉WordPress系统、主题的基本配置以及Typecho文章迁移等。倒是没有遇到什么太大的问题，毕竟WordPress已经是一个十分成熟的博客系统了，你所遇到的问题，基本上都能在网络上找到解决方案。截止目前，大概有九十多篇文章吧，都搬迁过来了。有一个遗憾的地方是以前写的文章里有些字段是和主题功能绑定的，比如一些按钮什么的，现在迁移过来后，这些标记全部变成了文本并显示在页面上。看起来并不影响文章的阅读，所以也不想多花时间再去逐篇修改一遍了，其实最主要的原因是现在正忙着做毕业设计，没有这么多空余地时间来做这件事情。等哪天闲下来，再慢慢修改吧。这也让我意识到了一件事情，那就是写文章尽量不要依赖于主题的功能，而是要更多地使用标准的语法。</p><p>目前这个博客，基本上是处于能见人的状态了，但是仍然有许多工作要做，比如一些个性化配置、静态资源优化等。也不用着急，这些都会随着时间一步一步来。</p><p>对了，如果你对以前的网站感兴趣，可以修改本地host将kanochan.net这个域名指向38.143.9.224，就能看见了。是的，它仍在运行当中，作为回忆的一部分。</p></section> <section><h1>鸣谢<a href="#鸣谢"><span>#</span></a></h1><p><em>在迁移过程中，下面的资料给了我很大的帮助</em></p><ul> <li><a href="https://github.com/sunxiyuan/ByeTyp" target="_blank">再见typecho！此插件将帮助你将typecho上的资源无缝迁移到WordPress上。</a></li> <li><a href="https://wordpress.org/support/article/how-to-install-wordpress/" target="_blank">How to install WordPress</a></li> <li><a href="https://github.com/AlanDecode/Typecho-Plugin-Tp2MD" target="_blank">? 导出 Typecho 内容至 Markdown 文件</a></li> <li><a href="https://github.com/mirai-mamori/Sakurairo" target="_blank">sakurario-一个多彩，轻松上手，体验完善，具有强大自定义功能的WordPress主题</a></li> <li><a href="https://iro.tw/" target="_blank">Sakurairo 主题周边网站</a></li> <li><a href="https://www.moon-blog.com/2008/11/top-ten-wordpress-security-tips.html" target="_blank">Top Ten Wordpress Security Tips</a></li> <li><a href="https://2heng.xin/theme-sakura/" target="_blank">WordPress 主题 Sakura</a></li> <li><a href="https://yremp.live/wordpress-sakura-teach/" target="_blank">WordPress Sakura?主题使用手册</a></li> </ul></section>https://kanochan.net/posts/handsome-theme-pjax-support/https://kanochan.net/posts/handsome-theme-pjax-support/解决Handsome主题在PJAX环境下评论图片区加载与交互失效的问题。Thu, 17 Mar 2022 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2022/02/17/85336271_p0.jpg" alt="Pixiv" title="Pixiv" /><figcaption>Pixiv</figcaption></figure><p></p> <p><strong>文章目录</strong></p> <p>[toc]</p> <section><h1>前言<a href="#前言"><span>#</span></a></h1><blockquote><p>在评论时，我们往往需要附上图片以更明确地表达自己的想法，Typecho中虽然没有原生的评论区图片上传功能，但是也可以通过HTML的<code>img</code>标签在评论中附加图片。不过，这其中有一个大麻烦：图片需要上传到图床，才能获得图片链接，进而插入<code>img</code>标签。这是一个很麻烦的过程，也正因为如此，除非迫不得已，没有人愿意选择在评论中添加图片。 现在，我们就来解决这个问题。先附上效果图，如下,你也可以在下方的评论区中验证效果。（[font color=#FFFF00]注意：部分图床会被qq、微信内置浏览器拦截，想要获得完整的演示，请在系统浏览器中打开网页。[/font]）</p><p></p><figure><img src="https://image.kanochan.net/2022/02/09/imageupload.gif" alt="效果图" title="效果图" /><figcaption>效果图</figcaption></figure><p></p></blockquote><p>之前写了一篇文章，关于怎么在评论区将图片上传到图床实现图片评论，并且不占用服务器空间。</p><p>[post cid=1076 cover=\ size=\/]</p><p>文章是在对功能实现的方法一步步摸索中逐渐构建出来的，现在看起来真是杂乱不堪。</p><p>总的来说，现在功能已经能够实现了,也能很好的支持PJAX加载，就以此篇文章，为这个项目划上句号吧。</p></section> <section><h1>实现图片评论<a href="#实现图片评论"><span>#</span></a></h1><p>此方案不兼容手机应用内置的浏览器，如QQ、微信等自带的浏览器。因为实现上传操作需要同时打开两个窗口，而内置浏览器往往没有多窗口支持。</p><section><h2>放行HTML标签和属性<a href="#放行html标签和属性"><span>#</span></a></h2><p>在<code>后台</code>-<code>设置</code>-<code>评论</code>-<code>允许使用的HTML标签和属性</code>中添加下列内容，并保存，否则会评论失败。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;img src=""&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>修改handsome源码以适配chevereto<a href="#修改handsome源码以适配chevereto"><span>#</span></a></h2><p>文件路径：<code>/usr/themes/handsome/libs/Content.php</code>第2324行 将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo '&lt;textarea id="handsome_md_text" class="hide" &gt;' . htmlspecialchars($content) . '&lt;/textarea&gt;';</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo '&lt;div id="handsome_md_text" class="hide" &gt;' . htmlspecialchars($content) . '&lt;/div&gt;';</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>添加自定义js代码<a href="#添加自定义js代码"><span>#</span></a></h2><p>在<code>主题后台</code>-<code>开发者设置</code>-<code>自定义 JavaScript</code>中加入下列代码：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>chevereto();</span></div></div><div><div><div>2</div></div><div><span>function chevereto(){</span></div></div><div><div><div>3</div></div><div><span>(function() {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>for (var t = {</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>defaultSettings: {</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>url: "https://pic.6zs.cn/upload",</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>vendor: "auto",</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>mode: "auto",</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>lang: "auto",</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>autoInsert: "html-embed",</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>palette: "black",</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>init: "onload",</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>containerClass: 1,</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>buttonClass: 1,</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>sibling: 0,</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>siblingPos: "after",</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>fitEditor: 0,</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>observe: 0,</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>observeCache: 1,</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>html: '&lt;div class="%cClass"&gt;&lt;button %x class="%bClass"&gt;&lt;span class="%iClass"&gt;%iconSvg&lt;/span&gt;&lt;span class="%tClass"&gt;%text&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;',</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>css: ".%cClass{display:inline-block;margin-top:5px;margin-bottom:5px}.%bClass{line-height:normal;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;color:%2;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.15);background:%1;border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.%bClass:hover{background:%3;color:%4;border-color:rgba(0,0,0,.1)}.%iClass,.%tClass{display:inline-block;vertical-align:middle}.%iClass svg{display:block;width:1em;height:1em;fill:currentColor}.%tClass{margin-left:.25em}"</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>ns: {</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>plugin: "chevereto-pup"</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>["#ececec", "#333", "#2980b9", "#fff"],</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>clear: ["inherit", "inherit", "inherit", "#2980b9"],</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>turquoise: ["#16a085", "#fff", "#1abc9c", "#fff"],</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>green: ["#27ae60", "#fff", "#2ecc71", "#fff"],</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>blue: ["#2980b9", "#fff", "#3498db", "#fff"],</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>purple: ["#8e44ad", "#fff", "#9b59b6", "#fff"],</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>darkblue: ["#2c3e50", "#fff", "#34495e", "#fff"],</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>yellow: ["#f39c12", "#fff", "#f1c40f", "#fff"],</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>orange: ["#d35400", "#fff", "#e67e22", "#fff"],</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>red: ["#c0392b", "#fff", "#e74c3c", "#fff"],</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>grey: ["#ececec", "#000", "#e0e0e0", "#000"],</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>black: ["#333", "#fff", "#666", "#fff"]</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>classProps: ["button", "container"],</span></div></div><div><div><div>42</div></div><div><span><span> </span></span><span>iconSvg: '&lt;svg class="%iClass" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"&gt;&lt;path d="M76.7 87.5c12.8 0 23.3-13.3 23.3-29.4 0-13.6-5.2-25.7-15.4-27.5 0 0-3.5-0.7-5.6 1.7 0 0 0.6 9.4-2.9 12.6 0 0 8.7-32.4-23.7-32.4 -29.3 0-22.5 34.5-22.5 34.5 -5-6.4-0.6-19.6-0.6-19.6 -2.5-2.6-6.1-2.5-6.1-2.5C10.9 25 0 39.1 0 54.6c0 15.5 9.3 32.7 29.3 32.7 2 0 6.4 0 11.7 0V68.5h-13l22-22 22 22H59v18.8C68.6 87.4 76.7 87.5 76.7 87.5z" style="fill: currentcolor;"/&gt;&lt;/svg&gt;',</span></div></div><div><div><div>43</div></div><div><span><span> </span></span><span>l10n: {</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>ar: "تحميل الصور",</span></div></div><div><div><div>45</div></div><div><span><span> </span></span><span>cs: "Nahrát obrázky",</span></div></div><div><div><div>46</div></div><div><span><span> </span></span><span>da: "Upload billeder",</span></div></div><div><div><div>47</div></div><div><span><span> </span></span><span>de: "Bilder hochladen",</span></div></div><div><div><div>48</div></div><div><span><span> </span></span><span>es: "Subir imágenes",</span></div></div><div><div><div>49</div></div><div><span><span> </span></span><span>fi: "Lataa kuvia",</span></div></div><div><div><div>50</div></div><div><span><span> </span></span><span>fr: "Importer des images",</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>id: "Unggah gambar",</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>it: "Carica immagini",</span></div></div><div><div><div>53</div></div><div><span><span> </span></span><span>ja: "画像をアップロード",</span></div></div><div><div><div>54</div></div><div><span><span> </span></span><span>nb: "Last opp bilder",</span></div></div><div><div><div>55</div></div><div><span><span> </span></span><span>nl: "Upload afbeeldingen",</span></div></div><div><div><div>56</div></div><div><span><span> </span></span><span>pl: "Wyślij obrazy",</span></div></div><div><div><div>57</div></div><div><span><span> </span></span><span>pt_BR: "Enviar imagens",</span></div></div><div><div><div>58</div></div><div><span><span> </span></span><span>ru: "Загрузить изображения",</span></div></div><div><div><div>59</div></div><div><span><span> </span></span><span>tr: "Resim Yukle",</span></div></div><div><div><div>60</div></div><div><span><span> </span></span><span>uk: "Завантажити зображення",</span></div></div><div><div><div>61</div></div><div><span><span> </span></span><span>zh_CN: "上传图片",</span></div></div><div><div><div>62</div></div><div><span><span> </span></span><span>zh_TW: "上傳圖片"</span></div></div><div><div><div>63</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>64</div></div><div><span><span> </span></span><span>vendors: {</span></div></div><div><div><div>65</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>66</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>67</div></div><div><span><span> </span></span><span>check:</span></div></div><div><div><div>68</div></div><div><span><span> </span></span><span>function() {</span></div></div><div><div><div>69</div></div><div><span><span> </span></span><span>return 1</span></div></div><div><div><div>70</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>71</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>72</div></div><div><span><span> </span></span><span>var t = {</span></div></div><div><div><div>73</div></div><div><span><span> </span></span><span>textarea: {</span></div></div><div><div><div>74</div></div><div><span><span> </span></span><span>name: ["recaptcha", "search", "recipients", "coppa", "^comment_list", "username_list", "add"]</span></div></div><div><div><div>75</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>76</div></div><div><span><span> </span></span><span>ce: {</span></div></div><div><div><div>77</div></div><div><span><span> </span></span><span>dataset: ["gramm"]</span></div></div><div><div><div>78</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>79</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>80</div></div><div><span><span> </span></span><span>e = ["~", "|", "^", "$", "*"],</span></div></div><div><div><div>81</div></div><div><span><span> </span></span><span>i = {};</span></div></div><div><div><div>82</div></div><div><span><span> </span></span><span>for (var s in t) {</span></div></div><div><div><div>83</div></div><div><span><span> </span></span><span>i[s] = "";</span></div></div><div><div><div>84</div></div><div><span><span> </span></span><span>var n = t[s];</span></div></div><div><div><div>85</div></div><div><span><span> </span></span><span>for (var r in n) for (var o = 0; o &lt; n[r].length; o++) {</span></div></div><div><div><div>86</div></div><div><span><span> </span></span><span>var a = "",</span></div></div><div><div><div>87</div></div><div><span><span> </span></span><span>l = n[r][o],</span></div></div><div><div><div>88</div></div><div><span><span> </span></span><span>d = l.charAt(0);</span></div></div><div><div><div>89</div></div><div><span><span> </span></span><span>e.indexOf(d) &gt; -1 &amp;&amp; (a = d, l = l.substring(1)),</span></div></div><div><div><div>90</div></div><div><span><span> </span></span><span>i[s] += ":not([" + ("dataset" == r ? "data-" + l: r + a + '="' + l + '"') + "])"</span></div></div><div><div><div>91</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>92</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>93</div></div><div><span><span> </span></span><span>return document.querySelectorAll('[contenteditable=""]' + i.ce + ',[contenteditable="true"]' + i.ce + ",textarea:not([readonly])" + i.textarea)</span></div></div><div><div><div>94</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>95</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>96</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>97</div></div><div><span><span> </span></span><span>generateGuid: function() {</span></div></div><div><div><div>98</div></div><div><span><span> </span></span><span>var t = (new Date).getTime();</span></div></div><div><div><div>99</div></div><div><span><span> </span></span><span>return "undefined" != typeof performance &amp;&amp; "function" == typeof performance.now &amp;&amp; (t += performance.now()),</span></div></div><div><div><div>100</div></div><div><span><span> </span></span><span>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,</span></div></div><div><div><div>101</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>102</div></div><div><span><span> </span></span><span>var i = (t + 16 * Math.random()) % 16 | 0;</span></div></div><div><div><div>103</div></div><div><span><span> </span></span><span>return t = Math.floor(t / 16),</span></div></div><div><div><div>104</div></div><div><span><span> </span></span><span>("x" === e ? i: 3 &amp; i | 8).toString(16)</span></div></div><div><div><div>105</div></div><div><span><span> </span></span><span>})</span></div></div><div><div><div>106</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>107</div></div><div><span><span> </span></span><span>getNewValue: function(t, e) {</span></div></div><div><div><div>108</div></div><div><span><span> </span></span><span>var i = "string" != typeof t.getAttribute("contenteditable") ? "value": "innerHTML",</span></div></div><div><div><div>109</div></div><div><span><span> </span></span><span>s = "value" == i ? "\n": "&lt;br&gt;",</span></div></div><div><div><div>110</div></div><div><span><span> </span></span><span>n = t[i],</span></div></div><div><div><div>111</div></div><div><span><span> </span></span><span>r = e,</span></div></div><div><div><div>112</div></div><div><span><span> </span></span><span>o = !1;</span></div></div><div><div><div>113</div></div><div><span><span> </span></span><span>if (o &amp;&amp; (r = String(e).replace(/&amp;/g, "&amp;").replace(/&lt;/g, "&lt;").replace(/&gt;/g, "&gt;").replace(/"/g, """)), 0 == n.length) return r;</span></div></div><div><div><div>114</div></div><div><span><span> </span></span><span>var a = "",</span></div></div><div><div><div>115</div></div><div><span><span> </span></span><span>l = n.match(/\n+$/g),</span></div></div><div><div><div>116</div></div><div><span><span> </span></span><span>d = l ? l[0].split("\n").length: 0;</span></div></div><div><div><div>117</div></div><div><span><span> </span></span><span>if (d &lt;= 2) {</span></div></div><div><div><div>118</div></div><div><span><span> </span></span><span>var u = 0 == d ? 2 : 1;</span></div></div><div><div><div>119</div></div><div><span><span> </span></span><span>a += s.repeat(u)</span></div></div><div><div><div>120</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>121</div></div><div><span><span> </span></span><span>return a + r</span></div></div><div><div><div>122</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>123</div></div><div><span><span> </span></span><span>insertTrigger: function() {</span></div></div><div><div><div>124</div></div><div><span><span> </span></span><span>var t, e = this.vendors[this.settings.vendor],</span></div></div><div><div><div>125</div></div><div><span><span> </span></span><span>i = this.settings.sibling ? document.querySelectorAll(this.settings.sibling + ":not([" + this.ns.dataPlugin + "])")[0] : 0;</span></div></div><div><div><div>126</div></div><div><span><span> </span></span><span>if ("auto" == this.settings.mode) t = this.vendors[e.hasOwnProperty("getEditor") ? this.settings.vendor: "default"].getEditor();</span></div></div><div><div><div>127</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>128</div></div><div><span><span> </span></span><span>for (var s = document.querySelectorAll("[" + this.ns.dataPluginTrigger + "][data-target]:not([" + this.ns.dataPluginId + "])"), n = [], r = 0; r &lt; s.length; r++) n.push(s[r].dataset.target);</span></div></div><div><div><div>129</div></div><div><span><span> </span></span><span>n.length &gt; 0 &amp;&amp; (t = document.querySelectorAll(n.join(",")))</span></div></div><div><div><div>130</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>131</div></div><div><span><span> </span></span><span>if (t) {</span></div></div><div><div><div>132</div></div><div><span><span> </span></span><span>if (!document.getElementById(this.ns.pluginStyle) &amp;&amp; this.settings.css) {</span></div></div><div><div><div>133</div></div><div><span><span> </span></span><span>var o = document.createElement("style"),</span></div></div><div><div><div>134</div></div><div><span><span> </span></span><span>a = this.settings.css;</span></div></div><div><div><div>135</div></div><div><span><span> </span></span><span>a = this.appyTemplate(a),</span></div></div><div><div><div>136</div></div><div><span><span> </span></span><span>o.type = "text/css",</span></div></div><div><div><div>137</div></div><div><span><span> </span></span><span>o.innerHTML = a.replace(/%p/g, "." + this.ns.plugin),</span></div></div><div><div><div>138</div></div><div><span><span> </span></span><span>o.setAttribute("id", this.ns.pluginStyle),</span></div></div><div><div><div>139</div></div><div><span><span> </span></span><span>document.body.appendChild(o)</span></div></div><div><div><div>140</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>141</div></div><div><span><span> </span></span><span>t instanceof NodeList || (t = [t]);</span></div></div><div><div><div>142</div></div><div><span><span> </span></span><span>var l = 0;</span></div></div><div><div><div>143</div></div><div><span><span> </span></span><span>for (r = 0; r &lt; t.length; r++) if (!t[r].getAttribute(this.ns.dataPluginTarget)) {</span></div></div><div><div><div>144</div></div><div><span><span> </span></span><span>var d = i || t[r];</span></div></div><div><div><div>145</div></div><div><span><span> </span></span><span>d.setAttribute(this.ns.dataPlugin, "sibling"),</span></div></div><div><div><div>146</div></div><div><span><span> </span></span><span>d.insertAdjacentHTML({</span></div></div><div><div><div>147</div></div><div><span><span> </span></span><span>before: "beforebegin",</span></div></div><div><div><div>148</div></div><div><span><span> </span></span><span>after: "afterend"</span></div></div><div><div><div>149</div></div><div><span><span> </span></span><span>} [this.settings.siblingPos], this.appyTemplate(this.settings.html));</span></div></div><div><div><div>150</div></div><div><span><span> </span></span><span>var u = d.parentElement.querySelector("[" + this.ns.dataPluginTrigger + "]");</span></div></div><div><div><div>151</div></div><div><span><span> </span></span><span>this.setBoundId(u, t[r]),</span></div></div><div><div><div>152</div></div><div><span><span> </span></span><span>l++</span></div></div><div><div><div>153</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>154</div></div><div><span><span> </span></span><span>this.triggerCounter = l,</span></div></div><div><div><div>155</div></div><div><span><span> </span></span><span>"function" == typeof e.callback &amp;&amp; e.callback.call()</span></div></div><div><div><div>156</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>157</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>158</div></div><div><span><span> </span></span><span>appyTemplate: function(t) {</span></div></div><div><div><div>159</div></div><div><span><span> </span></span><span>if (!this.cacheTable) {</span></div></div><div><div><div>160</div></div><div><span><span> </span></span><span>var e = [{</span></div></div><div><div><div>161</div></div><div><span><span> </span></span><span>"%iconSvg": this.iconSvg</span></div></div><div><div><div>162</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>163</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>164</div></div><div><span><span> </span></span><span>"%text": this.settings.langString</span></div></div><div><div><div>165</div></div><div><span><span> </span></span><span>}];</span></div></div><div><div><div>166</div></div><div><span><span> </span></span><span>if (this.palette) {</span></div></div><div><div><div>167</div></div><div><span><span> </span></span><span>for (var i = /%(\d+)/g,</span></div></div><div><div><div>168</div></div><div><span><span> </span></span><span>s = i.exec(t), n = []; null !== s;) - 1 == n.indexOf(s[1]) &amp;&amp; n.push(s[1]),</span></div></div><div><div><div>169</div></div><div><span><span> </span></span><span>s = i.exec(t);</span></div></div><div><div><div>170</div></div><div><span><span> </span></span><span>if (n) {</span></div></div><div><div><div>171</div></div><div><span><span> </span></span><span>n.sort(function(t, e) {</span></div></div><div><div><div>172</div></div><div><span><span> </span></span><span>return e - t</span></div></div><div><div><div>173</div></div><div><span><span> </span></span><span>});</span></div></div><div><div><div>174</div></div><div><span><span> </span></span><span>this.vendors[this.settings.vendor];</span></div></div><div><div><div>175</div></div><div><span><span> </span></span><span>for (var r = 0; r &lt; n.length; r++) {</span></div></div><div><div><div>176</div></div><div><span><span> </span></span><span>var o = n[r] - 1,</span></div></div><div><div><div>177</div></div><div><span><span> </span></span><span>a = this.palette[o] || "";</span></div></div><div><div><div>178</div></div><div><span><span> </span></span><span>a || "default" === this.settings.vendor || "default" === this.settings.palette || (a = this.palette[o - 2]);</span></div></div><div><div><div>179</div></div><div><span><span> </span></span><span>var l = {};</span></div></div><div><div><div>180</div></div><div><span><span> </span></span><span>l["%" + n[r]] = a,</span></div></div><div><div><div>181</div></div><div><span><span> </span></span><span>e.push(l)</span></div></div><div><div><div>182</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>183</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>184</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>185</div></div><div><span><span> </span></span><span>var d = this.settings.buttonClass || this.ns.plugin + "-button",</span></div></div><div><div><div>186</div></div><div><span><span> </span></span><span>u = [{</span></div></div><div><div><div>187</div></div><div><span><span> </span></span><span>"%cClass": this.settings.containerClass || this.ns.plugin + "-container"</span></div></div><div><div><div>188</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>189</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>190</div></div><div><span><span> </span></span><span>"%bClass": d</span></div></div><div><div><div>191</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>192</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>193</div></div><div><span><span> </span></span><span>"%iClass": d + "-icon"</span></div></div><div><div><div>194</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>195</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>196</div></div><div><span><span> </span></span><span>"%tClass": d + "-text"</span></div></div><div><div><div>197</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>198</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>199</div></div><div><span><span> </span></span><span>"%x": this.ns.dataPluginTrigger</span></div></div><div><div><div>200</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>201</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>202</div></div><div><span><span> </span></span><span>"%p": this.ns.plugin</span></div></div><div><div><div>203</div></div><div><span><span> </span></span><span>}];</span></div></div><div><div><div>204</div></div><div><span><span> </span></span><span>for (r = 0; r &lt; u.length; r++) e.push(u[r]);</span></div></div><div><div><div>205</div></div><div><span><span> </span></span><span>this.cacheTable = e</span></div></div><div><div><div>206</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>207</div></div><div><span><span> </span></span><span>return this.strtr(t, this.cacheTable)</span></div></div><div><div><div>208</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>209</div></div><div><span><span> </span></span><span>strtr: function(t, e) {</span></div></div><div><div><div>210</div></div><div><span><span> </span></span><span>t = t.toString();</span></div></div><div><div><div>211</div></div><div><span><span> </span></span><span>if (!t || void 0 === e) return t;</span></div></div><div><div><div>212</div></div><div><span><span> </span></span><span>for (var i = 0; i &lt; e.length; i++) {</span></div></div><div><div><div>213</div></div><div><span><span> </span></span><span>var s = e[i];</span></div></div><div><div><div>214</div></div><div><span><span> </span></span><span>for (var n in s) void 0 !== s[n] &amp;&amp; (re = new RegExp(n, "g"), t = t.replace(re, s[n]))</span></div></div><div><div><div>215</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>216</div></div><div><span><span> </span></span><span>return t</span></div></div><div><div><div>217</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>218</div></div><div><span><span> </span></span><span>setBoundId: function(t, e) {</span></div></div><div><div><div>219</div></div><div><span><span> </span></span><span>var i = this.generateGuid();</span></div></div><div><div><div>220</div></div><div><span><span> </span></span><span>t.setAttribute(this.ns.dataPluginId, i),</span></div></div><div><div><div>221</div></div><div><span><span> </span></span><span>e.setAttribute(this.ns.dataPluginTarget, i)</span></div></div><div><div><div>222</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>223</div></div><div><span><span> </span></span><span>openPopup: function(t) {</span></div></div><div><div><div>224</div></div><div><span><span> </span></span><span>if ("string" == typeof t) {</span></div></div><div><div><div>225</div></div><div><span><span> </span></span><span>var e = this;</span></div></div><div><div><div>226</div></div><div><span><span> </span></span><span>if (void 0 === this.popups &amp;&amp; (this.popups = {}), void 0 === this.popups[t]) {</span></div></div><div><div><div>227</div></div><div><span><span> </span></span><span>this.popups[t] = {};</span></div></div><div><div><div>228</div></div><div><span><span> </span></span><span>var i = {</span></div></div><div><div><div>229</div></div><div><span><span> </span></span><span>l: null != window.screenLeft ? window.screenLeft: screen.left,</span></div></div><div><div><div>230</div></div><div><span><span> </span></span><span>t: null != window.screenTop ? window.screenTop: screen.top,</span></div></div><div><div><div>231</div></div><div><span><span> </span></span><span>w: window.innerWidth ? window.innerWidth: document.documentElement.clientWidth ? document.documentElement.clientWidth: screen.width,</span></div></div><div><div><div>232</div></div><div><span><span> </span></span><span>h: window.innerHeight ? window.innerHeight: document.documentElement.clientHeight ? document.documentElement.clientHeight: screen.height</span></div></div><div><div><div>233</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>234</div></div><div><span><span> </span></span><span>s = {</span></div></div><div><div><div>235</div></div><div><span><span> </span></span><span>w: 720,</span></div></div><div><div><div>236</div></div><div><span><span> </span></span><span>h: 690</span></div></div><div><div><div>237</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>238</div></div><div><span><span> </span></span><span>n = {</span></div></div><div><div><div>239</div></div><div><span><span> </span></span><span>w: .5,</span></div></div><div><div><div>240</div></div><div><span><span> </span></span><span>h: .85</span></div></div><div><div><div>241</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>242</div></div><div><span><span> </span></span><span>for (var r in s) s[r] / i[r] &gt; n[r] &amp;&amp; (s[r] = i[r] * n[r]);</span></div></div><div><div><div>243</div></div><div><span><span> </span></span><span>var o = {</span></div></div><div><div><div>244</div></div><div><span><span> </span></span><span>l: Math.trunc(i.w / 2 - s.w / 2 + i.l),</span></div></div><div><div><div>245</div></div><div><span><span> </span></span><span>t: Math.trunc(i.h / 2 - s.h / 2 + i.t)</span></div></div><div><div><div>246</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>247</div></div><div><span><span> </span></span><span>this.popups[t].window = window.open(this.settings.url, t, "width=" + s.w + ",height=" + s.h + ",top=" + o.t + ",left=" + o.l),</span></div></div><div><div><div>248</div></div><div><span><span> </span></span><span>this.popups[t].timer = window.setInterval(function() {</span></div></div><div><div><div>249</div></div><div><span><span> </span></span><span>e.popups[t].window &amp;&amp; !1 === e.popups[t].window.closed || (window.clearInterval(e.popups[t].timer), e.popups[t] = void 0)</span></div></div><div><div><div>250</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>251</div></div><div><span><span> </span></span><span>200)</span></div></div><div><div><div>252</div></div><div><span><span> </span></span><span>} else this.popups[t].window.focus()</span></div></div><div><div><div>253</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>254</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>255</div></div><div><span><span> </span></span><span>postSettings: function(t) {</span></div></div><div><div><div>256</div></div><div><span><span> </span></span><span>this.popups[t].window.postMessage({</span></div></div><div><div><div>257</div></div><div><span><span> </span></span><span>id: t,</span></div></div><div><div><div>258</div></div><div><span><span> </span></span><span>settings: this.settings</span></div></div><div><div><div>259</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>260</div></div><div><span><span> </span></span><span>this.settings.url)</span></div></div><div><div><div>261</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>262</div></div><div><span><span> </span></span><span>liveBind: function(t, e, i) {</span></div></div><div><div><div>263</div></div><div><span><span> </span></span><span>document.addEventListener(e,</span></div></div><div><div><div>264</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>265</div></div><div><span><span> </span></span><span>var s = document.querySelectorAll(t);</span></div></div><div><div><div>266</div></div><div><span><span> </span></span><span>if (s) {</span></div></div><div><div><div>267</div></div><div><span><span> </span></span><span>for (var n = e.target,</span></div></div><div><div><div>268</div></div><div><span><span> </span></span><span>r = -1; n &amp;&amp; -1 === (r = Array.prototype.indexOf.call(s, n));) n = n.parentElement;</span></div></div><div><div><div>269</div></div><div><span><span> </span></span><span>r &gt; -1 &amp;&amp; (e.preventDefault(), i.call(e, n))</span></div></div><div><div><div>270</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>271</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>272</div></div><div><span><span> </span></span><span>!0)</span></div></div><div><div><div>273</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>274</div></div><div><span><span> </span></span><span>prepare: function() {</span></div></div><div><div><div>275</div></div><div><span><span> </span></span><span>var t = this;</span></div></div><div><div><div>276</div></div><div><span><span> </span></span><span>this.ns.dataPlugin = "data-" + this.ns.plugin,</span></div></div><div><div><div>277</div></div><div><span><span> </span></span><span>this.ns.dataPluginId = this.ns.dataPlugin + "-id",</span></div></div><div><div><div>278</div></div><div><span><span> </span></span><span>this.ns.dataPluginTrigger = this.ns.dataPlugin + "-trigger",</span></div></div><div><div><div>279</div></div><div><span><span> </span></span><span>this.ns.dataPluginTarget = this.ns.dataPlugin + "-target",</span></div></div><div><div><div>280</div></div><div><span><span> </span></span><span>this.ns.pluginStyle = this.ns.plugin + "-style",</span></div></div><div><div><div>281</div></div><div><span><span> </span></span><span>this.ns.selDataPluginTrigger = "[" + this.ns.dataPluginTrigger + "]";</span></div></div><div><div><div>282</div></div><div><span><span> </span></span><span>var e = document.currentScript || document.getElementById(this.ns.plugin + "-src");</span></div></div><div><div><div>283</div></div><div><span><span> </span></span><span>e ? e.dataset.buttonTemplate &amp;&amp; (e.dataset.html = e.dataset.buttonTemplate) : e = {</span></div></div><div><div><div>284</div></div><div><span><span> </span></span><span>dataset: {}</span></div></div><div><div><div>285</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>286</div></div><div><span><span> </span></span><span>var i = 0;</span></div></div><div><div><div>287</div></div><div><span><span> </span></span><span>for (var s in this.settings = {},</span></div></div><div><div><div>288</div></div><div><span><span> </span></span><span>this.defaultSettings) {</span></div></div><div><div><div>289</div></div><div><span><span> </span></span><span>var n = e &amp;&amp; e.dataset[s] ? e.dataset[s] : this.defaultSettings[s];</span></div></div><div><div><div>290</div></div><div><span><span> </span></span><span>"1" !== n &amp;&amp; "0" !== n || (n = "true" == n),</span></div></div><div><div><div>291</div></div><div><span><span> </span></span><span>"string" == typeof n &amp;&amp; this.classProps.indexOf(s.replace(/Class$/, "")) &gt; -1 &amp;&amp; (i = 1),</span></div></div><div><div><div>292</div></div><div><span><span> </span></span><span>this.settings[s] = n</span></div></div><div><div><div>293</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>294</div></div><div><span><span> </span></span><span>if ("auto" == this.settings.vendor) for (var s in this.settings.vendor = "default",</span></div></div><div><div><div>295</div></div><div><span><span> </span></span><span>this.settings.fitEditor = 0,</span></div></div><div><div><div>296</div></div><div><span><span> </span></span><span>this.vendors) if ("default" != s &amp;&amp; void 0 !== window[this.vendors[s].check]) {</span></div></div><div><div><div>297</div></div><div><span><span> </span></span><span>this.settings.vendor = s;</span></div></div><div><div><div>298</div></div><div><span><span> </span></span><span>break</span></div></div><div><div><div>299</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>300</div></div><div><span><span> </span></span><span>var r = ["lang", "url", "vendor", "target"];</span></div></div><div><div><div>301</div></div><div><span><span> </span></span><span>"default" == this.settings.vendor &amp;&amp; (this.vendors.</span></div></div><div><div><div>302</div></div><div><span><span> </span></span><span>default.settings = {});</span></div></div><div><div><div>303</div></div><div><span><span> </span></span><span>var o = this.vendors[this.settings.vendor];</span></div></div><div><div><div>304</div></div><div><span><span> </span></span><span>if (o.settings) for (var s in o.settings) e &amp;&amp; e.dataset.hasOwnProperty(s) || (this.settings[s] = o.settings[s]);</span></div></div><div><div><div>305</div></div><div><span><span> </span></span><span>else for (var s in o.settings = {},</span></div></div><div><div><div>306</div></div><div><span><span> </span></span><span>this.defaultSettings) - 1 == r.indexOf(s) &amp;&amp; (o.settings[s] = this.defaultSettings[s]);</span></div></div><div><div><div>307</div></div><div><span><span> </span></span><span>if ("default" !== this.settings.vendor) if (o.settings.hasOwnProperty("fitEditor") || e.dataset.hasOwnProperty("fitEditor") || (this.settings.fitEditor = 1), this.settings.fitEditor) i = !o.settings.css;</span></div></div><div><div><div>308</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>309</div></div><div><span><span> </span></span><span>r = ["autoInsert", "observe", "observeCache"];</span></div></div><div><div><div>310</div></div><div><span><span> </span></span><span>for (var s in o.settings) - 1 != r.indexOf(s) || e.dataset.hasOwnProperty(s) || (this.settings[s] = this.defaultSettings[s])</span></div></div><div><div><div>311</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>312</div></div><div><span><span> </span></span><span>if (i) this.settings.css = "";</span></div></div><div><div><div>313</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>314</div></div><div><span><span> </span></span><span>this.settings.css = this.settings.css.replace("%defaultCSS", this.defaultSettings.css),</span></div></div><div><div><div>315</div></div><div><span><span> </span></span><span>o.settings.extracss &amp;&amp; this.settings.css &amp;&amp; (this.settings.css += o.settings.extracss);</span></div></div><div><div><div>316</div></div><div><span><span> </span></span><span>var a = this.settings.palette.split(",");</span></div></div><div><div><div>317</div></div><div><span><span> </span></span><span>a.length &gt; 1 ? this.palette = a: this.palettes.hasOwnProperty(a) || (this.settings.palette = "default"),</span></div></div><div><div><div>318</div></div><div><span><span> </span></span><span>this.palette || (this.palette = (this.settings.fitEditor &amp;&amp; o.palettes &amp;&amp; o.palettes[this.settings.palette] ? o: this).palettes[this.settings.palette])</span></div></div><div><div><div>319</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>320</div></div><div><span><span> </span></span><span>for (var l = this.classProps,</span></div></div><div><div><div>321</div></div><div><span><span> </span></span><span>d = 0; d &lt; l.length; d++) {</span></div></div><div><div><div>322</div></div><div><span><span> </span></span><span>var u = l[d] + "Class";</span></div></div><div><div><div>323</div></div><div><span><span> </span></span><span>"string" != typeof this.settings[u] &amp;&amp; (this.settings[u] = this.ns.plugin + "-" + l[d], this.settings.fitEditor &amp;&amp; (this.settings[u] += "--" + this.settings.vendor))</span></div></div><div><div><div>324</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>325</div></div><div><span><span> </span></span><span>var c = ("auto" == this.settings.lang ? navigator.language || navigator.userLanguage: this.settings.lang).replace("-", "_");</span></div></div><div><div><div>326</div></div><div><span><span> </span></span><span>this.settings.langString = "Upload images";</span></div></div><div><div><div>327</div></div><div><span><span> </span></span><span>var g = c in this.l10n ? c: c.substring(0, 2) in this.l10n ? c.substring(0, 2) : null;</span></div></div><div><div><div>328</div></div><div><span><span> </span></span><span>g &amp;&amp; (this.settings.langString = this.l10n[g]);</span></div></div><div><div><div>329</div></div><div><span><span> </span></span><span>var h = document.createElement("a");</span></div></div><div><div><div>330</div></div><div><span><span> </span></span><span>h.href = this.settings.url,</span></div></div><div><div><div>331</div></div><div><span><span> </span></span><span>this.originUrlPattern = "^" + (h.protocol + "//" + h.hostname).replace(/\./g, "\\.").replace(/\//g, "\\/") + "$";</span></div></div><div><div><div>332</div></div><div><span><span> </span></span><span>var f = document.querySelectorAll(this.ns.selDataPluginTrigger + "[data-target]");</span></div></div><div><div><div>333</div></div><div><span><span> </span></span><span>if (f.length &gt; 0) for (d = 0; d &lt; f.length; d++) {</span></div></div><div><div><div>334</div></div><div><span><span> </span></span><span>var p = document.querySelector(f[d].dataset.target);</span></div></div><div><div><div>335</div></div><div><span><span> </span></span><span>this.setBoundId(f[d], p)</span></div></div><div><div><div>336</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>337</div></div><div><span><span> </span></span><span>if (this.settings.observe) {</span></div></div><div><div><div>338</div></div><div><span><span> </span></span><span>var b = this.settings.observe;</span></div></div><div><div><div>339</div></div><div><span><span> </span></span><span>this.settings.observeCache &amp;&amp; (b += ":not([" + this.ns.dataPlugin + "])"),</span></div></div><div><div><div>340</div></div><div><span><span> </span></span><span>this.liveBind(b, "click",</span></div></div><div><div><div>341</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>342</div></div><div><span><span> </span></span><span>e.setAttribute(t.ns.dataPlugin, 1),</span></div></div><div><div><div>343</div></div><div><span><span> </span></span><span>t.observe()</span></div></div><div><div><div>344</div></div><div><span><span> </span></span><span>}.bind(this))</span></div></div><div><div><div>345</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>346</div></div><div><span><span> </span></span><span>this.settings.sibling &amp;&amp; !this.settings.onDemand ? this.waitForSibling() : "onload" == this.settings.init ? "loading" === document.readyState ? document.addEventListener("DOMContentLoaded",</span></div></div><div><div><div>347</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>348</div></div><div><span><span> </span></span><span>t.init()</span></div></div><div><div><div>349</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>350</div></div><div><span><span> </span></span><span>!1) : this.init() : this.observe()</span></div></div><div><div><div>351</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>352</div></div><div><span><span> </span></span><span>observe: function() {</span></div></div><div><div><div>353</div></div><div><span><span> </span></span><span>this.waitForSibling("observe")</span></div></div><div><div><div>354</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>355</div></div><div><span><span> </span></span><span>waitForSibling: function(t) {</span></div></div><div><div><div>356</div></div><div><span><span> </span></span><span>var e = this.initialized ? "insertTrigger": "init";</span></div></div><div><div><div>357</div></div><div><span><span> </span></span><span>if (this.settings.sibling) var i = document.querySelector(this.settings.sibling + ":not([" + this.ns.dataPlugin + "])");</span></div></div><div><div><div>358</div></div><div><span><span> </span></span><span>else if ("observe" == t &amp;&amp; (this[e](), this.triggerCounter)) return;</span></div></div><div><div><div>359</div></div><div><span><span> </span></span><span>if (i) this[e]();</span></div></div><div><div><div>360</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>361</div></div><div><span><span> </span></span><span>if ("complete" === document.readyState &amp;&amp; "observe" !== t) return;</span></div></div><div><div><div>362</div></div><div><span><span> </span></span><span>setTimeout(("observe" == t ? this.observe: this.waitForSibling).bind(this), 250)</span></div></div><div><div><div>363</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>364</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>365</div></div><div><span><span> </span></span><span>init: function() {</span></div></div><div><div><div>366</div></div><div><span><span> </span></span><span>this.insertTrigger();</span></div></div><div><div><div>367</div></div><div><span><span> </span></span><span>var t = this,</span></div></div><div><div><div>368</div></div><div><span><span> </span></span><span>e = this.vendors[this.settings.vendor];</span></div></div><div><div><div>369</div></div><div><span><span> </span></span><span>this.liveBind(this.ns.selDataPluginTrigger, "click",</span></div></div><div><div><div>370</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>371</div></div><div><span><span> </span></span><span>var i = e.getAttribute(t.ns.dataPluginId);</span></div></div><div><div><div>372</div></div><div><span><span> </span></span><span>t.openPopup(i)</span></div></div><div><div><div>373</div></div><div><span><span> </span></span><span>}),</span></div></div><div><div><div>374</div></div><div><span><span> </span></span><span>window.addEventListener("message",</span></div></div><div><div><div>375</div></div><div><span><span> </span></span><span>function(i) {</span></div></div><div><div><div>376</div></div><div><span><span> </span></span><span>var s = new RegExp(t.originUrlPattern, "i");</span></div></div><div><div><div>377</div></div><div><span><span> </span></span><span>if (s.test(i.origin) || void 0 !== i.data.id &amp;&amp; void 0 !== i.data.message) {</span></div></div><div><div><div>378</div></div><div><span><span> </span></span><span>var n = i.data.id;</span></div></div><div><div><div>379</div></div><div><span><span> </span></span><span>if (n &amp;&amp; i.source === t.popups[n].window) if (i.data.requestAction &amp;&amp; t.hasOwnProperty(i.data.requestAction)) t[i.data.requestAction](n);</span></div></div><div><div><div>380</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>381</div></div><div><span><span> </span></span><span>var r;</span></div></div><div><div><div>382</div></div><div><span><span> </span></span><span>if ("default" !== t.settings.vendor) {</span></div></div><div><div><div>383</div></div><div><span><span> </span></span><span>if (e.hasOwnProperty("useCustomEditor") &amp;&amp; e.useCustomEditor()) return void e.editorValue(i.data.message, n);</span></div></div><div><div><div>384</div></div><div><span><span> </span></span><span>e.hasOwnProperty("getEditor") &amp;&amp; (r = e.getEditor())</span></div></div><div><div><div>385</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>386</div></div><div><span><span> </span></span><span>if (r || (r = document.querySelector("[" + t.ns.dataPluginTarget + '="' + n + '"]'), r)) {</span></div></div><div><div><div>387</div></div><div><span><span> </span></span><span>var o = null === r.getAttribute("contenteditable") ? "value": "innerHTML";</span></div></div><div><div><div>388</div></div><div><span><span> </span></span><span>r[o] += t.getNewValue(r, i.data.message);</span></div></div><div><div><div>389</div></div><div><span><span> </span></span><span>for (var a = ["blur", "focus", "input", "change", "paste"], l = 0; l &lt; a.length; l++) {</span></div></div><div><div><div>390</div></div><div><span><span> </span></span><span>var d = new Event(a[l]);</span></div></div><div><div><div>391</div></div><div><span><span> </span></span><span>r.dispatchEvent(d)</span></div></div><div><div><div>392</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>393</div></div><div><span><span> </span></span><span>} else alert("Target not found")</span></div></div><div><div><div>394</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>395</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>396</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>397</div></div><div><span><span> </span></span><span>!1),</span></div></div><div><div><div>398</div></div><div><span><span> </span></span><span>this.initialized = 1</span></div></div><div><div><div>399</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>400</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>401</div></div><div><span><span> </span></span><span>e = ["WoltLab", "XF1"], i = 0; i &lt; e.length; i++) t.vendors[e[i]] = Object.assign(Object.assign({},</span></div></div><div><div><div>402</div></div><div><span><span> </span></span><span>t.vendors.redactor2), t.vendors[e[i]]);</span></div></div><div><div><div>403</div></div><div><span><span> </span></span><span>t.prepare()</span></div></div><div><div><div>404</div></div><div><span>})();</span></div></div><div><div><div>405</div></div><div><span>};</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section><section><h2>配置PJAX回调函数<a href="#配置pjax回调函数"><span>#</span></a></h2><p>在主题后台-PJAX-PJAX回调函数中添加下列代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>chevereto();</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>完成<a href="#完成"><span>#</span></a></h2><p>刷新一下文章页面，应该就能在评论区看见图片上传按钮了。</p></section></section> <section><h1>一些个性化配置<a href="#一些个性化配置"><span>#</span></a></h1><section><h2>图片上传按钮样式<a href="#图片上传按钮样式"><span>#</span></a></h2><p>chevereto提供多种样式的按钮供选择，在<a href="https://pic.6zs.cn/plugin" target="_blank">这里</a>点击“更多选项”你可以查看各种样式，如下：</p><p></p><figure><img src="https://image.kanochan.net/2022/03/17/image.png" alt="按钮样式" title="按钮样式" /><figcaption>按钮样式</figcaption></figure><p></p><p>选择你喜欢的样式后，在上述的js代码里修改<code>palette: "black"</code>这个代码即可，如<code>palette: "Green"</code>（绿色的上传按钮）、<code>palette: "black"</code>（黑色的上传按钮）、<code>palette: "Red"</code>（红色的上传按钮）。</p></section><section><h2>自定义图床<a href="#自定义图床"><span>#</span></a></h2><p>将上述的js代码里<code>url: "https://pic.6zs.cn/upload"</code>更换成你想用的图床即可。（必须是使用chevereto搭建的图床）</p></section></section> <section><h1>图床分享<a href="#图床分享"><span>#</span></a></h1><p>最后，分享一些使用Chevereto搭建的图床（注意：本站不对图床的稳定性负责，仅供分享）</p><ul> <li>PICBCC：<a href="https://www.picb.cc/" target="_blank">https://www.picb.cc/</a></li> <li>路过图床：<a href="https://imgtu.com/" target="_blank">https://imgtu.com/</a></li> <li>知晓图床：<a href="https://tu.jilu.info/" target="_blank">https://tu.jilu.info/</a></li> <li>SM图床：<a href="https://www.imgsm.com/" target="_blank">https://www.imgsm.com/</a></li> <li>鸡霸图床（老王图床）：<a href="https://img.gejiba.com/" target="_blank">https://img.gejiba.com/</a></li> <li>靠谱图床：<a href="https://img.bqe.cc/" target="_blank">https://img.bqe.cc/</a></li> <li>伏名图床：<a href="https://ccsyn.org/" target="_blank">https://ccsyn.org/</a></li> <li>安享图床：<a href="https://img.ax/" target="_blank">https://img.ax/</a></li> </ul><blockquote><p>本站图床由：<a href="https://pic.6zs.cn/" target="_blank">https://pic.6zs.cn/</a>提供。</p></blockquote></section>https://kanochan.net/posts/acg-wide-images-api/https://kanochan.net/posts/acg-wide-images-api/整理一组适合API调用与背景使用的高质量ACG宽屏图片资源。Tue, 22 Feb 2022 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2022/04/15/E4g4vf2UcAESiQ0.jpg" alt="E4g4vf2UcAESiQ0.jpg" /><figcaption>E4g4vf2UcAESiQ0.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/E6kjabfVkAA0VjW.jpg" alt="E6kjabfVkAA0VjW.jpg" /><figcaption>E6kjabfVkAA0VjW.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/E94o_uIUYAEumoz.jpg" alt="E94o_uIUYAEumoz.jpg" /><figcaption>E94o_uIUYAEumoz.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/Ea3tPviUMAEaBq2.jpg" alt="Ea3tPviUMAEaBq2.jpg" /><figcaption>Ea3tPviUMAEaBq2.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/Eg4qBzbU8AAeuL3.jpg" alt="Eg4qBzbU8AAeuL3.jpg" /><figcaption>Eg4qBzbU8AAeuL3.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EgRfDrlU4AEEHZE.jpg" alt="EgRfDrlU4AEEHZE.jpg" /><figcaption>EgRfDrlU4AEEHZE.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/Eig7vAZVkAcmEAR.jpg" alt="Eig7vAZVkAcmEAR.jpg" /><figcaption>Eig7vAZVkAcmEAR.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EjoXhy5UYAAg1TB.jpg" alt="EjoXhy5UYAAg1TB.jpg" /><figcaption>EjoXhy5UYAAg1TB.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EjrNhRlUcAA4AEk.jpg" alt="EjrNhRlUcAA4AEk.jpg" /><figcaption>EjrNhRlUcAA4AEk.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/ElAJwcoUUAE2ZJv.jpg" alt="ElAJwcoUUAE2ZJv.jpg" /><figcaption>ElAJwcoUUAE2ZJv.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/Em82t4PVoAAKVSi.jpg" alt="Em82t4PVoAAKVSi.jpg" /><figcaption>Em82t4PVoAAKVSi.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EmiTNc0VkAAwzZF.jpg" alt="EmiTNc0VkAAwzZF.jpg" /><figcaption>EmiTNc0VkAAwzZF.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/Eoyw-vsVQAA8Dqz.jpg" alt="Eoyw-vsVQAA8Dqz.jpg" /><figcaption>Eoyw-vsVQAA8Dqz.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/Ep5eF3PVEAADgK6.jpg" alt="Ep5eF3PVEAADgK6.jpg" /><figcaption>Ep5eF3PVEAADgK6.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/Et22kydUYAIghR2.jpg" alt="Et22kydUYAIghR2.jpg" /><figcaption>Et22kydUYAIghR2.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/ETJ3dK0VAAAB31w.jpg" alt="ETJ3dK0VAAAB31w.jpg" /><figcaption>ETJ3dK0VAAAB31w.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EU8qN9KU0AA3-XW.jpg" alt="EU8qN9KU0AA3-XW.jpg" /><figcaption>EU8qN9KU0AA3-XW.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EYr2cNsVcAI8rKl.jpg" alt="EYr2cNsVcAI8rKl.jpg" /><figcaption>EYr2cNsVcAI8rKl.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EYsf0-VUcAEaajN.jpg" alt="EYsf0-VUcAEaajN.jpg" /><figcaption>EYsf0-VUcAEaajN.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/EZMPbmmVAAA1Tea.jpg" alt="EZMPbmmVAAA1Tea.jpg" /><figcaption>EZMPbmmVAAA1Tea.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FBAxMMbUcAAO7fD.jpg" alt="FBAxMMbUcAAO7fD.jpg" /><figcaption>FBAxMMbUcAAO7fD.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FCH5itMUUAMBJNd.jpg" alt="FCH5itMUUAMBJNd.jpg" /><figcaption>FCH5itMUUAMBJNd.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FHSf67-acAENa2p.jpg" alt="FHSf67-acAENa2p.jpg" /><figcaption>FHSf67-acAENa2p.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FIaG8PAaUAAsfi2.jpg" alt="FIaG8PAaUAAsfi2.jpg" /><figcaption>FIaG8PAaUAAsfi2.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FIyV06daQAEFs4d.jpg" alt="FIyV06daQAEFs4d.jpg" /><figcaption>FIyV06daQAEFs4d.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FJbM2GTaUAIjAnK.jpg" alt="FJbM2GTaUAIjAnK.jpg" /><figcaption>FJbM2GTaUAIjAnK.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FKp0bfSaMAAAkdJ.jpg" alt="FKp0bfSaMAAAkdJ.jpg" /><figcaption>FKp0bfSaMAAAkdJ.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FNzb-x8UcAIWPYu.jpg" alt="FNzb-x8UcAIWPYu.jpg" /><figcaption>FNzb-x8UcAIWPYu.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FP0DqSSVkAAbe1N.jpg" alt="FP0DqSSVkAAbe1N.jpg" /><figcaption>FP0DqSSVkAAbe1N.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FP5P0hLXEAcjeVA.jpg" alt="FP5P0hLXEAcjeVA.jpg" /><figcaption>FP5P0hLXEAcjeVA.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FPDMa8SagAAArOU.jpg" alt="FPDMa8SagAAArOU.jpg" /><figcaption>FPDMa8SagAAArOU.jpg</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/04/15/FPQCl3BacAY0ETT.jpg" alt="FPQCl3BacAY0ETT.jpg" /><figcaption>FPQCl3BacAY0ETT.jpg</figcaption></figure> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/6e0b945a-5e38-4ded-a74f-248393923768.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/e7fa2768-82af-4dc8-870c-b497674a29b7.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/61be4690-114a-46d4-8b7e-f371e4e27691.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/7685b1e5-86fe-4bdd-b9ac-85421dd09b1b.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/3666c046-f636-4ddc-aa5e-aa10fd17d021.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/aa916371-2c9f-475e-b9b1-ec1e3ceb76c1.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/55e2eabf-2e4a-445f-9f8c-05c687a7e9dd.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/6a86514f-eb72-4aba-b613-9494cf03c2a6.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/bf2114ca-231e-4783-b4ac-261dc50da74b.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/8204addb-7c9d-4a34-a59c-b7f11f6c1219.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/c88dc086-8670-4342-a98f-3201a4bf2160.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/b152a7fa-c877-480e-8b6b-f8c030020e39.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/cda72934-1be2-4d32-ba2e-539d9e552c27.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/6f7b4658-6e6d-4da2-87de-16cf0f895f21.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/d3c642f9-eebd-44eb-8bd3-f4b7bfc48a57.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/b37c6fc6-d685-4e88-b08d-03bb3eab74ed.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/07ff1d4a-1acc-4868-816f-1918b208fd1a.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/6f846737-2819-4874-96f8-c20e198ea2fd.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/bc9fea50-0a24-4296-b195-02604e625868.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/1d25a348-45fc-4630-b689-65c474d8336c.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/b43bb5bc-9601-40ae-8349-8fef6dd28b2f.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/09439c02-5255-41b4-bde7-5e3748402d74.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/ec72b305-00c0-41fa-8184-0de2d3891b95.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/69f1ecb9-2a32-417c-9e76-15919658a44b.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/f2f6556e-3717-4502-b9da-ca6166eeb832.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/6be48256-a421-4909-a283-8b0563e7d88f.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/88b27a01-4be6-43a1-b7ee-31af30c3a03a.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/91ac4226-3077-409a-9681-c2953d76de98.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/3f55e4d4-db89-4ef8-ad1d-519b9cc5274d.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/3eefd5cf-4124-4a1d-b0c3-1643a761f3b2.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/c4160302-7052-4dd7-a68b-08f657fd54a7.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/a8aafd94-6845-4e9d-950f-3fba91a122a7.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/6d5f55f2-e921-459e-9ad4-96b68c19cfd2.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/57eb86cc-677f-4393-a171-3e5f6d2dec11.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/98364fc8-e5d0-4f45-b37e-5d8812d65e01.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/b66b8312-9646-4649-af09-f9c08dc513e7.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/d05adafa-ffa9-4631-a454-59126915aa46.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/fd5deb00-258e-48a2-81c7-4614257ff8cb.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/682f1109-88cc-42c0-b96d-9fa4d1fa4124.jpeg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/206b11f1-a71e-4e73-9c22-de2482f37786.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/1bf18e78-9f16-4632-b524-2d8e2c191c8a.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/4083e2de-41ec-456d-9db9-923c556bd993.jpg" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/1faf2a38-ea58-4c60-9549-4cf6830772f4.png" alt="" /> <img src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-d8ffc7e7-cc1c-4a18-8a39-b2127a8cd1d7/f2425063-0ef1-489b-b5b2-b0b49d50018c.jpg" alt="" /><p></p>https://kanochan.net/posts/vaultwarden-docker-deployment/https://kanochan.net/posts/vaultwarden-docker-deployment/通过Docker部署Vaultwarden私人密码库，并配合Nginx提供服务。Sun, 20 Feb 2022 00:00:00 GMT<blockquote><p>因为官方的部署方法非常麻烦，虽然有一键脚本可用，但是脚本会使用443端口作为Bitwarden的服务端口，这会与服务器上现有nginx冲突。也不是不能改，就是懒得改…所以用了<a href="https://github.com/dani-garcia/vaultwarden" target="_blank">dani-garcia/vaultwarden</a>这个基于Bitwarden官方API编写的Docker镜像。</p></blockquote> <p>[toc]</p> <section><h1>安装环境<a href="#安装环境"><span>#</span></a></h1><p>要安装Bitwarden，需要先在服务器配置Docker环境。环境配置可以参考之前的文章，包括可视化web管理等。 [post cid=1092 cover=\ size=\/]</p></section> <section><h1>安装Bitwarden<a href="#安装bitwarden"><span>#</span></a></h1><p>Docker的好处就是，啥也不用操心，一句命令即可。</p><ul> <li>先新建一个目录用来存放Bitwarden的数据。</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>docker volume create vw-data</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>拉取vaultwarden镜像并建立容器运行</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>docker run -d --name vaultwarden --restart=always -v /vw-data/:/data/ -p 127.0.0.1:8032:80 vaultwarden/server:latest</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>Nginx配置反向代理<a href="#nginx配置反向代理"><span>#</span></a></h1><p>要想实现HTTPS访问Bitwarden（而且Bitwarden只支持在https环境下配置账户），使用Nginx反向代理是一个比较简单且有效的手段。 就和正常的反向代理一样了，过程略。</p></section> <section><h1>如何使用Bitwarden<a href="#如何使用bitwarden"><span>#</span></a></h1><p>下载各平台软件，在登陆界面指定个人服务器地址即可。</p></section>https://kanochan.net/posts/centos-docker-portainer/https://kanochan.net/posts/centos-docker-portainer/在CentOS系统上部署Docker与Portainer可视化管理面板的实战记录。Sat, 19 Feb 2022 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2022/02/17/83110343_1.jpg" alt="Pixiv" title="Pixiv" /><figcaption>Pixiv</figcaption></figure><p></p> <blockquote><p>因为要部署Bitwarden，需要先配置docker环境，记录一下过程。</p></blockquote> <section><h1>使用存储库安装Docker Engine<a href="#使用存储库安装docker-engine"><span>#</span></a></h1><p>在新主机上首次安装 Docker Engine 之前，您需要设置 Docker 存储库。之后，您可以从存储库安装和更新 Docker。</p><section><h2>设置存储库<a href="#设置存储库"><span>#</span></a></h2><p>安装<code>yum-utils</code>包（提供<code>yum-config-manager</code> 实用程序）并设置<strong>稳定</strong>的存储库。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$ sudo yum install -y yum-utils</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>$ sudo yum-config-manager \</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>--add-repo \</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>https://download.docker.com/linux/centos/docker-ce.repo</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>安装 Docker 引擎<a href="#安装-docker-引擎"><span>#</span></a></h2><ol> <li> <p>安装_最新版本_的 Docker Engine 和 containerd：</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$ sudo yum install docker-ce docker-ce-cli containerd.io</span></div></div></code></pre><div><div></div><div></div></div></figure></div> </li> </ol><p>如果提示接受 GPG 密钥，请验证指纹是否匹配 <code>060A 61C5 1B55 8A7F 742B 77AA C52F EB6B 621E 9F35</code>，如果是，则接受它。</p><ol> <li> <p>启动 Docker。</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$ sudo systemctl start docker</span></div></div></code></pre><div><div></div><div></div></div></figure></div> </li> <li> <p><code>hello-world</code> 通过运行映像来验证 Docker 引擎是否已正确安装。</p> <div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$ sudo docker run hello-world</span></div></div></code></pre><div><div></div><div></div></div></figure></div> </li> </ol><p>此命令下载测试映像并在容器中运行它。当容器运行时，它会打印一条消息并退出。</p><ol> <li>配置Docker开机自启</li> </ol><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl enable docker</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>参考自docker官方文档：<a href="https://docs.docker.com/engine/install/centos/" target="_blank">Install Docker Engine on CentOS</a></p></section></section> <section><h1>使用Portainer可视化web管理<a href="#使用portainer可视化web管理"><span>#</span></a></h1><p>安装参考：<a href="https://docs.portainer.io/v/ce-2.9/start/install" target="_blank">Install Portainer CE</a></p><section><h2>创建数据存放位置<a href="#创建数据存放位置"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>docker volume create portainer_data</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>创建Portainer容器并运行<a href="#创建portainer容器并运行"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>docker run -d -p 8000:8000 -p 9443:9443 -p 9000:9000 --name portainer \</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>--restart=always \</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>-v /var/run/docker.sock:/var/run/docker.sock \</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>-v portainer_data:/data \</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>cr.portainer.io/portainer/portainer-ce:2.9.3</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>访问<code>http://localhost:9000</code>进行配置。</p></section><section><h2>配置Nginx反向代理<a href="#配置nginx反向代理"><span>#</span></a></h2><p>略</p></section></section> <section><h1>解决Docker绕过系统防火墙的问题。<a href="#解决docker绕过系统防火墙的问题"><span>#</span></a></h1><p>这里说的绕过，并不是真正的绕过，而是Docker通过更底层的iptables来控制数据的流出和流入。这就是为什么防火墙端口没开，但却可以访问Docker容器的原因。 解决方法是，创建容器时，指定端口时带上127.0.0.1地址，不要使用0.0.0.0地址。示例如下：</p><ul> <li>原本的端口配置</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>-p 80:80</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>修改成</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>-p 127.0.0.1:80:80</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section>https://kanochan.net/posts/genshin-impact-memories/https://kanochan.net/posts/genshin-impact-memories/汇总《原神》中的旅行记录、视频片段与趣味截图。Sun, 13 Feb 2022 00:00:00 GMT<p>[tabs]<br /> [tab name=“旅行视频记录” active=“true”]</p> <section><h3>芭芭拉冲呀~战斗牧师养成！<a href="#芭芭拉冲呀战斗牧师养成"><span>#</span></a></h3><p></p><p>[/tab]</p><p>[tab name=“旅行照片收藏”]</p><p></p><figure><img src="https://pic.6zs.cn/images/2022/02/12/1643646800697.png" alt="1643646800697.png" title="1643646800697.png" /><figcaption>1643646800697.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/1638893663028.png" alt="1638893663028.png" title="1638893663028.png" /><figcaption>1638893663028.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/QQ20211119122038.png" alt="QQ20211119122038.png" title="QQ20211119122038.png" /><figcaption>QQ20211119122038.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/202171214738.png" alt="202171214738.png" title="202171214738.png" /><figcaption>202171214738.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/202181523411.png" alt="202181523411.png" title="202181523411.png" /><figcaption>202181523411.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/202181915312.png" alt="202181915312.png" title="202181915312.png" /><figcaption>202181915312.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/2021103155036.png" alt="2021103155036.png" title="2021103155036.png" /><figcaption>2021103155036.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/2021819145920.png" alt="2021819145920.png" title="2021819145920.png" /><figcaption>2021819145920.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/2021911233936.png" alt="2021911233936.png" title="2021911233936.png" /><figcaption>2021911233936.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220102165802.png" alt="20220102165802.png" title="20220102165802.png" /><figcaption>20220102165802.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220209224002.png" alt="20220209224002.png" title="20220209224002.png" /><figcaption>20220209224002.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220209224028.png" alt="20220209224028.png" title="20220209224028.png" /><figcaption>20220209224028.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220209225103.png" alt="20220209225103.png" title="20220209225103.png" /><figcaption>20220209225103.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220209230347.png" alt="20220209230347.png" title="20220209230347.png" /><figcaption>20220209230347.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220209231408.png" alt="20220209231408.png" title="20220209231408.png" /><figcaption>20220209231408.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220211234718.png" alt="20220211234718.png" title="20220211234718.png" /><figcaption>20220211234718.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220211235546.png" alt="20220211235546.png" title="20220211235546.png" /><figcaption>20220211235546.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220212000335.png" alt="20220212000335.png" title="20220212000335.png" /><figcaption>20220212000335.png</figcaption></figure><br /> <figure><img src="https://pic.6zs.cn/images/2022/02/12/20220212000624.png" alt="20220212000624.png" title="20220212000624.png" /><figcaption>20220212000624.png</figcaption></figure><p></p><p>[/tab]<br /> [tab name=“表情包”]疯狂更新中…[/tab]<br /> [/tabs]</p></section>https://kanochan.net/posts/handsome-theme-image-button/https://kanochan.net/posts/handsome-theme-image-button/介绍如何在Handsome主题评论区加入图片上传按钮并接入图床。Thu, 10 Feb 2022 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2022/02/09/image7b991ed44eddb19e.png" alt="Pixiv ID：91205404" /><figcaption>Pixiv ID：91205404</figcaption></figure><p></p> <blockquote><ul> <li>事前提要：此方法无法用于带有PJAX加载的网站，handsome需要取消使用PJAX。</li> <li>因为文章有些杂乱，在2022.02.24对本文进行了重构，你可以在“文章历史记录”中查看之前的版本，虽然已经失去了大部分参考价值。</li> </ul></blockquote> <p>[toc]</p> <section><h1>（更新）一种支持PJAX的方法<a href="#更新一种支持pjax的方法"><span>#</span></a></h1><p>这篇文章实在是太长了，就新开一篇文章来写这个东西吧。大致方法如下：</p><ul> <li>将pup.js里的代码封装成一个函数<code>function chevereto()</code>。</li> <li>在自定义 JavaScript中调用这个函数<code>chevereto()</code>。</li> <li>将<code>chevereto()</code>加入PJAX的回调函数中。</li> </ul><p>本站使用的就是这种方法。嗯，怎么说呢，能用，但是看起来好low！虽然也没人看文章源代码就是了。</p><p>算了，又不是不能用，哪天有时间再仔细研究一下吧。（应该不会再研究了） 各位大佬如果有什么好方法，记得评论区留言一下，我先谢谢您。</p><p>新文章写好了，如下 <a href="https://kanochan.net/archives/1141.html">https://kanochan.net/archives/1141.html</a></p></section> <section><h1>（更新）一种更简单的办法<a href="#更新一种更简单的办法"><span>#</span></a></h1><p>经过测试，摸索出了一种比较简单的办法，不用修改js文件。略微遗憾的是，该方法还是不能支持PJAX，使用的话需要关闭主题的PJAX功能。实现方法如下：</p><section><h2>关闭PJAX<a href="#关闭pjax"><span>#</span></a></h2><p><code>handsome后台</code>-<code>主题增强功能</code>-<code>增强功能开关</code>里取消勾选<code>启用pjax</code></p></section><section><h2>放行HTML标签<a href="#放行html标签"><span>#</span></a></h2><p>在<code>后台</code>-<code>设置</code>-<code>评论</code>-<code>允许使用的HTML标签和属性</code>中添加下列内容，并保存，否则会评论失败。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;img src=""&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>修改handsome源码（8.3.0版本）<a href="#修改handsome源码830版本"><span>#</span></a></h2><p>文件路径：<code>/usr/themes/handsome/libs/Content.php</code>第2324行 将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo '&lt;textarea id="handsome_md_text" class="hide" &gt;' . htmlspecialchars($content) . '&lt;/textarea&gt;';</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo '&lt;div id="handsome_md_text" class="hide" &gt;' . htmlspecialchars($content) . '&lt;/div&gt;';</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>引入Chevereto上传插件<a href="#引入chevereto上传插件"><span>#</span></a></h2><p>在<code>handsome后台</code>-<code>开发者设置</code>-<code>自定义输出head 头部的HTML代码</code>中写入以下内容：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script async src="//pic.6zs.cn/sdk/pup.js" data-url="https://pic.6zs.cn/upload" data-palette="black" data-auto-insert="html-embed"&gt;&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>完成。刷新看一下，在评论输入框下方应该出现了一个上传按钮。如果你想知道具体的原理，可以看看后续的内容。</p><hr /><hr /></section></section> <section><h1>先上总结<a href="#先上总结"><span>#</span></a></h1><p>测试发现，通过HTML **data-** _属性引入js的方式，仍然会与本地缓存的js冲突，我觉得这是chevereto的锅。所以采用的方法是直接修改js，放弃使用HTML data-_属性。</p><ol> <li>开始</li> <li>放行Typecho评论的HTML标签</li> <li>修改chevereto的上传插件pup.js</li> <li>在评论区新建一个上传图片按钮</li> <li>完成</li> </ol></section> <section><h1>一、前言<a href="#一前言"><span>#</span></a></h1><p>在评论时，我们往往需要附上图片以更明确地表达自己的想法，Typecho中虽然没有原生的评论区图片上传功能，但是也可以通过HTML的<code>img</code>标签在评论中附加图片。不过，这其中有一个大麻烦：图片需要上传到图床，才能获得图片链接，进而插入<code>img</code>标签。这是一个很麻烦的过程，也正因为如此，除非迫不得已，没有人愿意选择在评论中添加图片。 现在，我们就来解决这个问题。先附上效果图，如下,你也可以在下方的评论区中验证效果。（[font color=“#FFFF00”]注意：部分图床会被qq、微信内置浏览器拦截，想要获得完整的演示，请在系统浏览器中打开网页。[/font]） </p><figure><img src="https://image.kanochan.net/2022/02/09/imageupload.gif" alt="效果图" /><figcaption>效果图</figcaption></figure><p></p></section> <section><h1>二、为Handsome增加评论图片上传<a href="#二为handsome增加评论图片上传"><span>#</span></a></h1><p>此方案不兼容手机应用内置的浏览器，如QQ、微信等自带的浏览器。<code>内置浏览器就是逊啦。</code>因为实现上传操作需要同时打开两个窗口，而内置浏览器往往没有多窗口支持。</p><section><h2>放行HTML标签和属性<a href="#放行html标签和属性"><span>#</span></a></h2><p>在<code>后台</code>-<code>设置</code>-<code>评论</code>-<code>允许使用的HTML标签和属性</code>中添加下列内容，并保存，否则会评论失败。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;img src=""&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>修改chevereto的上传插件pup.js<a href="#修改chevereto的上传插件pupjs"><span>#</span></a></h2><p>此方案是基于Chevereto的上传插件来实现，所有通过Chevereto部署的图床都可以应用到此方案。</p><section><h3>chevereto是什么<a href="#chevereto是什么"><span>#</span></a></h3><p>关于Chevereto，你可以看看我之前写的文章： [post cid=“997” cover="" size=""/]</p></section><section><h3>认识Chevereto的上传插件<a href="#认识chevereto的上传插件"><span>#</span></a></h3><p>Popup Upload Plugin上传插件，可谓是Chevereto的重要功能之一。PUP 将用户可编辑的内容与将触发图像上传对话框的上传按钮绑定，并自动处理图像插入所需的代码。最终用户无需离开原始网站即可体验流畅而整洁的流程。关于上传插件的更多信息，你可以查看官方文档的<a href="https://v3-docs.chevereto.com/features/integrations/pup.html" target="_blank">说明</a>，这里不再详细介绍。说一下有几个值得我们关注的东西：</p><ul> <li><code>mode</code> 即插件的模式。在默认情况下，插件绑定到任何匹配的编辑器框。</li> <li><code>auto-insert</code> 嵌入图片代码自动插入到输入框。</li> </ul></section><section><h3>获取插件链接<a href="#获取插件链接"><span>#</span></a></h3><p>随便找一个基于Chevereto搭建的图床，如：<a href="https://www.picb.cc/" target="_blank">https://www.picb.cc/</a> </p><figure><img src="https://image.kanochan.net/2022/02/09/image(20).png" alt="点击图示的问号" /><figcaption>点击图示的问号</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/02/09/image(1).png" alt="点击插件" /><figcaption>点击插件</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/02/09/image(2).png" alt="点击选项，嵌入代码选择HTML图像" /><figcaption>点击选项，嵌入代码选择HTML图像</figcaption></figure> 复制得插件链接如下<p></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script async src="//www.picb.cc/sdk/pup.js" data-url="https://www.picb.cc/upload" data-auto-insert="html-embed"&gt;&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>前面也提到了，通过<code>data-*</code>属性控制pup.js效果不尽人意，故要想得到好的体验（不出bug），需要修改js后重新引入。</p></section><section><h3>修改pup.js<a href="#修改pupjs"><span>#</span></a></h3><section><h4>下载pup.js<a href="#下载pupjs"><span>#</span></a></h4><p>pup.js的下载链接可以在上面的插件链接中找到，即<a href="https://www.picb.cc/sdk/pup.js%EF%BC%8C%E5%B0%86%E8%AF%A5%E9%93%BE%E6%8E%A5%E5%A4%8D%E5%88%B6%E5%88%B0%E4%B8%8B%E8%BD%BD%E5%99%A8%E4%B8%AD%E4%B8%8B%E8%BD%BD%E3%80%82%E6%B2%A1%E6%9C%89%E4%B8%8B%E8%BD%BD%E5%99%A8%E7%9A%84%E8%AF%9D%EF%BC%8C%E5%B0%B1%E6%89%93%E5%BC%80%E9%93%BE%E6%8E%A5%EF%BC%8C%E5%8F%B3%E9%94%AE%E5%8F%A6%E5%AD%98%E4%B8%BA...%E8%BF%9B%E8%A1%8C%E4%B8%8B%E8%BD%BD%E3%80%82" target="_blank">https://www.picb.cc/sdk/pup.js，将该链接复制到下载器中下载。没有下载器的话，就打开链接，右键另存为…进行下载。</a></p></section><section><h4>格式化pup.js<a href="#格式化pupjs"><span>#</span></a></h4><p>打开下载好的js，如下，可以看到代码是被压缩过的，为了便于修改，我们需要格式化它。推荐使用在线代码格式化工具：<a href="https://tool.oschina.net/codeformat/js" target="_blank">JavaScript格式化</a>。</p><p></p><figure><img src="https://image.kanochan.net/2022/02/24/image.png" alt="pup.js" /><figcaption>pup.js</figcaption></figure><p></p></section><section><h4>修改pup.js代码<a href="#修改pupjs代码"><span>#</span></a></h4><p>格式化后的js代码如下，我们需要修改三个地方。 </p><figure><img src="https://image.kanochan.net/2022/02/24/image(1).png" alt="需要修改的地方" /><figcaption>需要修改的地方</figcaption></figure> 将<p></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>url: "https://demo.chevereto.com/upload"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为目标图床的上传链接，如</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>url: "https://www.picb.cc/upload"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>将<code>mode: "auto"</code>改为<code>mode: "manual"</code>，即让js默认不自动放置上传按钮。 将<code>autoInsert: "bbcode-embed-medium"</code>修改为<code>autoInsert: "html-embed"</code>，即让js自动返回HTML格式的图片链接。 修改完成后的js部分代码如下:</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>(function() {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>for (var t = {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>defaultSettings: {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>url: "https://www.picb.cc/upload",</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>vendor: "auto",</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>mode: "manual",</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>lang: "auto",</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>autoInsert: "html-embed",</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>palette: "default",</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>init: "onload",</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>containerClass: 1,</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>...</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>...</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>图片示意如下：</p><p>[hide] </p><figure><img src="https://image.kanochan.net/2022/02/24/image(2).png" alt="修改完成后" /><figcaption>修改完成后</figcaption></figure><p></p><p>[/hide]</p></section></section><section><h3>重新引入修改后的pup.js<a href="#重新引入修改后的pupjs"><span>#</span></a></h3><ol> <li>将修改后的pup.js上传到目录<code>/usr/themes/handsome/assets/js/</code>下。</li> <li>在<code>handsome后台</code>-<code>开发者设置</code>-<code>自定义输出head 头部的HTML代码</code>中写入以下内容：</li> </ol><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script async src="/usr/themes/handsome/assets/js/pup.js"&gt;&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section><section><h2>新建图片上传按钮<a href="#新建图片上传按钮"><span>#</span></a></h2><p>在主题的评论区配置文件中加入以下代码</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;button data-chevereto-pup-trigger data-target="#comment"&gt;上传图片&lt;/button&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><strong>代码解析：</strong> <code>data-target="#comment"</code>是文本框的ID，每个主题的ID不同，你可以在PHP源码中找到ID。如下图，文本框的ID为：<code>comment</code>。 <figure><img src="https://image.kanochan.net/2022/02/09/image(5).png" alt="文本框ID" /><figcaption>文本框ID</figcaption></figure> 这个ID用于Chevereto上传插件的回调，即插件上传完图片后，将嵌入代码输入到文本框中。根据主题的不同，你也许需要进行相应修改。</li> <li><strong>按钮添加的位置：</strong> 根据不同的需要，你可以将按钮添加到任何地方。你可以通过Chrome控制台的元素指示来确定添加的位置。 <figure><img src="https://image.kanochan.net/2022/02/09/image(6).png" alt="元素指示" /><figcaption>元素指示</figcaption></figure> 对于Handsome(8.3.0版本)主题，添加的位置为<code>/handsome/component/comments.php</code>中的第137行附近，如下:</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="comment-form-comment form-group"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;label class="padder-v-sm" for="comment"&gt;&lt;?php _me("评论") ?&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;span class="required text-danger"&gt;*&lt;/span&gt;&lt;/label&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="&lt;?php _me("说点什么吧……") ?&gt;" onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13){document.getElementById('submit').click();return false};"&gt;&lt;?php $this-&gt;remember('text'); ?&gt;&lt;/textarea&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>代码在这里添加</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;div class="OwO padder-v-sm"&gt;&lt;/div&gt;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;?php $options = mget(); if (in_array('ajaxComment', Utils::checkArray( $options-&gt;featuresetup))): ?&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;div class="secret_comment" id="secret_comment" data-toggle="tooltip"</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>data-original-title="&lt;?php _me("开启该功能，您的评论仅作者和评论双方可见") ?&gt;"&gt;</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;label class="secret_comment_label control-label"&gt;&lt;?php _me("私密评论") ?&gt;&lt;/label&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>图片示意如下：</p><p>[hide] </p><figure><img src="https://image.kanochan.net/2022/02/09/image(7).png" alt="代码插入位置" /><figcaption>代码插入位置</figcaption></figure><p></p><p>[/hide]</p><ul> <li><strong>给按钮加个CSS样式</strong></li> </ul><p>经过上面的配置，理论上图片上传按钮已经处于可用的状态。但相信你也发现了，按钮挺丑的…如果你要给按钮加CSS，在&lt;button中调用CSS样式即可，如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;button class="你的样式" data-chevereto-pup-trigger data-target="#comment"&gt;上传图片&lt;/button&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>对于Handsome主题，直接调用主题的按钮样式即可，适用于夜间模式界面，如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;button class="btn m-b-xs btn-dark" data-chevereto-pup-trigger data-target="#comment"&gt;上传图片&lt;/button&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h1>三、Q&amp;A<a href="#三qa"><span>#</span></a></h1><ol> <li>要更换图床怎么办？ 答：修改pup.js里的<code>url: "https://www.picb.cc/upload"</code>，更改图床的链接即可。</li> </ol></section> <section><h1>四、图床分享<a href="#四图床分享"><span>#</span></a></h1><p>最后，分享一些使用Chevereto搭建的图床（注意：本站不对图床的稳定性负责，仅供分享）</p><ul> <li>PICBCC：<a href="https://www.picb.cc/" target="_blank">https://www.picb.cc/</a></li> <li>路过图床：<a href="https://imgtu.com/" target="_blank">https://imgtu.com/</a></li> <li>知晓图床：<a href="https://tu.jilu.info/" target="_blank">https://tu.jilu.info/</a></li> <li>SM图床：<a href="https://www.imgsm.com/" target="_blank">https://www.imgsm.com/</a></li> <li>鸡霸图床（老王图床）：<a href="https://img.gejiba.com/" target="_blank">https://img.gejiba.com/</a></li> <li>靠谱图床：<a href="https://img.bqe.cc/" target="_blank">https://img.bqe.cc/</a></li> <li>伏名图床：<a href="https://ccsyn.org/" target="_blank">https://ccsyn.org/</a></li> <li>安享图床：<a href="https://img.ax/" target="_blank">https://img.ax/</a></li> </ul><blockquote><p>本站图床由：<a href="https://pic.6zs.cn/" target="_blank">https://pic.6zs.cn/</a>提供。</p></blockquote><hr /><p>本文&lt;完！&gt;，感谢你的阅览，如果觉得还不错，请随意点赞。</p><p>[collapse status=“false” title=“文章历史记录”]</p><ul> <li><strong>前言</strong></li> </ul><p>在评论时，我们往往需要附上图片以更明确地表达自己的想法，Typecho中虽然没有原生的评论区图片上传功能，但是也可以通过HTML的<code>img</code>标签在评论中附加图片。不过，这其中有一个大麻烦：图片需要上传到图床，才能获得图片链接，进而插入<code>img</code>标签。这是一个很麻烦的过程，也正因为如此，除非迫不得已，没有人愿意选择在评论中添加图片。 现在，我们就来解决这个问题。先附上效果图，如下,你也可以在下方的评论区中验证效果。 </p><figure><img src="https://image.kanochan.net/2022/02/09/imageupload.gif" alt="效果图" /><figcaption>效果图</figcaption></figure><p></p><ul> <li><strong>如果你只想配置本站同款…</strong></li> </ul><p>如果你只想配置本站同款，而且你使用的是Handsome主题，那么按照以下步骤配置即可，后续内容可忽略。</p><ol> <li>在<code>后台</code>-<code>设置</code>-<code>评论</code>-<code>允许使用的HTML标签和属性</code>中添加下列内容，并保存。</li> </ol><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;img src=""&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ol> <li>在<code>后台主题设置</code>-<code>开发者设置</code>-<code>自定义输出head 头部的HTML代码</code>中，填入以下内容，并保存。</li> </ol><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script async src="https://www.guangsu.top/pup.js"&gt;&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ol> <li>修改<code>/handsome/component/comments.php</code>文件，137行附近，在</li> </ol><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="&lt;?php _me("说点什么吧……") ?&gt;" onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13){document.getElementById('submit').click();return false};"&gt;&lt;?php $this-&gt;remember('text'); ?&gt;&lt;/textarea&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>下方添加下列代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;button class="btn m-b-xs btn-dark" data-chevereto-pup-trigger data-target="#comment"&gt;上传图片&lt;/button&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>添加代码的详细位置如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="comment-form-comment form-group"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;label class="padder-v-sm" for="comment"&gt;&lt;?php _me("评论") ?&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;span class="required text-danger"&gt;*&lt;/span&gt;&lt;/label&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="&lt;?php _me("说点什么吧……") ?&gt;" onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13){document.getElementById('submit').click();return false};"&gt;&lt;?php $this-&gt;remember('text'); ?&gt;&lt;/textarea&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>代码在这里添加</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;div class="OwO padder-v-sm"&gt;&lt;/div&gt;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;?php $options = mget(); if (in_array('ajaxComment', Utils::checkArray( $options-&gt;featuresetup))): ?&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;div class="secret_comment" id="secret_comment" data-toggle="tooltip"</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>data-original-title="&lt;?php _me("开启该功能，您的评论仅作者和评论双方可见") ?&gt;"&gt;</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;label class="secret_comment_label control-label"&gt;&lt;?php _me("私密评论") ?&gt;&lt;/label&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ol> <li>在<code>后台主题设置</code>-<code>PJAX</code>-<code>PJAX回调函数</code>中写入下列内容，并保存。 关闭PJAX后此步不需要做。</li> </ol><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$.getScript("https://www.guangsu.top/pup.js");</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ol> <li>完成</li> </ol><ul> <li><strong>开始之前…</strong></li> <li>在<code>后台</code>-<code>设置</code>-<code>评论</code>-<code>允许使用的HTML标签和属性</code>中添加要放行的标签：</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;a href=""&gt;</span></div></div><div><div><div>2</div></div><div><span>&lt;img src=""&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><em>此方案不兼容手机应用内置的浏览器，如QQ、微信等自带的浏览器。<code>内置浏览器就是逊啦。</code></em></li> <li><strong>正式开始</strong></li> <li><strong>关于Chevereto</strong></li> </ul><p>此方案是基于Chevereto的上传插件来实现，所有通过Chevereto部署的图床都可以应用到此方案。关于Chevereto，你可以看看我之前写的文章： [post cid=“997” cover="" size=""/] 本次教程针对的是Handsome主题，理论上适用于所有Typecho主题，核心方法是一样的。</p><ul> <li><strong>认识Chevereto的上传插件</strong></li> </ul><p>Popup Upload Plugin上传插件，可谓是Chevereto的重要功能之一。PUP 将用户可编辑的内容与将触发图像上传对话框的上传按钮绑定，并自动处理图像插入所需的代码。最终用户无需离开原始网站即可体验流畅而整洁的流程。关于上传插件的更多信息，你可以查看官方文档的<a href="https://v3-docs.chevereto.com/features/integrations/pup.html" target="_blank">说明</a>，这里不再详细介绍。说一下有几个值得我们关注的东西：</p><ul> <li><code>mode</code> 即插件的模式。在默认情况下，插件绑定到任何匹配的编辑器框。</li> <li><code>auto-insert</code> 嵌入图片代码自动插入到输入框。</li> <li><strong>获取插件链接</strong></li> </ul><p>随便找一个基于Chevereto搭建的图床，如：<a href="https://www.picb.cc/" target="_blank">https://www.picb.cc/</a> </p><figure><img src="https://image.kanochan.net/2022/02/09/image(20).png" alt="点击图示的问号" /><figcaption>点击图示的问号</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/02/09/image(1).png" alt="点击插件" /><figcaption>点击插件</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/02/09/image(2).png" alt="点击选项，嵌入代码选择HTML图像" /><figcaption>点击选项，嵌入代码选择HTML图像</figcaption></figure> 复制得插件链接如下<p></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script async src="//www.picb.cc/sdk/pup.js" data-url="https://www.picb.cc/upload" data-auto-insert="html-embed"&gt;&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>默认情况下，插件会自动匹配输入框，但是效果往往不尽人意，我们需要手动指定位置。要想自定义位置，我们需要禁用插件得自动匹配功能，即上文所述的<code>mode</code>，在上面复制出来的链接中添加：data-mode=“manual”参数用于禁用插件的自动匹配。关于这些参数的介绍，在前述的官方文档链接中讲有。修改好的插件链接如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script async src="//www.picb.cc/sdk/pup.js" data-url="https://www.picb.cc/upload" data-auto-insert="html-embed" data-mode="manual"&gt;&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><strong>部署插件</strong></li> </ul><p>将修改好的链接，放置到主题的<code>&lt;#head&gt;</code>…<code>&lt;#/head&gt;</code>头部里(请忽略<code>#</code>号)，如下 [hide] </p><figure><img src="https://image.kanochan.net/2022/02/09/image(3).png" alt="链接放置位置" /><figcaption>链接放置位置</figcaption></figure><p></p><p>[/hide]</p><p>对于Hansome主题，可在后台-开发者设置-自定义输出head 头部的HTML代码中添加插件链接。 </p><figure><img src="https://image.kanochan.net/2022/02/09/image(4).png" alt="Handsome主题放置位置" /><figcaption>Handsome主题放置位置</figcaption></figure><p></p><ul> <li><strong>添加<code>上传图片</code>按钮</strong></li> </ul><p>在主题的评论区配置文件中加入以下代码</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;button data-chevereto-pup-trigger data-target="#comment"&gt;上传图片&lt;/button&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><strong>代码解析：</strong> <code>data-target="#comment"</code>是文本框的ID，每个主题的ID不同，你可以在PHP源码中找到ID。如下图，文本框的ID为：<code>comment</code>。 </p><figure><img src="https://image.kanochan.net/2022/02/09/image(5).png" alt="文本框ID" /><figcaption>文本框ID</figcaption></figure> 这个ID用于Chevereto上传插件的回调，即插件上传完图片后，将嵌入代码输入到文本框中。根据主题的不同，你也许需要进行相应修改。 <strong>按钮添加的位置：</strong> 根据不同的需要，你可以将按钮添加到任何地方。你可以通过Chrome控制台的元素指示来确定添加的位置。 <figure><img src="https://image.kanochan.net/2022/02/09/image(6).png" alt="元素指示" /><figcaption>元素指示</figcaption></figure> 对于Handsome(8.3.0版本)主题，添加的位置为<code>/handsome/component/comments.php</code>中的第137行附近，如下:<p></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="comment-form-comment form-group"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;label class="padder-v-sm" for="comment"&gt;&lt;?php _me("评论") ?&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;span class="required text-danger"&gt;*&lt;/span&gt;&lt;/label&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;textarea id="comment" class="textarea form-control OwO-textarea" name="text" rows="5" placeholder="&lt;?php _me("说点什么吧……") ?&gt;" onkeydown="if(event.ctrlKey&amp;&amp;event.keyCode==13){document.getElementById('submit').click();return false};"&gt;&lt;?php $this-&gt;remember('text'); ?&gt;&lt;/textarea&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>代码在这里添加</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;div class="OwO padder-v-sm"&gt;&lt;/div&gt;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;?php $options = mget(); if (in_array('ajaxComment', Utils::checkArray( $options-&gt;featuresetup))): ?&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;div class="secret_comment" id="secret_comment" data-toggle="tooltip"</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>data-original-title="&lt;?php _me("开启该功能，您的评论仅作者和评论双方可见") ?&gt;"&gt;</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;label class="secret_comment_label control-label"&gt;&lt;?php _me("私密评论") ?&gt;&lt;/label&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>图片示意如下：</p><p>[hide] </p><figure><img src="https://image.kanochan.net/2022/02/09/image(7).png" alt="代码插入位置" /><figcaption>代码插入位置</figcaption></figure><p></p><p>[/hide]</p><ul> <li><strong>给按钮加个CSS样式</strong></li> </ul><p>经过上面的配置，理论上图片上传按钮已经处于可用的状态。但相信你也发现了，按钮挺丑的…CSS这东西吧，因人而异，我就不写了懒。如果你要给按钮加CSS，在&lt;button中调用CSS样式即可，如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;button class="你的样式" data-chevereto-pup-trigger data-target="#comment"&gt;上传图片&lt;/button&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>对于Handsome主题，直接调用主题的按钮样式即可，适用于夜间模式界面，如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;button class="btn m-b-xs btn-dark" data-chevereto-pup-trigger data-target="#comment"&gt;上传图片&lt;/button&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li><strong>PJAX回调</strong></li> </ul><p>需要注意的是，如果你的网站启用了PJAX，会导致Chevereto的上传插件，也就是pup.js，无法重新加载。非常抱歉的是，我不知道怎么回调带有用户参数的script，在Chevereto的script中带有两个参数，分别是 <code>data-auto-insert="html-embed"</code> 、<code>data-mode="manual"</code>，其中，前者定义了插件的返回图片地址的代码格式，后者定义了插件的工作模式。</p><p>如果只是单独重载pup.js，那么会造成一些错误，如点开上传按钮，跳转到的是<code>https://demo.chevereto.com/upload</code>，以及出现两个上传按钮的状况。我不知道的是，怎么样才能让PJAX重新加载整个script，使用户信息随之重载。如果有人研究出来了，请务必留言告诉我，多谢！</p><p>经过研究，虽然无法从根本上解决上面的问题，但是也可以通过下面的的方法来曲线救国。 没有救，只能把PJAX关了，以下内容失效。</p><ul> <li><strong>修改js文件，再重新引入修改后的js</strong></li> </ul><p>pup.js存放于图床的服务器上，我们当然不可能更改。可以将目标图床的pup.js下载到本地进行修改。如<a href="https://pic.6zs.cn/sdk/pup.js%EF%BC%8C%E4%B8%8B%E8%BD%BD%E5%A5%BD%E7%9A%84js%E5%A6%82%E4%B8%8B%EF%BC%9A" target="_blank">https://pic.6zs.cn/sdk/pup.js，下载好的js如下：</a></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>`(function(){for(var t={defaultSettings:{url:"https://demo.chevereto.com/upload",vendor:"auto",mode:"auto",lang:"auto",autoInsert:"bbcode-embed-medium",palette:"default",init:"onload",containerClass:1,buttonClass:1,sibling:0,siblingPos:"after",fitEditor:0,observe:0,observeCache:1,html:'%iconSvg%text',css:".%cClass{display:inline-block;margin-top:5px;margin-bottom:5px}.%bClass{line-height:normal;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;color:%2;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.15);background:%1;border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.%bClass:hover{background:%3;color:%4;border-color:rgba(0,0,0,.1)}.%iClass,.%tClass{display:inline-block;vertical-align:middle}.%iClass svg{display:block;width:1em;height:1em;fill:currentColor}.%tClass{margin-left:.25em}"},ns:{plugin:"chevereto-pup"},palettes:{default:["#ececec","#333","#2980b9","#fff"],clear:["inherit","inherit","inherit","#2980b9"],turquoise:["#16a085","#fff","#1abc9c","#fff"],green:["#27ae60","#fff","#2ecc71","#fff"],blue:["#2980b9","#fff","#3498db","#fff"],purple:["#8e44ad","#fff","#9b59b6","#fff"],darkblue:["#2c3e50","#fff","#34495e","#fff"],yellow:["#f39c12","#fff","#f1c40f","#fff"],orange:["#d35400","#fff","#e67e22","#fff"],red:["#c0392b","#fff","#e74c3c","#fff"],grey:["#ececec","#000","#e0e0e0","#000"],black:["#333","#fff","#666","#fff"]},classProps:["button","container"],iconSvg:'',l10n:{ar:"تحميل الصور",cs:"Nahrát obrázky",da:"Upload billeder",de:"Bilder hochladen",es:"Subir imágenes",fi:"Lataa kuvia",fr:"Importer des images",id:"Unggah gambar",it:"Carica immagini",ja:"画像をアップロード",nb:"Last opp bilder",nl:"Upload afbeeldingen",pl:"Wyślij obrazy",pt_BR:"Enviar imagens",ru:"Загрузить изображения",tr:"Resim Yukle",uk:"Завантажити зображення",zh_CN:"上传图片",zh_TW:"上傳圖片"},vendors:{default:{check:function(){return 1},getEditor:function(){var t={textarea:{name:["recaptcha","search","recipients","coppa","^comment_list","username_list","add"]},ce:{dataset:["gramm"]}},e=["~","|","^","$","*"],i={};for(var s in t){i[s]="";var n=t[s];for(var r in n)for(var o=0;o-1&amp;&amp;(a=d,l=l.substring(1)),i[s]+=":not(["+("dataset"==r?"data-"+l:r+a+'="'+l+'"')+"])"}}return document.querySelectorAll('[contenteditable=""]'+i.ce+',[contenteditable="true"]'+i.ce+",textarea:not([readonly])"+i.textarea)}},bbpress:{settings:{autoInsert:"html-embed-medium",html:'',sibling:"#qt_bbp_reply_content_img",siblingPos:"before"},check:"bbpEngagementJS"},discourse:{settings:{autoInsert:"markdown-embed-medium",html:'',sibling:".upload.btn",siblingPos:"before",observe:".create,#create-topic,.usercard-controls button",observeCache:0,onDemand:1},check:"Discourse"},discuz:{settings:{buttonClass:1,html:'%iconSvg',sibling:".fclr,#e_attach",css:"a.%bClass,.bar a.%bClass{box-sizing:border-box;cursor:pointer;background:%1;color:%2;text-indent:unset;position:relative}.b1r a.%bClass:hover,a.%bClass:hover{background:%3;color:%4}a.%bClass{font-size:14px}.b1r a.%bClass{border:1px solid rgba(0,0,0,.15)!important;font-size:20px;padding:0;height:44px}.%bClass svg{font-size:1em;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:currentColor}",palette:"purple"},palettes:{default:["transparent","#333","#2980b9","#fff"]},check:"DISCUZCODE",getEditor:function(){return document.querySelector('.area textarea[name="message"]')}},ipb:{settings:{autoInsert:"html-embed-medium",html:'%iconSvg%text',sibling:".cke_button__ipslink",siblingPos:"before",css:".cke_button.%bClass{background:%1;position:relative}.cke_button.%bClass:hover{background:%3;border-color:%5}.cke_button.%bClass svg{font-size:15px;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:%2}.cke_button.%bClass:hover svg{fill:%4}"},palettes:{default:["inherit","#444","","inherit"]},check:"ips",getEditorFn:function(){var t=this.getEditor().dataset.ipseditorName;return CKEDITOR.instances[t]},getEditor:function(){return document.querySelector("[data-ipseditor-name]")},editorValue:function(t){var e=CKEDITOR.dom.element.createFromHtml(""+t+"");this.getEditorFn().insertElement(e)},useCustomEditor:function(){return 1}},mybb:{settings:{sibling:"#quickreply_e &gt; tr &gt; td &gt; *:last-child, .sceditor-container",fitEditor:0,extracss:".trow2 .%cClass{margin-bottom:0}"},check:"MyBB",getEditor:function(){return MyBBEditor?MyBBEditor.getContentAreaContainer().parentElement:document.querySelector("#quickreply_e textarea")},editorValue:function(t){if(MyBBEditor){var e=MyBBEditor.inSourceMode()?"insert":"wysiwygEditorInsertHtml";MyBBEditor[e]("insert"==e?t:MyBBEditor.fromBBCode(t))}else this.getEditor().value+=t},useCustomEditor:function(){return!!MyBBEditor}},nodebb:{settings:{autoInsert:"markdown-embed-medium",html:'',sibling:'[data-format="picture-o"]',siblingPos:"before",observe:'[component="category/post"],[component="topic/reply"],[component="topic/reply-as-topic"],[component="post/reply"],[component="post/quote"]',observeCache:0,onDemand:1},check:"__nodebbSpamBeGoneCreateCaptcha__",callback:function(){for(var t=document.querySelectorAll(".btn-toolbar .img-upload-btn"),e=0;e ':' ',sibling:document.querySelector("#format-buttons *:first-child")&amp;&amp;"BUTTON"==document.querySelector("#format-buttons *:first-child").tagName?".bbcode-img":"#message-box textarea.inputbox",siblingPos:"after"},check:"phpbb",getEditor:function(){if("undefined"!=typeof form_name&amp;&amp;"undefined"!=typeof text_name)return document.forms[form_name].elements[text_name]}},proboards:{settings:{html:' ',css:"",sibling:"input[type=submit]",siblingPos:"before"},check:"proboards",editorValue:function(t){var e=$(".wysiwyg-textarea").data("wysiwyg"),i=e.editors[e.currentEditorName];i.setContent(i.getContent()+t)},useCustomEditor:function(){return 1!==$(".container.quick-reply").size()},getEditor:function(){return document.querySelector("textarea[name=message]")}},redactor2:{getEditor:function(){var t=this.getEditorFn();return t?this.useCustomEditor()?t.$box[0]:t[0]:null},getEditorEl:function(){return this.useCustomEditor()?this.getEditorFn().$editor[0]:this.getEditorFn()[0]},editorValue:function(t){var e="",i=this.useCustomEditor()?"innerHTML":"value";if("string"!=typeof t){var s=this.getEditorEl()[i];return this.useCustomEditor()&amp;&amp;""==s?"":this.getEditorEl()[i]}if(this.useCustomEditor()){var n=""+t+"";this.getEditorFn().insert.html(""!==this.editorValue()?e+n:n)}else this.getEditorEl()[i]=t},useCustomEditor:function(){return!(this.getEditorFn()instanceof jQuery)}},smf:{settings:{html:' %iconSvg%text ',css:"%defaultCSS #bbcBox_message .%bClass{margin-right:1px;transition:none;color:%2;padding:0;width:23px;height:21px;border-radius:5px;background-color:%1}#bbcBox_message .%bClass:hover{background-color:%3}#bbcBox_message .%tClass{display:none}",sibling:"#BBCBox_message_button_1_1,.quickReplyContent + div",siblingPos:"before",fitEditor:1},palettes:{default:["#E7E7E7","#333","#B0C4D6","#333"]},check:"smf_scripturl",getEditor:function(){return smf_editorArray.length&gt;0?smf_editorArray[0].oTextHandle:document.querySelector(".quickReplyContent textarea")}},quill:{settings:{autoInsert:"html-embed-medium",html:'%iconSvg',sibling:"ul.richEditor-menuItems li.richEditor-menuItem:last-child",css:".%iClass {display: block; height: 24px; margin: auto; width: 24px;}"},check:"quill",editorValue:function(t){quill.clipboard.dangerouslyPasteHTML("\n"==quill.getText()?0:quill.getLength(),t)},useCustomEditor:function(){return 1},getEditor:function(){return quill.container}},vanilla:{settings:{autoInsert:"markdown-embed-medium",html:'',sibling:".editor-dropdown-upload"},check:"Vanilla",getEditor:function(){return document.getElementById("Form_Body")}},vbulletin:{settings:{autoInsert:"html-embed-medium",html:'%iconSvg',sibling:".b-toolbar__item--secondary:first-child",siblingPos:"before",css:".%bClass{background:%1;color:%2;position:relative}.%bClass:hover{background:%3;color:%4;border-color:%5}.%bClass svg{font-size:15px;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:currentColor}"},palettes:{default:["","#4B6977","","#007EB8"]},check:"vBulletin",getEditorFn:function(){var t=this.getEditor().getAttribute("ck-editorid");return CKEDITOR.instances[t]},getEditor:function(){return document.querySelector("[data-message-type]")},editorValue:function(t){var e=CKEDITOR.dom.element.createFromHtml(""+t+"");this.getEditorFn().insertElement(e)},useCustomEditor:function(){return 1}},WoltLab:{settings:{autoInsert:"html-embed-medium",sibling:'li[data-name="settings"]',html:' %text'},check:"WBB",getEditorFn:function(){var t=$("#text").data("redactor");return t||null}},XF1:{settings:{autoInsert:"html-embed-medium",containerClass:1,buttonClass:1,html:'%iconSvg',sibling:".redactor_btn_container_image",siblingPos:"before",css:"li.%cClass .%bClass{background:%1;color:%2;text-indent:unset;border-radius:3px;position:relative}li.%cClass a.%bClass:hover{background:%3;color:%4;border-color:%5}.%cClass .%bClass svg{font-size:15px;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:currentColor}",observe:".edit.OverlayTrigger",observeCache:1},palettes:{default:["none","inherit","none","inherit",""]},check:"XenForo",getEditorFn:function(){var t=document.querySelector("#exposeMask")&amp;&amp;document.querySelector("#exposeMask").offsetParent?".xenOverlay form":"form";if("form"!==t)for(var e=document.querySelectorAll(t),i=0;i"==s?"":this.getEditorEl()[i]}if(this.useCustomEditor()){var n=""+t+"";this.getEditorFn().insertHtml(""!==this.editorValue()?e+n:n)}else this.getEditorEl()[i]=t},useCustomEditor:function(){return!(this.getEditorFn()instanceof jQuery)}},XF2:{settings:{autoInsert:"html-embed-medium",containerClass:1,buttonClass:"button--link js-attachmentUpload button button--icon button--icon--upload fa--xf",html:'%text',sibling:"",siblingPos:"after",observe:'[data-xf-click="quick-edit"]',observeCache:1},palettes:{default:["transparent","#505050","rgba(20,20,20,0.06)","#141414"]},check:"XF",getEditorFn:function(t){var e=".js-editor";return"string"==typeof t&amp;&amp;(e=this.getEditorSel(t)),XF.getEditorInContainer($(e))},getEditorSel:function(e){return"["+t.ns.dataPluginTarget+'="'+e+'"]'},getEditor:function(t){return"string"==typeof t?document.querySelector(this.getEditorSel(t)):document.querySelectorAll(".js-editor")},getBbCode:function(t){return t.getTextArea()[0].value},editorValue:function(t,e){var i="",s=this.getEditorFn(e),n=s.ed.bbCode.isBbCodeView()?["bbCode","getBbCode","insertBbCode"]:["html","get","insert"],r=s.ed[n[0]];if("string"!=typeof t){if(void 0===r[n[1]])var o=this.getBbCode(r);else o=r[n[1]]();return this.useCustomEditor()&amp;&amp;o==i?"":o}var a=""!==this.editorValue(!1,e);if("html"==n[0]){var l=""+t+"";r[n[2]](a?i+l:l)}else{var d=XF.ajax("POST",XF.canonicalizeUrl("index.php?editor/to-bb-code"),{html:t});d.done(function(t){r[n[2]](a?"\n"+t.bbCode:t.bbCode)})}},useCustomEditor:function(){return void 0!==XF.getEditorInContainer($(".js-editor"))}}},generateGuid:function(){var t=(new Date).getTime();return"undefined"!=typeof performance&amp;&amp;"function"==typeof performance.now&amp;&amp;(t+=performance.now()),"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){var i=(t+16*Math.random())%16|0;return t=Math.floor(t/16),("x"===e?i:3&amp;i|8).toString(16)})},getNewValue:function(t,e){var i="string"!=typeof t.getAttribute("contenteditable")?"value":"innerHTML",s="value"==i?"\n":"",n=t[i],r=e,o=!1;if(o&amp;&amp;(r=String(e).replace(/&amp;/g,"&amp;").replace(//g,"&gt;").replace(/"/g,""")),0==n.length)return r;var a="",l=n.match(/\n+$/g),d=l?l[0].split("\n").length:0;if(d&lt;=2){var u=0==d?2:1;a+=s.repeat(u)}return a+r},insertTrigger:function(){var t,e=this.vendors[this.settings.vendor],i=this.settings.sibling?document.querySelectorAll(this.settings.sibling+":not(["+this.ns.dataPlugin+"])")[0]:0;if("auto"==this.settings.mode)t=this.vendors[e.hasOwnProperty("getEditor")?this.settings.vendor:"default"].getEditor();else{for(var s=document.querySelectorAll("["+this.ns.dataPluginTrigger+"][data-target]:not(["+this.ns.dataPluginId+"])"),n=[],r=0;r0&amp;&amp;(t=document.querySelectorAll(n.join(",")))}if(t){if(!document.getElementById(this.ns.pluginStyle)&amp;&amp;this.settings.css){var o=document.createElement("style"),a=this.settings.css;a=this.appyTemplate(a),o.type="text/css",o.innerHTML=a.replace(/%p/g,"."+this.ns.plugin),o.setAttribute("id",this.ns.pluginStyle),document.body.appendChild(o)}t instanceof NodeList||(t=[t]);var l=0;for(r=0;rn[r]&amp;&amp;(s[r]=i[r]*n[r]);var o={l:Math.trunc(i.w/2-s.w/2+i.l),t:Math.trunc(i.h/2-s.h/2+i.t)};this.popups[t].window=window.open(this.settings.url,t,"width="+s.w+",height="+s.h+",top="+o.t+",left="+o.l),this.popups[t].timer=window.setInterval(function(){e.popups[t].window&amp;&amp;!1===e.popups[t].window.closed||(window.clearInterval(e.popups[t].timer),e.popups[t]=void 0)},200)}else this.popups[t].window.focus()}},postSettings:function(t){this.popups[t].window.postMessage({id:t,settings:this.settings},this.settings.url)},liveBind:function(t,e,i){document.addEventListener(e,function(e){var s=document.querySelectorAll(t);if(s){for(var n=e.target,r=-1;n&amp;&amp;-1===(r=Array.prototype.indexOf.call(s,n));)n=n.parentElement;r&gt;-1&amp;&amp;(e.preventDefault(),i.call(e,n))}},!0)},prepare:function(){var t=this;this.ns.dataPlugin="data-"+this.ns.plugin,this.ns.dataPluginId=this.ns.dataPlugin+"-id",this.ns.dataPluginTrigger=this.ns.dataPlugin+"-trigger",this.ns.dataPluginTarget=this.ns.dataPlugin+"-target",this.ns.pluginStyle=this.ns.plugin+"-style",this.ns.selDataPluginTrigger="["+this.ns.dataPluginTrigger+"]";var e=document.currentScript||document.getElementById(this.ns.plugin+"-src");e?e.dataset.buttonTemplate&amp;&amp;(e.dataset.html=e.dataset.buttonTemplate):e={dataset:{}};var i=0;for(var s in this.settings={},this.defaultSettings){var n=e&amp;&amp;e.dataset[s]?e.dataset[s]:this.defaultSettings[s];"1"!==n&amp;&amp;"0"!==n||(n="true"==n),"string"==typeof n&amp;&amp;this.classProps.indexOf(s.replace(/Class$/,""))&gt;-1&amp;&amp;(i=1),this.settings[s]=n}if("auto"==this.settings.vendor)for(var s in this.settings.vendor="default",this.settings.fitEditor=0,this.vendors)if("default"!=s&amp;&amp;void 0!==window[this.vendors[s].check]){this.settings.vendor=s;break}var r=["lang","url","vendor","target"];"default"==this.settings.vendor&amp;&amp;(this.vendors.default.settings={});var o=this.vendors[this.settings.vendor];if(o.settings)for(var s in o.settings)e&amp;&amp;e.dataset.hasOwnProperty(s)||(this.settings[s]=o.settings[s]);else for(var s in o.settings={},this.defaultSettings)-1==r.indexOf(s)&amp;&amp;(o.settings[s]=this.defaultSettings[s]);if("default"!==this.settings.vendor)if(o.settings.hasOwnProperty("fitEditor")||e.dataset.hasOwnProperty("fitEditor")||(this.settings.fitEditor=1),this.settings.fitEditor)i=!o.settings.css;else{r=["autoInsert","observe","observeCache"];for(var s in o.settings)-1!=r.indexOf(s)||e.dataset.hasOwnProperty(s)||(this.settings[s]=this.defaultSettings[s])}if(i)this.settings.css="";else{this.settings.css=this.settings.css.replace("%defaultCSS",this.defaultSettings.css),o.settings.extracss&amp;&amp;this.settings.css&amp;&amp;(this.settings.css+=o.settings.extracss);var a=this.settings.palette.split(",");a.length&gt;1?this.palette=a:this.palettes.hasOwnProperty(a)||(this.settings.palette="default"),this.palette||(this.palette=(this.settings.fitEditor&amp;&amp;o.palettes&amp;&amp;o.palettes[this.settings.palette]?o:this).palettes[this.settings.palette])}for(var l=this.classProps,d=0;d0)for(d=0;d</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>为了便于理解，我们需要格式化js代码，可以通过在线工具<a href="https://tool.oschina.net/codeformat/js" target="_blank">JavaScript格式化</a>来格式化代码。</p><p></p><figure><img src="https://image.kanochan.net/2022/02/12/image.png" alt="格式化js代码" /><figcaption>格式化js代码</figcaption></figure><p></p><p>格式化后的js代码如下：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>(function() {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>for (var t = {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>defaultSettings: {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>url: "https://demo.chevereto.com/upload",</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>vendor: "auto",</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>mode: "auto",</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>lang: "auto",</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>autoInsert: "bbcode-embed-medium",</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>palette: "default",</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>init: "onload",</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>containerClass: 1,</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>buttonClass: 1,</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>sibling: 0,</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>siblingPos: "after",</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>fitEditor: 0,</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>observe: 0,</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>observeCache: 1,</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>html: '&lt;div class="%cClass"&gt;&lt;button %x class="%bClass"&gt;&lt;span class="%iClass"&gt;%iconSvg&lt;/span&gt;&lt;span class="%tClass"&gt;%text&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;',</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>css: ".%cClass{display:inline-block;margin-top:5px;margin-bottom:5px}.%bClass{line-height:normal;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;color:%2;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.15);background:%1;border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.%bClass:hover{background:%3;color:%4;border-color:rgba(0,0,0,.1)}.%iClass,.%tClass{display:inline-block;vertical-align:middle}.%iClass svg{display:block;width:1em;height:1em;fill:currentColor}.%tClass{margin-left:.25em}"</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>ns: {</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>plugin: "chevereto-pup"</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>["#ececec", "#333", "#2980b9", "#fff"],</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>clear: ["inherit", "inherit", "inherit", "#2980b9"],</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>turquoise: ["#16a085", "#fff", "#1abc9c", "#fff"],</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>green: ["#27ae60", "#fff", "#2ecc71", "#fff"],</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>blue: ["#2980b9", "#fff", "#3498db", "#fff"],</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>purple: ["#8e44ad", "#fff", "#9b59b6", "#fff"],</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>darkblue: ["#2c3e50", "#fff", "#34495e", "#fff"],</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>yellow: ["#f39c12", "#fff", "#f1c40f", "#fff"],</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>orange: ["#d35400", "#fff", "#e67e22", "#fff"],</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>red: ["#c0392b", "#fff", "#e74c3c", "#fff"],</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>grey: ["#ececec", "#000", "#e0e0e0", "#000"],</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>black: ["#333", "#fff", "#666", "#fff"]</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>classProps: ["button", "container"],</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>iconSvg: '&lt;svg class="%iClass" xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"&gt;&lt;path d="M76.7 87.5c12.8 0 23.3-13.3 23.3-29.4 0-13.6-5.2-25.7-15.4-27.5 0 0-3.5-0.7-5.6 1.7 0 0 0.6 9.4-2.9 12.6 0 0 8.7-32.4-23.7-32.4 -29.3 0-22.5 34.5-22.5 34.5 -5-6.4-0.6-19.6-0.6-19.6 -2.5-2.6-6.1-2.5-6.1-2.5C10.9 25 0 39.1 0 54.6c0 15.5 9.3 32.7 29.3 32.7 2 0 6.4 0 11.7 0V68.5h-13l22-22 22 22H59v18.8C68.6 87.4 76.7 87.5 76.7 87.5z" style="fill: currentcolor;"/&gt;&lt;/svg&gt;',</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>l10n: {</span></div></div><div><div><div>42</div></div><div><span><span> </span></span><span>ar: "تحميل الصور",</span></div></div><div><div><div>43</div></div><div><span><span> </span></span><span>cs: "Nahrát obrázky",</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>da: "Upload billeder",</span></div></div><div><div><div>45</div></div><div><span><span> </span></span><span>de: "Bilder hochladen",</span></div></div><div><div><div>46</div></div><div><span><span> </span></span><span>es: "Subir imágenes",</span></div></div><div><div><div>47</div></div><div><span><span> </span></span><span>fi: "Lataa kuvia",</span></div></div><div><div><div>48</div></div><div><span><span> </span></span><span>fr: "Importer des images",</span></div></div><div><div><div>49</div></div><div><span><span> </span></span><span>id: "Unggah gambar",</span></div></div><div><div><div>50</div></div><div><span><span> </span></span><span>it: "Carica immagini",</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>ja: "画像をアップロード",</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>nb: "Last opp bilder",</span></div></div><div><div><div>53</div></div><div><span><span> </span></span><span>nl: "Upload afbeeldingen",</span></div></div><div><div><div>54</div></div><div><span><span> </span></span><span>pl: "Wyślij obrazy",</span></div></div><div><div><div>55</div></div><div><span><span> </span></span><span>pt_BR: "Enviar imagens",</span></div></div><div><div><div>56</div></div><div><span><span> </span></span><span>ru: "Загрузить изображения",</span></div></div><div><div><div>57</div></div><div><span><span> </span></span><span>tr: "Resim Yukle",</span></div></div><div><div><div>58</div></div><div><span><span> </span></span><span>uk: "Завантажити зображення",</span></div></div><div><div><div>59</div></div><div><span><span> </span></span><span>zh_CN: "上传图片",</span></div></div><div><div><div>60</div></div><div><span><span> </span></span><span>zh_TW: "上傳圖片"</span></div></div><div><div><div>61</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>62</div></div><div><span><span> </span></span><span>vendors: {</span></div></div><div><div><div>63</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>64</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>65</div></div><div><span><span> </span></span><span>check:</span></div></div><div><div><div>66</div></div><div><span><span> </span></span><span>function() {</span></div></div><div><div><div>67</div></div><div><span><span> </span></span><span>return 1</span></div></div><div><div><div>68</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>69</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>70</div></div><div><span><span> </span></span><span>var t = {</span></div></div><div><div><div>71</div></div><div><span><span> </span></span><span>textarea: {</span></div></div><div><div><div>72</div></div><div><span><span> </span></span><span>name: ["recaptcha", "search", "recipients", "coppa", "^comment_list", "username_list", "add"]</span></div></div><div><div><div>73</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>74</div></div><div><span><span> </span></span><span>ce: {</span></div></div><div><div><div>75</div></div><div><span><span> </span></span><span>dataset: ["gramm"]</span></div></div><div><div><div>76</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>77</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>78</div></div><div><span><span> </span></span><span>e = ["~", "|", "^", "$", "*"],</span></div></div><div><div><div>79</div></div><div><span><span> </span></span><span>i = {};</span></div></div><div><div><div>80</div></div><div><span><span> </span></span><span>for (var s in t) {</span></div></div><div><div><div>81</div></div><div><span><span> </span></span><span>i[s] = "";</span></div></div><div><div><div>82</div></div><div><span><span> </span></span><span>var n = t[s];</span></div></div><div><div><div>83</div></div><div><span><span> </span></span><span>for (var r in n) for (var o = 0; o &lt; n[r].length; o++) {</span></div></div><div><div><div>84</div></div><div><span><span> </span></span><span>var a = "",</span></div></div><div><div><div>85</div></div><div><span><span> </span></span><span>l = n[r][o],</span></div></div><div><div><div>86</div></div><div><span><span> </span></span><span>d = l.charAt(0);</span></div></div><div><div><div>87</div></div><div><span><span> </span></span><span>e.indexOf(d) &gt; -1 &amp;&amp; (a = d, l = l.substring(1)),</span></div></div><div><div><div>88</div></div><div><span><span> </span></span><span>i[s] += ":not([" + ("dataset" == r ? "data-" + l: r + a + '="' + l + '"') + "])"</span></div></div><div><div><div>89</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>90</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>91</div></div><div><span><span> </span></span><span>return document.querySelectorAll('[contenteditable=""]' + i.ce + ',[contenteditable="true"]' + i.ce + ",textarea:not([readonly])" + i.textarea)</span></div></div><div><div><div>92</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>93</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>94</div></div><div><span><span> </span></span><span>bbpress: {</span></div></div><div><div><div>95</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>96</div></div><div><span><span> </span></span><span>autoInsert: "html-embed-medium",</span></div></div><div><div><div>97</div></div><div><span><span> </span></span><span>html: '&lt;input %x type="button" class="ed_button button button-small" aria-label="%text" value="%text"&gt;',</span></div></div><div><div><div>98</div></div><div><span><span> </span></span><span>sibling: "#qt_bbp_reply_content_img",</span></div></div><div><div><div>99</div></div><div><span><span> </span></span><span>siblingPos: "before"</span></div></div><div><div><div>100</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>101</div></div><div><span><span> </span></span><span>check: "bbpEngagementJS"</span></div></div><div><div><div>102</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>103</div></div><div><span><span> </span></span><span>discourse: {</span></div></div><div><div><div>104</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>105</div></div><div><span><span> </span></span><span>autoInsert: "markdown-embed-medium",</span></div></div><div><div><div>106</div></div><div><span><span> </span></span><span>html: '&lt;button %x title="%text" class="upload btn no-text btn-icon ember-view"&gt;&lt;i class="fa fa-cloud-upload d-icon d-icon-upload"&gt;&lt;/i&gt;&lt;/button&gt;',</span></div></div><div><div><div>107</div></div><div><span><span> </span></span><span>sibling: ".upload.btn",</span></div></div><div><div><div>108</div></div><div><span><span> </span></span><span>siblingPos: "before",</span></div></div><div><div><div>109</div></div><div><span><span> </span></span><span>observe: ".create,#create-topic,.usercard-controls button",</span></div></div><div><div><div>110</div></div><div><span><span> </span></span><span>observeCache: 0,</span></div></div><div><div><div>111</div></div><div><span><span> </span></span><span>onDemand: 1</span></div></div><div><div><div>112</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>113</div></div><div><span><span> </span></span><span>check: "Discourse"</span></div></div><div><div><div>114</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>115</div></div><div><span><span> </span></span><span>discuz: {</span></div></div><div><div><div>116</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>117</div></div><div><span><span> </span></span><span>buttonClass: 1,</span></div></div><div><div><div>118</div></div><div><span><span> </span></span><span>html: '&lt;a %x title="%text" class="%bClass"&gt;%iconSvg&lt;/a&gt;',</span></div></div><div><div><div>119</div></div><div><span><span> </span></span><span>sibling: ".fclr,#e_attach",</span></div></div><div><div><div>120</div></div><div><span><span> </span></span><span>css: "a.%bClass,.bar a.%bClass{box-sizing:border-box;cursor:pointer;background:%1;color:%2;text-indent:unset;position:relative}.b1r a.%bClass:hover,a.%bClass:hover{background:%3;color:%4}a.%bClass{font-size:14px}.b1r a.%bClass{border:1px solid rgba(0,0,0,.15)!important;font-size:20px;padding:0;height:44px}.%bClass svg{font-size:1em;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:currentColor}",</span></div></div><div><div><div>121</div></div><div><span><span> </span></span><span>palette: "purple"</span></div></div><div><div><div>122</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>123</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>124</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>125</div></div><div><span><span> </span></span><span>["transparent", "#333", "#2980b9", "#fff"]</span></div></div><div><div><div>126</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>127</div></div><div><span><span> </span></span><span>check: "DISCUZCODE",</span></div></div><div><div><div>128</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>129</div></div><div><span><span> </span></span><span>return document.querySelector('.area textarea[name="message"]')</span></div></div><div><div><div>130</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>131</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>132</div></div><div><span><span> </span></span><span>ipb: {</span></div></div><div><div><div>133</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>134</div></div><div><span><span> </span></span><span>autoInsert: "html-embed-medium",</span></div></div><div><div><div>135</div></div><div><span><span> </span></span><span>html: '&lt;a %x class="cke_button cke_button_off %bClass" title="%text" tabindex="-1" hidefocus="true" role="button"&gt;&lt;span class="cke_button_icon"&gt;%iconSvg&lt;/span&gt;&lt;span class="cke_button_label" aria-hidden="false"&gt;%text&lt;/span&gt;&lt;span class="cke_button_label" aria-hidden="false"&gt;&lt;/span&gt;&lt;/a&gt;',</span></div></div><div><div><div>136</div></div><div><span><span> </span></span><span>sibling: ".cke_button__ipslink",</span></div></div><div><div><div>137</div></div><div><span><span> </span></span><span>siblingPos: "before",</span></div></div><div><div><div>138</div></div><div><span><span> </span></span><span>css: ".cke_button.%bClass{background:%1;position:relative}.cke_button.%bClass:hover{background:%3;border-color:%5}.cke_button.%bClass svg{font-size:15px;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:%2}.cke_button.%bClass:hover svg{fill:%4}"</span></div></div><div><div><div>139</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>140</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>141</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>142</div></div><div><span><span> </span></span><span>["inherit", "#444", "", "inherit"]</span></div></div><div><div><div>143</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>144</div></div><div><span><span> </span></span><span>check: "ips",</span></div></div><div><div><div>145</div></div><div><span><span> </span></span><span>getEditorFn: function() {</span></div></div><div><div><div>146</div></div><div><span><span> </span></span><span>var t = this.getEditor().dataset.ipseditorName;</span></div></div><div><div><div>147</div></div><div><span><span> </span></span><span>return CKEDITOR.instances[t]</span></div></div><div><div><div>148</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>149</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>150</div></div><div><span><span> </span></span><span>return document.querySelector("[data-ipseditor-name]")</span></div></div><div><div><div>151</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>152</div></div><div><span><span> </span></span><span>editorValue: function(t) {</span></div></div><div><div><div>153</div></div><div><span><span> </span></span><span>var e = CKEDITOR.dom.element.createFromHtml("&lt;p&gt;" + t + "&lt;/p&gt;");</span></div></div><div><div><div>154</div></div><div><span><span> </span></span><span>this.getEditorFn().insertElement(e)</span></div></div><div><div><div>155</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>156</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>157</div></div><div><span><span> </span></span><span>return 1</span></div></div><div><div><div>158</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>159</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>160</div></div><div><span><span> </span></span><span>mybb: {</span></div></div><div><div><div>161</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>162</div></div><div><span><span> </span></span><span>sibling: "#quickreply_e &gt; tr &gt; td &gt; *:last-child, .sceditor-container",</span></div></div><div><div><div>163</div></div><div><span><span> </span></span><span>fitEditor: 0,</span></div></div><div><div><div>164</div></div><div><span><span> </span></span><span>extracss: ".trow2 .%cClass{margin-bottom:0}"</span></div></div><div><div><div>165</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>166</div></div><div><span><span> </span></span><span>check: "MyBB",</span></div></div><div><div><div>167</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>168</div></div><div><span><span> </span></span><span>return MyBBEditor ? MyBBEditor.getContentAreaContainer().parentElement: document.querySelector("#quickreply_e textarea")</span></div></div><div><div><div>169</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>170</div></div><div><span><span> </span></span><span>editorValue: function(t) {</span></div></div><div><div><div>171</div></div><div><span><span> </span></span><span>if (MyBBEditor) {</span></div></div><div><div><div>172</div></div><div><span><span> </span></span><span>var e = MyBBEditor.inSourceMode() ? "insert": "wysiwygEditorInsertHtml";</span></div></div><div><div><div>173</div></div><div><span><span> </span></span><span>MyBBEditor[e]("insert" == e ? t: MyBBEditor.fromBBCode(t))</span></div></div><div><div><div>174</div></div><div><span><span> </span></span><span>} else this.getEditor().value += t</span></div></div><div><div><div>175</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>176</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>177</div></div><div><span><span> </span></span><span>return !! MyBBEditor</span></div></div><div><div><div>178</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>179</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>180</div></div><div><span><span> </span></span><span>nodebb: {</span></div></div><div><div><div>181</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>182</div></div><div><span><span> </span></span><span>autoInsert: "markdown-embed-medium",</span></div></div><div><div><div>183</div></div><div><span><span> </span></span><span>html: '&lt;li %x tabindex="-1" title="%text"&gt;&lt;i class="fa fa-cloud-upload"&gt;&lt;/i&gt;&lt;/li&gt;',</span></div></div><div><div><div>184</div></div><div><span><span> </span></span><span>sibling: '[data-format="picture-o"]',</span></div></div><div><div><div>185</div></div><div><span><span> </span></span><span>siblingPos: "before",</span></div></div><div><div><div>186</div></div><div><span><span> </span></span><span>observe: '[component="category/post"],[component="topic/reply"],[component="topic/reply-as-topic"],[component="post/reply"],[component="post/quote"]',</span></div></div><div><div><div>187</div></div><div><span><span> </span></span><span>observeCache: 0,</span></div></div><div><div><div>188</div></div><div><span><span> </span></span><span>onDemand: 1</span></div></div><div><div><div>189</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>190</div></div><div><span><span> </span></span><span>check: "__nodebbSpamBeGoneCreateCaptcha__",</span></div></div><div><div><div>191</div></div><div><span><span> </span></span><span>callback: function() {</span></div></div><div><div><div>192</div></div><div><span><span> </span></span><span>for (var t = document.querySelectorAll(".btn-toolbar .img-upload-btn"), e = 0; e &lt; t.length; e++) t[e].parentNode.removeChild(t[e])</span></div></div><div><div><div>193</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>194</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>195</div></div><div><span><span> </span></span><span>phpbb: {</span></div></div><div><div><div>196</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>197</div></div><div><span><span> </span></span><span>html: document.querySelector("#format-buttons *:first-child") &amp;&amp; "BUTTON" == document.querySelector("#format-buttons *:first-child").tagName ? ' &lt;button %x type="button" class="button button-icon-only" title="%text"&gt;&lt;i class="icon fa-cloud-upload fa-fw" aria-hidden="true"&gt;&lt;/i&gt;&lt;/button&gt; ': ' &lt;input %x type="button" class="button2" value="%text"&gt; ',</span></div></div><div><div><div>198</div></div><div><span><span> </span></span><span>sibling: document.querySelector("#format-buttons *:first-child") &amp;&amp; "BUTTON" == document.querySelector("#format-buttons *:first-child").tagName ? ".bbcode-img": "#message-box textarea.inputbox",</span></div></div><div><div><div>199</div></div><div><span><span> </span></span><span>siblingPos: "after"</span></div></div><div><div><div>200</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>201</div></div><div><span><span> </span></span><span>check: "phpbb",</span></div></div><div><div><div>202</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>203</div></div><div><span><span> </span></span><span>if ("undefined" != typeof form_name &amp;&amp; "undefined" != typeof text_name) return document.forms[form_name].elements[text_name]</span></div></div><div><div><div>204</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>205</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>206</div></div><div><span><span> </span></span><span>proboards: {</span></div></div><div><div><div>207</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>208</div></div><div><span><span> </span></span><span>html: ' &lt;input %x type="submit" value="%text"&gt; ',</span></div></div><div><div><div>209</div></div><div><span><span> </span></span><span>css: "",</span></div></div><div><div><div>210</div></div><div><span><span> </span></span><span>sibling: "input[type=submit]",</span></div></div><div><div><div>211</div></div><div><span><span> </span></span><span>siblingPos: "before"</span></div></div><div><div><div>212</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>213</div></div><div><span><span> </span></span><span>check: "proboards",</span></div></div><div><div><div>214</div></div><div><span><span> </span></span><span>editorValue: function(t) {</span></div></div><div><div><div>215</div></div><div><span><span> </span></span><span>var e = $(".wysiwyg-textarea").data("wysiwyg"),</span></div></div><div><div><div>216</div></div><div><span><span> </span></span><span>i = e.editors[e.currentEditorName];</span></div></div><div><div><div>217</div></div><div><span><span> </span></span><span>i.setContent(i.getContent() + t)</span></div></div><div><div><div>218</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>219</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>220</div></div><div><span><span> </span></span><span>return 1 !== $(".container.quick-reply").size()</span></div></div><div><div><div>221</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>222</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>223</div></div><div><span><span> </span></span><span>return document.querySelector("textarea[name=message]")</span></div></div><div><div><div>224</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>225</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>226</div></div><div><span><span> </span></span><span>redactor2: {</span></div></div><div><div><div>227</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>228</div></div><div><span><span> </span></span><span>var t = this.getEditorFn();</span></div></div><div><div><div>229</div></div><div><span><span> </span></span><span>return t ? this.useCustomEditor() ? t.$box[0] : t[0] : null</span></div></div><div><div><div>230</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>231</div></div><div><span><span> </span></span><span>getEditorEl: function() {</span></div></div><div><div><div>232</div></div><div><span><span> </span></span><span>return this.useCustomEditor() ? this.getEditorFn().$editor[0] : this.getEditorFn()[0]</span></div></div><div><div><div>233</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>234</div></div><div><span><span> </span></span><span>editorValue: function(t) {</span></div></div><div><div><div>235</div></div><div><span><span> </span></span><span>var e = "&lt;p&gt;&lt;br&gt;&lt;/p&gt;",</span></div></div><div><div><div>236</div></div><div><span><span> </span></span><span>i = this.useCustomEditor() ? "innerHTML": "value";</span></div></div><div><div><div>237</div></div><div><span><span> </span></span><span>if ("string" != typeof t) {</span></div></div><div><div><div>238</div></div><div><span><span> </span></span><span>var s = this.getEditorEl()[i];</span></div></div><div><div><div>239</div></div><div><span><span> </span></span><span>return this.useCustomEditor() &amp;&amp; "&lt;p&gt;&lt;br&gt;&lt;/p&gt;" == s ? "": this.getEditorEl()[i]</span></div></div><div><div><div>240</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>241</div></div><div><span><span> </span></span><span>if (this.useCustomEditor()) {</span></div></div><div><div><div>242</div></div><div><span><span> </span></span><span>var n = "&lt;p&gt;" + t + "&lt;/p&gt;";</span></div></div><div><div><div>243</div></div><div><span><span> </span></span><span>this.getEditorFn().insert.html("" !== this.editorValue() ? e + n: n)</span></div></div><div><div><div>244</div></div><div><span><span> </span></span><span>} else this.getEditorEl()[i] = t</span></div></div><div><div><div>245</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>246</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>247</div></div><div><span><span> </span></span><span>return ! (this.getEditorFn() instanceof jQuery)</span></div></div><div><div><div>248</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>249</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>250</div></div><div><span><span> </span></span><span>smf: {</span></div></div><div><div><div>251</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>252</div></div><div><span><span> </span></span><span>html: ' &lt;button %x title="%text" class="%bClass"&gt;&lt;span class="%iClass"&gt;%iconSvg&lt;/span&gt;&lt;span class="%tClass"&gt;%text&lt;/span&gt;&lt;/button&gt; ',</span></div></div><div><div><div>253</div></div><div><span><span> </span></span><span>css: "%defaultCSS #bbcBox_message .%bClass{margin-right:1px;transition:none;color:%2;padding:0;width:23px;height:21px;border-radius:5px;background-color:%1}#bbcBox_message .%bClass:hover{background-color:%3}#bbcBox_message .%tClass{display:none}",</span></div></div><div><div><div>254</div></div><div><span><span> </span></span><span>sibling: "#BBCBox_message_button_1_1,.quickReplyContent + div",</span></div></div><div><div><div>255</div></div><div><span><span> </span></span><span>siblingPos: "before",</span></div></div><div><div><div>256</div></div><div><span><span> </span></span><span>fitEditor: 1</span></div></div><div><div><div>257</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>258</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>259</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>260</div></div><div><span><span> </span></span><span>["#E7E7E7", "#333", "#B0C4D6", "#333"]</span></div></div><div><div><div>261</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>262</div></div><div><span><span> </span></span><span>check: "smf_scripturl",</span></div></div><div><div><div>263</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>264</div></div><div><span><span> </span></span><span>return smf_editorArray.length &gt; 0 ? smf_editorArray[0].oTextHandle: document.querySelector(".quickReplyContent textarea")</span></div></div><div><div><div>265</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>266</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>267</div></div><div><span><span> </span></span><span>quill: {</span></div></div><div><div><div>268</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>269</div></div><div><span><span> </span></span><span>autoInsert: "html-embed-medium",</span></div></div><div><div><div>270</div></div><div><span><span> </span></span><span>html: '&lt;li class="richEditor-menuItem richEditor-menuItem_f1af88yq" role="menuitem"&gt;&lt;button %x class="richEditor-button richEditor-embedButton richEditor-button_f1fodmu3" type="button" aria-pressed="false"&gt;&lt;span class="richEditor-iconWrap_f13bdese"&gt;&lt;/span&gt;%iconSvg&lt;/button&gt;&lt;/li&gt;',</span></div></div><div><div><div>271</div></div><div><span><span> </span></span><span>sibling: "ul.richEditor-menuItems li.richEditor-menuItem:last-child",</span></div></div><div><div><div>272</div></div><div><span><span> </span></span><span>css: ".%iClass {display: block; height: 24px; margin: auto; width: 24px;}"</span></div></div><div><div><div>273</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>274</div></div><div><span><span> </span></span><span>check: "quill",</span></div></div><div><div><div>275</div></div><div><span><span> </span></span><span>editorValue: function(t) {</span></div></div><div><div><div>276</div></div><div><span><span> </span></span><span>quill.clipboard.dangerouslyPasteHTML("\n" == quill.getText() ? 0 : quill.getLength(), t)</span></div></div><div><div><div>277</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>278</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>279</div></div><div><span><span> </span></span><span>return 1</span></div></div><div><div><div>280</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>281</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>282</div></div><div><span><span> </span></span><span>return quill.container</span></div></div><div><div><div>283</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>284</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>285</div></div><div><span><span> </span></span><span>vanilla: {</span></div></div><div><div><div>286</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>287</div></div><div><span><span> </span></span><span>autoInsert: "markdown-embed-medium",</span></div></div><div><div><div>288</div></div><div><span><span> </span></span><span>html: '&lt;span %x class="fas fa-cloud-upload-alt" title="%text"&gt;&lt;/span&gt;',</span></div></div><div><div><div>289</div></div><div><span><span> </span></span><span>sibling: ".editor-dropdown-upload"</span></div></div><div><div><div>290</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>291</div></div><div><span><span> </span></span><span>check: "Vanilla",</span></div></div><div><div><div>292</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>293</div></div><div><span><span> </span></span><span>return document.getElementById("Form_Body")</span></div></div><div><div><div>294</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>295</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>296</div></div><div><span><span> </span></span><span>vbulletin: {</span></div></div><div><div><div>297</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>298</div></div><div><span><span> </span></span><span>autoInsert: "html-embed-medium",</span></div></div><div><div><div>299</div></div><div><span><span> </span></span><span>html: '&lt;li %x class="%bClass b-toolbar__item b-toolbar__item--secondary" title="%text" tabindex="0"&gt;%iconSvg&lt;/li&gt;',</span></div></div><div><div><div>300</div></div><div><span><span> </span></span><span>sibling: ".b-toolbar__item--secondary:first-child",</span></div></div><div><div><div>301</div></div><div><span><span> </span></span><span>siblingPos: "before",</span></div></div><div><div><div>302</div></div><div><span><span> </span></span><span>css: ".%bClass{background:%1;color:%2;position:relative}.%bClass:hover{background:%3;color:%4;border-color:%5}.%bClass svg{font-size:15px;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:currentColor}"</span></div></div><div><div><div>303</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>304</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>305</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>306</div></div><div><span><span> </span></span><span>["", "#4B6977", "", "#007EB8"]</span></div></div><div><div><div>307</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>308</div></div><div><span><span> </span></span><span>check: "vBulletin",</span></div></div><div><div><div>309</div></div><div><span><span> </span></span><span>getEditorFn: function() {</span></div></div><div><div><div>310</div></div><div><span><span> </span></span><span>var t = this.getEditor().getAttribute("ck-editorid");</span></div></div><div><div><div>311</div></div><div><span><span> </span></span><span>return CKEDITOR.instances[t]</span></div></div><div><div><div>312</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>313</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>314</div></div><div><span><span> </span></span><span>return document.querySelector("[data-message-type]")</span></div></div><div><div><div>315</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>316</div></div><div><span><span> </span></span><span>editorValue: function(t) {</span></div></div><div><div><div>317</div></div><div><span><span> </span></span><span>var e = CKEDITOR.dom.element.createFromHtml("&lt;p&gt;" + t + "&lt;/p&gt;");</span></div></div><div><div><div>318</div></div><div><span><span> </span></span><span>this.getEditorFn().insertElement(e)</span></div></div><div><div><div>319</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>320</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>321</div></div><div><span><span> </span></span><span>return 1</span></div></div><div><div><div>322</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>323</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>324</div></div><div><span><span> </span></span><span>WoltLab: {</span></div></div><div><div><div>325</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>326</div></div><div><span><span> </span></span><span>autoInsert: "html-embed-medium",</span></div></div><div><div><div>327</div></div><div><span><span> </span></span><span>sibling: 'li[data-name="settings"]',</span></div></div><div><div><div>328</div></div><div><span><span> </span></span><span>html: '&lt;li %x&gt;&lt;a&gt;&lt;span class="icon icon16 fa-cloud-upload"&gt;&lt;/span&gt; &lt;span&gt;%text&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;'</span></div></div><div><div><div>329</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>330</div></div><div><span><span> </span></span><span>check: "WBB",</span></div></div><div><div><div>331</div></div><div><span><span> </span></span><span>getEditorFn: function() {</span></div></div><div><div><div>332</div></div><div><span><span> </span></span><span>var t = $("#text").data("redactor");</span></div></div><div><div><div>333</div></div><div><span><span> </span></span><span>return t || null</span></div></div><div><div><div>334</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>335</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>336</div></div><div><span><span> </span></span><span>XF1: {</span></div></div><div><div><div>337</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>338</div></div><div><span><span> </span></span><span>autoInsert: "html-embed-medium",</span></div></div><div><div><div>339</div></div><div><span><span> </span></span><span>containerClass: 1,</span></div></div><div><div><div>340</div></div><div><span><span> </span></span><span>buttonClass: 1,</span></div></div><div><div><div>341</div></div><div><span><span> </span></span><span>html: '&lt;li class="%cClass"&gt;&lt;a %x class="%bClass" unselectable="on" title="%text"&gt;%iconSvg&lt;/a&gt;&lt;/li&gt;',</span></div></div><div><div><div>342</div></div><div><span><span> </span></span><span>sibling: ".redactor_btn_container_image",</span></div></div><div><div><div>343</div></div><div><span><span> </span></span><span>siblingPos: "before",</span></div></div><div><div><div>344</div></div><div><span><span> </span></span><span>css: "li.%cClass .%bClass{background:%1;color:%2;text-indent:unset;border-radius:3px;position:relative}li.%cClass a.%bClass:hover{background:%3;color:%4;border-color:%5}.%cClass .%bClass svg{font-size:15px;width:1em;height:1em;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);position:absolute;left:50%;top:50%;fill:currentColor}",</span></div></div><div><div><div>345</div></div><div><span><span> </span></span><span>observe: ".edit.OverlayTrigger",</span></div></div><div><div><div>346</div></div><div><span><span> </span></span><span>observeCache: 1</span></div></div><div><div><div>347</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>348</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>349</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>350</div></div><div><span><span> </span></span><span>["none", "inherit", "none", "inherit", ""]</span></div></div><div><div><div>351</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>352</div></div><div><span><span> </span></span><span>check: "XenForo",</span></div></div><div><div><div>353</div></div><div><span><span> </span></span><span>getEditorFn: function() {</span></div></div><div><div><div>354</div></div><div><span><span> </span></span><span>var t = document.querySelector("#exposeMask") &amp;&amp; document.querySelector("#exposeMask").offsetParent ? ".xenOverlay form": "form";</span></div></div><div><div><div>355</div></div><div><span><span> </span></span><span>if ("form" !== t) for (var e = document.querySelectorAll(t), i = 0; i &lt; e.length; i++) if (e[i].offsetParent) {</span></div></div><div><div><div>356</div></div><div><span><span> </span></span><span>t += '[action="' + e[i].getAttribute("action") + '"]';</span></div></div><div><div><div>357</div></div><div><span><span> </span></span><span>break</span></div></div><div><div><div>358</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>359</div></div><div><span><span> </span></span><span>return XenForo.getEditorInForm(t)</span></div></div><div><div><div>360</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>361</div></div><div><span><span> </span></span><span>getEditor: function() {</span></div></div><div><div><div>362</div></div><div><span><span> </span></span><span>var t = this.getEditorFn();</span></div></div><div><div><div>363</div></div><div><span><span> </span></span><span>return t ? this.useCustomEditor() ? t.$box[0] : t[0] : null</span></div></div><div><div><div>364</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>365</div></div><div><span><span> </span></span><span>getEditorEl: function() {</span></div></div><div><div><div>366</div></div><div><span><span> </span></span><span>return this.useCustomEditor() ? this.getEditorFn().$editor[0] : this.getEditorFn()[0]</span></div></div><div><div><div>367</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>368</div></div><div><span><span> </span></span><span>editorValue: function(t) {</span></div></div><div><div><div>369</div></div><div><span><span> </span></span><span>var e = "&lt;p&gt;&lt;br&gt;&lt;/p&gt;",</span></div></div><div><div><div>370</div></div><div><span><span> </span></span><span>i = this.useCustomEditor() ? "innerHTML": "value";</span></div></div><div><div><div>371</div></div><div><span><span> </span></span><span>if ("string" != typeof t) {</span></div></div><div><div><div>372</div></div><div><span><span> </span></span><span>var s = this.getEditorEl()[i];</span></div></div><div><div><div>373</div></div><div><span><span> </span></span><span>return this.useCustomEditor() &amp;&amp; "&lt;p&gt;&lt;br&gt;&lt;/p&gt;" == s ? "": this.getEditorEl()[i]</span></div></div><div><div><div>374</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>375</div></div><div><span><span> </span></span><span>if (this.useCustomEditor()) {</span></div></div><div><div><div>376</div></div><div><span><span> </span></span><span>var n = "&lt;p&gt;" + t + "&lt;/p&gt;";</span></div></div><div><div><div>377</div></div><div><span><span> </span></span><span>this.getEditorFn().insertHtml("" !== this.editorValue() ? e + n: n)</span></div></div><div><div><div>378</div></div><div><span><span> </span></span><span>} else this.getEditorEl()[i] = t</span></div></div><div><div><div>379</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>380</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>381</div></div><div><span><span> </span></span><span>return ! (this.getEditorFn() instanceof jQuery)</span></div></div><div><div><div>382</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>383</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>384</div></div><div><span><span> </span></span><span>XF2: {</span></div></div><div><div><div>385</div></div><div><span><span> </span></span><span>settings: {</span></div></div><div><div><div>386</div></div><div><span><span> </span></span><span>autoInsert: "html-embed-medium",</span></div></div><div><div><div>387</div></div><div><span><span> </span></span><span>containerClass: 1,</span></div></div><div><div><div>388</div></div><div><span><span> </span></span><span>buttonClass: "button--link js-attachmentUpload button button--icon button--icon--upload fa--xf",</span></div></div><div><div><div>389</div></div><div><span><span> </span></span><span>html: '&lt;div class="formButtonGroup"&gt;&lt;div class="formButtonGroup-extra"&gt;&lt;button type="button" tabindex="-1" role="button" title="%text" class="%bClass" %x&gt;&lt;span class="button-text"&gt;%text&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;&lt;/div&gt;',</span></div></div><div><div><div>390</div></div><div><span><span> </span></span><span>sibling: "",</span></div></div><div><div><div>391</div></div><div><span><span> </span></span><span>siblingPos: "after",</span></div></div><div><div><div>392</div></div><div><span><span> </span></span><span>observe: '[data-xf-click="quick-edit"]',</span></div></div><div><div><div>393</div></div><div><span><span> </span></span><span>observeCache: 1</span></div></div><div><div><div>394</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>395</div></div><div><span><span> </span></span><span>palettes: {</span></div></div><div><div><div>396</div></div><div><span><span> </span></span><span>default:</span></div></div><div><div><div>397</div></div><div><span><span> </span></span><span>["transparent", "#505050", "rgba(20,20,20,0.06)", "#141414"]</span></div></div><div><div><div>398</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>399</div></div><div><span><span> </span></span><span>check: "XF",</span></div></div><div><div><div>400</div></div><div><span><span> </span></span><span>getEditorFn: function(t) {</span></div></div><div><div><div>401</div></div><div><span><span> </span></span><span>var e = ".js-editor";</span></div></div><div><div><div>402</div></div><div><span><span> </span></span><span>return "string" == typeof t &amp;&amp; (e = this.getEditorSel(t)),</span></div></div><div><div><div>403</div></div><div><span><span> </span></span><span>XF.getEditorInContainer($(e))</span></div></div><div><div><div>404</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>405</div></div><div><span><span> </span></span><span>getEditorSel: function(e) {</span></div></div><div><div><div>406</div></div><div><span><span> </span></span><span>return "[" + t.ns.dataPluginTarget + '="' + e + '"]'</span></div></div><div><div><div>407</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>408</div></div><div><span><span> </span></span><span>getEditor: function(t) {</span></div></div><div><div><div>409</div></div><div><span><span> </span></span><span>return "string" == typeof t ? document.querySelector(this.getEditorSel(t)) : document.querySelectorAll(".js-editor")</span></div></div><div><div><div>410</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>411</div></div><div><span><span> </span></span><span>getBbCode: function(t) {</span></div></div><div><div><div>412</div></div><div><span><span> </span></span><span>return t.getTextArea()[0].value</span></div></div><div><div><div>413</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>414</div></div><div><span><span> </span></span><span>editorValue: function(t, e) {</span></div></div><div><div><div>415</div></div><div><span><span> </span></span><span>var i = "&lt;p&gt;&lt;br&gt;&lt;/p&gt;",</span></div></div><div><div><div>416</div></div><div><span><span> </span></span><span>s = this.getEditorFn(e),</span></div></div><div><div><div>417</div></div><div><span><span> </span></span><span>n = s.ed.bbCode.isBbCodeView() ? ["bbCode", "getBbCode", "insertBbCode"] : ["html", "get", "insert"],</span></div></div><div><div><div>418</div></div><div><span><span> </span></span><span>r = s.ed[n[0]];</span></div></div><div><div><div>419</div></div><div><span><span> </span></span><span>if ("string" != typeof t) {</span></div></div><div><div><div>420</div></div><div><span><span> </span></span><span>if (void 0 === r[n[1]]) var o = this.getBbCode(r);</span></div></div><div><div><div>421</div></div><div><span><span> </span></span><span>else o = r[n[1]]();</span></div></div><div><div><div>422</div></div><div><span><span> </span></span><span>return this.useCustomEditor() &amp;&amp; o == i ? "": o</span></div></div><div><div><div>423</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>424</div></div><div><span><span> </span></span><span>var a = "" !== this.editorValue(!1, e);</span></div></div><div><div><div>425</div></div><div><span><span> </span></span><span>if ("html" == n[0]) {</span></div></div><div><div><div>426</div></div><div><span><span> </span></span><span>var l = "&lt;p&gt;" + t + "&lt;/p&gt;";</span></div></div><div><div><div>427</div></div><div><span><span> </span></span><span>r[n[2]](a ? i + l: l)</span></div></div><div><div><div>428</div></div><div><span><span> </span></span><span>} else {</span></div></div><div><div><div>429</div></div><div><span><span> </span></span><span>var d = XF.ajax("POST", XF.canonicalizeUrl("index.php?editor/to-bb-code"), {</span></div></div><div><div><div>430</div></div><div><span><span> </span></span><span>html: t</span></div></div><div><div><div>431</div></div><div><span><span> </span></span><span>});</span></div></div><div><div><div>432</div></div><div><span><span> </span></span><span>d.done(function(t) {</span></div></div><div><div><div>433</div></div><div><span><span> </span></span><span>r[n[2]](a ? "\n" + t.bbCode: t.bbCode)</span></div></div><div><div><div>434</div></div><div><span><span> </span></span><span>})</span></div></div><div><div><div>435</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>436</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>437</div></div><div><span><span> </span></span><span>useCustomEditor: function() {</span></div></div><div><div><div>438</div></div><div><span><span> </span></span><span>return void 0 !== XF.getEditorInContainer($(".js-editor"))</span></div></div><div><div><div>439</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>440</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>441</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>442</div></div><div><span><span> </span></span><span>generateGuid: function() {</span></div></div><div><div><div>443</div></div><div><span><span> </span></span><span>var t = (new Date).getTime();</span></div></div><div><div><div>444</div></div><div><span><span> </span></span><span>return "undefined" != typeof performance &amp;&amp; "function" == typeof performance.now &amp;&amp; (t += performance.now()),</span></div></div><div><div><div>445</div></div><div><span><span> </span></span><span>"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,</span></div></div><div><div><div>446</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>447</div></div><div><span><span> </span></span><span>var i = (t + 16 * Math.random()) % 16 | 0;</span></div></div><div><div><div>448</div></div><div><span><span> </span></span><span>return t = Math.floor(t / 16),</span></div></div><div><div><div>449</div></div><div><span><span> </span></span><span>("x" === e ? i: 3 &amp; i | 8).toString(16)</span></div></div><div><div><div>450</div></div><div><span><span> </span></span><span>})</span></div></div><div><div><div>451</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>452</div></div><div><span><span> </span></span><span>getNewValue: function(t, e) {</span></div></div><div><div><div>453</div></div><div><span><span> </span></span><span>var i = "string" != typeof t.getAttribute("contenteditable") ? "value": "innerHTML",</span></div></div><div><div><div>454</div></div><div><span><span> </span></span><span>s = "value" == i ? "\n": "&lt;br&gt;",</span></div></div><div><div><div>455</div></div><div><span><span> </span></span><span>n = t[i],</span></div></div><div><div><div>456</div></div><div><span><span> </span></span><span>r = e,</span></div></div><div><div><div>457</div></div><div><span><span> </span></span><span>o = !1;</span></div></div><div><div><div>458</div></div><div><span><span> </span></span><span>if (o &amp;&amp; (r = String(e).replace(/&amp;/g, "&amp;").replace(/&lt;/g, "&lt;").replace(/&gt;/g, "&gt;").replace(/"/g, """)), 0 == n.length) return r;</span></div></div><div><div><div>459</div></div><div><span><span> </span></span><span>var a = "",</span></div></div><div><div><div>460</div></div><div><span><span> </span></span><span>l = n.match(/\n+$/g),</span></div></div><div><div><div>461</div></div><div><span><span> </span></span><span>d = l ? l[0].split("\n").length: 0;</span></div></div><div><div><div>462</div></div><div><span><span> </span></span><span>if (d &lt;= 2) {</span></div></div><div><div><div>463</div></div><div><span><span> </span></span><span>var u = 0 == d ? 2 : 1;</span></div></div><div><div><div>464</div></div><div><span><span> </span></span><span>a += s.repeat(u)</span></div></div><div><div><div>465</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>466</div></div><div><span><span> </span></span><span>return a + r</span></div></div><div><div><div>467</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>468</div></div><div><span><span> </span></span><span>insertTrigger: function() {</span></div></div><div><div><div>469</div></div><div><span><span> </span></span><span>var t, e = this.vendors[this.settings.vendor],</span></div></div><div><div><div>470</div></div><div><span><span> </span></span><span>i = this.settings.sibling ? document.querySelectorAll(this.settings.sibling + ":not([" + this.ns.dataPlugin + "])")[0] : 0;</span></div></div><div><div><div>471</div></div><div><span><span> </span></span><span>if ("auto" == this.settings.mode) t = this.vendors[e.hasOwnProperty("getEditor") ? this.settings.vendor: "default"].getEditor();</span></div></div><div><div><div>472</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>473</div></div><div><span><span> </span></span><span>for (var s = document.querySelectorAll("[" + this.ns.dataPluginTrigger + "][data-target]:not([" + this.ns.dataPluginId + "])"), n = [], r = 0; r &lt; s.length; r++) n.push(s[r].dataset.target);</span></div></div><div><div><div>474</div></div><div><span><span> </span></span><span>n.length &gt; 0 &amp;&amp; (t = document.querySelectorAll(n.join(",")))</span></div></div><div><div><div>475</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>476</div></div><div><span><span> </span></span><span>if (t) {</span></div></div><div><div><div>477</div></div><div><span><span> </span></span><span>if (!document.getElementById(this.ns.pluginStyle) &amp;&amp; this.settings.css) {</span></div></div><div><div><div>478</div></div><div><span><span> </span></span><span>var o = document.createElement("style"),</span></div></div><div><div><div>479</div></div><div><span><span> </span></span><span>a = this.settings.css;</span></div></div><div><div><div>480</div></div><div><span><span> </span></span><span>a = this.appyTemplate(a),</span></div></div><div><div><div>481</div></div><div><span><span> </span></span><span>o.type = "text/css",</span></div></div><div><div><div>482</div></div><div><span><span> </span></span><span>o.innerHTML = a.replace(/%p/g, "." + this.ns.plugin),</span></div></div><div><div><div>483</div></div><div><span><span> </span></span><span>o.setAttribute("id", this.ns.pluginStyle),</span></div></div><div><div><div>484</div></div><div><span><span> </span></span><span>document.body.appendChild(o)</span></div></div><div><div><div>485</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>486</div></div><div><span><span> </span></span><span>t instanceof NodeList || (t = [t]);</span></div></div><div><div><div>487</div></div><div><span><span> </span></span><span>var l = 0;</span></div></div><div><div><div>488</div></div><div><span><span> </span></span><span>for (r = 0; r &lt; t.length; r++) if (!t[r].getAttribute(this.ns.dataPluginTarget)) {</span></div></div><div><div><div>489</div></div><div><span><span> </span></span><span>var d = i || t[r];</span></div></div><div><div><div>490</div></div><div><span><span> </span></span><span>d.setAttribute(this.ns.dataPlugin, "sibling"),</span></div></div><div><div><div>491</div></div><div><span><span> </span></span><span>d.insertAdjacentHTML({</span></div></div><div><div><div>492</div></div><div><span><span> </span></span><span>before: "beforebegin",</span></div></div><div><div><div>493</div></div><div><span><span> </span></span><span>after: "afterend"</span></div></div><div><div><div>494</div></div><div><span><span> </span></span><span>} [this.settings.siblingPos], this.appyTemplate(this.settings.html));</span></div></div><div><div><div>495</div></div><div><span><span> </span></span><span>var u = d.parentElement.querySelector("[" + this.ns.dataPluginTrigger + "]");</span></div></div><div><div><div>496</div></div><div><span><span> </span></span><span>this.setBoundId(u, t[r]),</span></div></div><div><div><div>497</div></div><div><span><span> </span></span><span>l++</span></div></div><div><div><div>498</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>499</div></div><div><span><span> </span></span><span>this.triggerCounter = l,</span></div></div><div><div><div>500</div></div><div><span><span> </span></span><span>"function" == typeof e.callback &amp;&amp; e.callback.call()</span></div></div><div><div><div>501</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>502</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>503</div></div><div><span><span> </span></span><span>appyTemplate: function(t) {</span></div></div><div><div><div>504</div></div><div><span><span> </span></span><span>if (!this.cacheTable) {</span></div></div><div><div><div>505</div></div><div><span><span> </span></span><span>var e = [{</span></div></div><div><div><div>506</div></div><div><span><span> </span></span><span>"%iconSvg": this.iconSvg</span></div></div><div><div><div>507</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>508</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>509</div></div><div><span><span> </span></span><span>"%text": this.settings.langString</span></div></div><div><div><div>510</div></div><div><span><span> </span></span><span>}];</span></div></div><div><div><div>511</div></div><div><span><span> </span></span><span>if (this.palette) {</span></div></div><div><div><div>512</div></div><div><span><span> </span></span><span>for (var i = /%(\d+)/g,</span></div></div><div><div><div>513</div></div><div><span><span> </span></span><span>s = i.exec(t), n = []; null !== s;) - 1 == n.indexOf(s[1]) &amp;&amp; n.push(s[1]),</span></div></div><div><div><div>514</div></div><div><span><span> </span></span><span>s = i.exec(t);</span></div></div><div><div><div>515</div></div><div><span><span> </span></span><span>if (n) {</span></div></div><div><div><div>516</div></div><div><span><span> </span></span><span>n.sort(function(t, e) {</span></div></div><div><div><div>517</div></div><div><span><span> </span></span><span>return e - t</span></div></div><div><div><div>518</div></div><div><span><span> </span></span><span>});</span></div></div><div><div><div>519</div></div><div><span><span> </span></span><span>this.vendors[this.settings.vendor];</span></div></div><div><div><div>520</div></div><div><span><span> </span></span><span>for (var r = 0; r &lt; n.length; r++) {</span></div></div><div><div><div>521</div></div><div><span><span> </span></span><span>var o = n[r] - 1,</span></div></div><div><div><div>522</div></div><div><span><span> </span></span><span>a = this.palette[o] || "";</span></div></div><div><div><div>523</div></div><div><span><span> </span></span><span>a || "default" === this.settings.vendor || "default" === this.settings.palette || (a = this.palette[o - 2]);</span></div></div><div><div><div>524</div></div><div><span><span> </span></span><span>var l = {};</span></div></div><div><div><div>525</div></div><div><span><span> </span></span><span>l["%" + n[r]] = a,</span></div></div><div><div><div>526</div></div><div><span><span> </span></span><span>e.push(l)</span></div></div><div><div><div>527</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>528</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>529</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>530</div></div><div><span><span> </span></span><span>var d = this.settings.buttonClass || this.ns.plugin + "-button",</span></div></div><div><div><div>531</div></div><div><span><span> </span></span><span>u = [{</span></div></div><div><div><div>532</div></div><div><span><span> </span></span><span>"%cClass": this.settings.containerClass || this.ns.plugin + "-container"</span></div></div><div><div><div>533</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>534</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>535</div></div><div><span><span> </span></span><span>"%bClass": d</span></div></div><div><div><div>536</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>537</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>538</div></div><div><span><span> </span></span><span>"%iClass": d + "-icon"</span></div></div><div><div><div>539</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>540</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>541</div></div><div><span><span> </span></span><span>"%tClass": d + "-text"</span></div></div><div><div><div>542</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>543</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>544</div></div><div><span><span> </span></span><span>"%x": this.ns.dataPluginTrigger</span></div></div><div><div><div>545</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>546</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>547</div></div><div><span><span> </span></span><span>"%p": this.ns.plugin</span></div></div><div><div><div>548</div></div><div><span><span> </span></span><span>}];</span></div></div><div><div><div>549</div></div><div><span><span> </span></span><span>for (r = 0; r &lt; u.length; r++) e.push(u[r]);</span></div></div><div><div><div>550</div></div><div><span><span> </span></span><span>this.cacheTable = e</span></div></div><div><div><div>551</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>552</div></div><div><span><span> </span></span><span>return this.strtr(t, this.cacheTable)</span></div></div><div><div><div>553</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>554</div></div><div><span><span> </span></span><span>strtr: function(t, e) {</span></div></div><div><div><div>555</div></div><div><span><span> </span></span><span>t = t.toString();</span></div></div><div><div><div>556</div></div><div><span><span> </span></span><span>if (!t || void 0 === e) return t;</span></div></div><div><div><div>557</div></div><div><span><span> </span></span><span>for (var i = 0; i &lt; e.length; i++) {</span></div></div><div><div><div>558</div></div><div><span><span> </span></span><span>var s = e[i];</span></div></div><div><div><div>559</div></div><div><span><span> </span></span><span>for (var n in s) void 0 !== s[n] &amp;&amp; (re = new RegExp(n, "g"), t = t.replace(re, s[n]))</span></div></div><div><div><div>560</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>561</div></div><div><span><span> </span></span><span>return t</span></div></div><div><div><div>562</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>563</div></div><div><span><span> </span></span><span>setBoundId: function(t, e) {</span></div></div><div><div><div>564</div></div><div><span><span> </span></span><span>var i = this.generateGuid();</span></div></div><div><div><div>565</div></div><div><span><span> </span></span><span>t.setAttribute(this.ns.dataPluginId, i),</span></div></div><div><div><div>566</div></div><div><span><span> </span></span><span>e.setAttribute(this.ns.dataPluginTarget, i)</span></div></div><div><div><div>567</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>568</div></div><div><span><span> </span></span><span>openPopup: function(t) {</span></div></div><div><div><div>569</div></div><div><span><span> </span></span><span>if ("string" == typeof t) {</span></div></div><div><div><div>570</div></div><div><span><span> </span></span><span>var e = this;</span></div></div><div><div><div>571</div></div><div><span><span> </span></span><span>if (void 0 === this.popups &amp;&amp; (this.popups = {}), void 0 === this.popups[t]) {</span></div></div><div><div><div>572</div></div><div><span><span> </span></span><span>this.popups[t] = {};</span></div></div><div><div><div>573</div></div><div><span><span> </span></span><span>var i = {</span></div></div><div><div><div>574</div></div><div><span><span> </span></span><span>l: null != window.screenLeft ? window.screenLeft: screen.left,</span></div></div><div><div><div>575</div></div><div><span><span> </span></span><span>t: null != window.screenTop ? window.screenTop: screen.top,</span></div></div><div><div><div>576</div></div><div><span><span> </span></span><span>w: window.innerWidth ? window.innerWidth: document.documentElement.clientWidth ? document.documentElement.clientWidth: screen.width,</span></div></div><div><div><div>577</div></div><div><span><span> </span></span><span>h: window.innerHeight ? window.innerHeight: document.documentElement.clientHeight ? document.documentElement.clientHeight: screen.height</span></div></div><div><div><div>578</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>579</div></div><div><span><span> </span></span><span>s = {</span></div></div><div><div><div>580</div></div><div><span><span> </span></span><span>w: 720,</span></div></div><div><div><div>581</div></div><div><span><span> </span></span><span>h: 690</span></div></div><div><div><div>582</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>583</div></div><div><span><span> </span></span><span>n = {</span></div></div><div><div><div>584</div></div><div><span><span> </span></span><span>w: .5,</span></div></div><div><div><div>585</div></div><div><span><span> </span></span><span>h: .85</span></div></div><div><div><div>586</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>587</div></div><div><span><span> </span></span><span>for (var r in s) s[r] / i[r] &gt; n[r] &amp;&amp; (s[r] = i[r] * n[r]);</span></div></div><div><div><div>588</div></div><div><span><span> </span></span><span>var o = {</span></div></div><div><div><div>589</div></div><div><span><span> </span></span><span>l: Math.trunc(i.w / 2 - s.w / 2 + i.l),</span></div></div><div><div><div>590</div></div><div><span><span> </span></span><span>t: Math.trunc(i.h / 2 - s.h / 2 + i.t)</span></div></div><div><div><div>591</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>592</div></div><div><span><span> </span></span><span>this.popups[t].window = window.open(this.settings.url, t, "width=" + s.w + ",height=" + s.h + ",top=" + o.t + ",left=" + o.l),</span></div></div><div><div><div>593</div></div><div><span><span> </span></span><span>this.popups[t].timer = window.setInterval(function() {</span></div></div><div><div><div>594</div></div><div><span><span> </span></span><span>e.popups[t].window &amp;&amp; !1 === e.popups[t].window.closed || (window.clearInterval(e.popups[t].timer), e.popups[t] = void 0)</span></div></div><div><div><div>595</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>596</div></div><div><span><span> </span></span><span>200)</span></div></div><div><div><div>597</div></div><div><span><span> </span></span><span>} else this.popups[t].window.focus()</span></div></div><div><div><div>598</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>599</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>600</div></div><div><span><span> </span></span><span>postSettings: function(t) {</span></div></div><div><div><div>601</div></div><div><span><span> </span></span><span>this.popups[t].window.postMessage({</span></div></div><div><div><div>602</div></div><div><span><span> </span></span><span>id: t,</span></div></div><div><div><div>603</div></div><div><span><span> </span></span><span>settings: this.settings</span></div></div><div><div><div>604</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>605</div></div><div><span><span> </span></span><span>this.settings.url)</span></div></div><div><div><div>606</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>607</div></div><div><span><span> </span></span><span>liveBind: function(t, e, i) {</span></div></div><div><div><div>608</div></div><div><span><span> </span></span><span>document.addEventListener(e,</span></div></div><div><div><div>609</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>610</div></div><div><span><span> </span></span><span>var s = document.querySelectorAll(t);</span></div></div><div><div><div>611</div></div><div><span><span> </span></span><span>if (s) {</span></div></div><div><div><div>612</div></div><div><span><span> </span></span><span>for (var n = e.target,</span></div></div><div><div><div>613</div></div><div><span><span> </span></span><span>r = -1; n &amp;&amp; -1 === (r = Array.prototype.indexOf.call(s, n));) n = n.parentElement;</span></div></div><div><div><div>614</div></div><div><span><span> </span></span><span>r &gt; -1 &amp;&amp; (e.preventDefault(), i.call(e, n))</span></div></div><div><div><div>615</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>616</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>617</div></div><div><span><span> </span></span><span>!0)</span></div></div><div><div><div>618</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>619</div></div><div><span><span> </span></span><span>prepare: function() {</span></div></div><div><div><div>620</div></div><div><span><span> </span></span><span>var t = this;</span></div></div><div><div><div>621</div></div><div><span><span> </span></span><span>this.ns.dataPlugin = "data-" + this.ns.plugin,</span></div></div><div><div><div>622</div></div><div><span><span> </span></span><span>this.ns.dataPluginId = this.ns.dataPlugin + "-id",</span></div></div><div><div><div>623</div></div><div><span><span> </span></span><span>this.ns.dataPluginTrigger = this.ns.dataPlugin + "-trigger",</span></div></div><div><div><div>624</div></div><div><span><span> </span></span><span>this.ns.dataPluginTarget = this.ns.dataPlugin + "-target",</span></div></div><div><div><div>625</div></div><div><span><span> </span></span><span>this.ns.pluginStyle = this.ns.plugin + "-style",</span></div></div><div><div><div>626</div></div><div><span><span> </span></span><span>this.ns.selDataPluginTrigger = "[" + this.ns.dataPluginTrigger + "]";</span></div></div><div><div><div>627</div></div><div><span><span> </span></span><span>var e = document.currentScript || document.getElementById(this.ns.plugin + "-src");</span></div></div><div><div><div>628</div></div><div><span><span> </span></span><span>e ? e.dataset.buttonTemplate &amp;&amp; (e.dataset.html = e.dataset.buttonTemplate) : e = {</span></div></div><div><div><div>629</div></div><div><span><span> </span></span><span>dataset: {}</span></div></div><div><div><div>630</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>631</div></div><div><span><span> </span></span><span>var i = 0;</span></div></div><div><div><div>632</div></div><div><span><span> </span></span><span>for (var s in this.settings = {},</span></div></div><div><div><div>633</div></div><div><span><span> </span></span><span>this.defaultSettings) {</span></div></div><div><div><div>634</div></div><div><span><span> </span></span><span>var n = e &amp;&amp; e.dataset[s] ? e.dataset[s] : this.defaultSettings[s];</span></div></div><div><div><div>635</div></div><div><span><span> </span></span><span>"1" !== n &amp;&amp; "0" !== n || (n = "true" == n),</span></div></div><div><div><div>636</div></div><div><span><span> </span></span><span>"string" == typeof n &amp;&amp; this.classProps.indexOf(s.replace(/Class$/, "")) &gt; -1 &amp;&amp; (i = 1),</span></div></div><div><div><div>637</div></div><div><span><span> </span></span><span>this.settings[s] = n</span></div></div><div><div><div>638</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>639</div></div><div><span><span> </span></span><span>if ("auto" == this.settings.vendor) for (var s in this.settings.vendor = "default",</span></div></div><div><div><div>640</div></div><div><span><span> </span></span><span>this.settings.fitEditor = 0,</span></div></div><div><div><div>641</div></div><div><span><span> </span></span><span>this.vendors) if ("default" != s &amp;&amp; void 0 !== window[this.vendors[s].check]) {</span></div></div><div><div><div>642</div></div><div><span><span> </span></span><span>this.settings.vendor = s;</span></div></div><div><div><div>643</div></div><div><span><span> </span></span><span>break</span></div></div><div><div><div>644</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>645</div></div><div><span><span> </span></span><span>var r = ["lang", "url", "vendor", "target"];</span></div></div><div><div><div>646</div></div><div><span><span> </span></span><span>"default" == this.settings.vendor &amp;&amp; (this.vendors.</span></div></div><div><div><div>647</div></div><div><span><span> </span></span><span>default.settings = {});</span></div></div><div><div><div>648</div></div><div><span><span> </span></span><span>var o = this.vendors[this.settings.vendor];</span></div></div><div><div><div>649</div></div><div><span><span> </span></span><span>if (o.settings) for (var s in o.settings) e &amp;&amp; e.dataset.hasOwnProperty(s) || (this.settings[s] = o.settings[s]);</span></div></div><div><div><div>650</div></div><div><span><span> </span></span><span>else for (var s in o.settings = {},</span></div></div><div><div><div>651</div></div><div><span><span> </span></span><span>this.defaultSettings) - 1 == r.indexOf(s) &amp;&amp; (o.settings[s] = this.defaultSettings[s]);</span></div></div><div><div><div>652</div></div><div><span><span> </span></span><span>if ("default" !== this.settings.vendor) if (o.settings.hasOwnProperty("fitEditor") || e.dataset.hasOwnProperty("fitEditor") || (this.settings.fitEditor = 1), this.settings.fitEditor) i = !o.settings.css;</span></div></div><div><div><div>653</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>654</div></div><div><span><span> </span></span><span>r = ["autoInsert", "observe", "observeCache"];</span></div></div><div><div><div>655</div></div><div><span><span> </span></span><span>for (var s in o.settings) - 1 != r.indexOf(s) || e.dataset.hasOwnProperty(s) || (this.settings[s] = this.defaultSettings[s])</span></div></div><div><div><div>656</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>657</div></div><div><span><span> </span></span><span>if (i) this.settings.css = "";</span></div></div><div><div><div>658</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>659</div></div><div><span><span> </span></span><span>this.settings.css = this.settings.css.replace("%defaultCSS", this.defaultSettings.css),</span></div></div><div><div><div>660</div></div><div><span><span> </span></span><span>o.settings.extracss &amp;&amp; this.settings.css &amp;&amp; (this.settings.css += o.settings.extracss);</span></div></div><div><div><div>661</div></div><div><span><span> </span></span><span>var a = this.settings.palette.split(",");</span></div></div><div><div><div>662</div></div><div><span><span> </span></span><span>a.length &gt; 1 ? this.palette = a: this.palettes.hasOwnProperty(a) || (this.settings.palette = "default"),</span></div></div><div><div><div>663</div></div><div><span><span> </span></span><span>this.palette || (this.palette = (this.settings.fitEditor &amp;&amp; o.palettes &amp;&amp; o.palettes[this.settings.palette] ? o: this).palettes[this.settings.palette])</span></div></div><div><div><div>664</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>665</div></div><div><span><span> </span></span><span>for (var l = this.classProps,</span></div></div><div><div><div>666</div></div><div><span><span> </span></span><span>d = 0; d &lt; l.length; d++) {</span></div></div><div><div><div>667</div></div><div><span><span> </span></span><span>var u = l[d] + "Class";</span></div></div><div><div><div>668</div></div><div><span><span> </span></span><span>"string" != typeof this.settings[u] &amp;&amp; (this.settings[u] = this.ns.plugin + "-" + l[d], this.settings.fitEditor &amp;&amp; (this.settings[u] += "--" + this.settings.vendor))</span></div></div><div><div><div>669</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>670</div></div><div><span><span> </span></span><span>var c = ("auto" == this.settings.lang ? navigator.language || navigator.userLanguage: this.settings.lang).replace("-", "_");</span></div></div><div><div><div>671</div></div><div><span><span> </span></span><span>this.settings.langString = "Upload images";</span></div></div><div><div><div>672</div></div><div><span><span> </span></span><span>var g = c in this.l10n ? c: c.substring(0, 2) in this.l10n ? c.substring(0, 2) : null;</span></div></div><div><div><div>673</div></div><div><span><span> </span></span><span>g &amp;&amp; (this.settings.langString = this.l10n[g]);</span></div></div><div><div><div>674</div></div><div><span><span> </span></span><span>var h = document.createElement("a");</span></div></div><div><div><div>675</div></div><div><span><span> </span></span><span>h.href = this.settings.url,</span></div></div><div><div><div>676</div></div><div><span><span> </span></span><span>this.originUrlPattern = "^" + (h.protocol + "//" + h.hostname).replace(/\./g, "\\.").replace(/\//g, "\\/") + "$";</span></div></div><div><div><div>677</div></div><div><span><span> </span></span><span>var f = document.querySelectorAll(this.ns.selDataPluginTrigger + "[data-target]");</span></div></div><div><div><div>678</div></div><div><span><span> </span></span><span>if (f.length &gt; 0) for (d = 0; d &lt; f.length; d++) {</span></div></div><div><div><div>679</div></div><div><span><span> </span></span><span>var p = document.querySelector(f[d].dataset.target);</span></div></div><div><div><div>680</div></div><div><span><span> </span></span><span>this.setBoundId(f[d], p)</span></div></div><div><div><div>681</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>682</div></div><div><span><span> </span></span><span>if (this.settings.observe) {</span></div></div><div><div><div>683</div></div><div><span><span> </span></span><span>var b = this.settings.observe;</span></div></div><div><div><div>684</div></div><div><span><span> </span></span><span>this.settings.observeCache &amp;&amp; (b += ":not([" + this.ns.dataPlugin + "])"),</span></div></div><div><div><div>685</div></div><div><span><span> </span></span><span>this.liveBind(b, "click",</span></div></div><div><div><div>686</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>687</div></div><div><span><span> </span></span><span>e.setAttribute(t.ns.dataPlugin, 1),</span></div></div><div><div><div>688</div></div><div><span><span> </span></span><span>t.observe()</span></div></div><div><div><div>689</div></div><div><span><span> </span></span><span>}.bind(this))</span></div></div><div><div><div>690</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>691</div></div><div><span><span> </span></span><span>this.settings.sibling &amp;&amp; !this.settings.onDemand ? this.waitForSibling() : "onload" == this.settings.init ? "loading" === document.readyState ? document.addEventListener("DOMContentLoaded",</span></div></div><div><div><div>692</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>693</div></div><div><span><span> </span></span><span>t.init()</span></div></div><div><div><div>694</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>695</div></div><div><span><span> </span></span><span>!1) : this.init() : this.observe()</span></div></div><div><div><div>696</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>697</div></div><div><span><span> </span></span><span>observe: function() {</span></div></div><div><div><div>698</div></div><div><span><span> </span></span><span>this.waitForSibling("observe")</span></div></div><div><div><div>699</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>700</div></div><div><span><span> </span></span><span>waitForSibling: function(t) {</span></div></div><div><div><div>701</div></div><div><span><span> </span></span><span>var e = this.initialized ? "insertTrigger": "init";</span></div></div><div><div><div>702</div></div><div><span><span> </span></span><span>if (this.settings.sibling) var i = document.querySelector(this.settings.sibling + ":not([" + this.ns.dataPlugin + "])");</span></div></div><div><div><div>703</div></div><div><span><span> </span></span><span>else if ("observe" == t &amp;&amp; (this[e](), this.triggerCounter)) return;</span></div></div><div><div><div>704</div></div><div><span><span> </span></span><span>if (i) this[e]();</span></div></div><div><div><div>705</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>706</div></div><div><span><span> </span></span><span>if ("complete" === document.readyState &amp;&amp; "observe" !== t) return;</span></div></div><div><div><div>707</div></div><div><span><span> </span></span><span>setTimeout(("observe" == t ? this.observe: this.waitForSibling).bind(this), 250)</span></div></div><div><div><div>708</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>709</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>710</div></div><div><span><span> </span></span><span>init: function() {</span></div></div><div><div><div>711</div></div><div><span><span> </span></span><span>this.insertTrigger();</span></div></div><div><div><div>712</div></div><div><span><span> </span></span><span>var t = this,</span></div></div><div><div><div>713</div></div><div><span><span> </span></span><span>e = this.vendors[this.settings.vendor];</span></div></div><div><div><div>714</div></div><div><span><span> </span></span><span>this.liveBind(this.ns.selDataPluginTrigger, "click",</span></div></div><div><div><div>715</div></div><div><span><span> </span></span><span>function(e) {</span></div></div><div><div><div>716</div></div><div><span><span> </span></span><span>var i = e.getAttribute(t.ns.dataPluginId);</span></div></div><div><div><div>717</div></div><div><span><span> </span></span><span>t.openPopup(i)</span></div></div><div><div><div>718</div></div><div><span><span> </span></span><span>}),</span></div></div><div><div><div>719</div></div><div><span><span> </span></span><span>window.addEventListener("message",</span></div></div><div><div><div>720</div></div><div><span><span> </span></span><span>function(i) {</span></div></div><div><div><div>721</div></div><div><span><span> </span></span><span>var s = new RegExp(t.originUrlPattern, "i");</span></div></div><div><div><div>722</div></div><div><span><span> </span></span><span>if (s.test(i.origin) || void 0 !== i.data.id &amp;&amp; void 0 !== i.data.message) {</span></div></div><div><div><div>723</div></div><div><span><span> </span></span><span>var n = i.data.id;</span></div></div><div><div><div>724</div></div><div><span><span> </span></span><span>if (n &amp;&amp; i.source === t.popups[n].window) if (i.data.requestAction &amp;&amp; t.hasOwnProperty(i.data.requestAction)) t[i.data.requestAction](n);</span></div></div><div><div><div>725</div></div><div><span><span> </span></span><span>else {</span></div></div><div><div><div>726</div></div><div><span><span> </span></span><span>var r;</span></div></div><div><div><div>727</div></div><div><span><span> </span></span><span>if ("default" !== t.settings.vendor) {</span></div></div><div><div><div>728</div></div><div><span><span> </span></span><span>if (e.hasOwnProperty("useCustomEditor") &amp;&amp; e.useCustomEditor()) return void e.editorValue(i.data.message, n);</span></div></div><div><div><div>729</div></div><div><span><span> </span></span><span>e.hasOwnProperty("getEditor") &amp;&amp; (r = e.getEditor())</span></div></div><div><div><div>730</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>731</div></div><div><span><span> </span></span><span>if (r || (r = document.querySelector("[" + t.ns.dataPluginTarget + '="' + n + '"]'), r)) {</span></div></div><div><div><div>732</div></div><div><span><span> </span></span><span>var o = null === r.getAttribute("contenteditable") ? "value": "innerHTML";</span></div></div><div><div><div>733</div></div><div><span><span> </span></span><span>r[o] += t.getNewValue(r, i.data.message);</span></div></div><div><div><div>734</div></div><div><span><span> </span></span><span>for (var a = ["blur", "focus", "input", "change", "paste"], l = 0; l &lt; a.length; l++) {</span></div></div><div><div><div>735</div></div><div><span><span> </span></span><span>var d = new Event(a[l]);</span></div></div><div><div><div>736</div></div><div><span><span> </span></span><span>r.dispatchEvent(d)</span></div></div><div><div><div>737</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>738</div></div><div><span><span> </span></span><span>} else alert("Target not found")</span></div></div><div><div><div>739</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>740</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>741</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>742</div></div><div><span><span> </span></span><span>!1),</span></div></div><div><div><div>743</div></div><div><span><span> </span></span><span>this.initialized = 1</span></div></div><div><div><div>744</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>745</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>746</div></div><div><span><span> </span></span><span>e = ["WoltLab", "XF1"], i = 0; i &lt; e.length; i++) t.vendors[e[i]] = Object.assign(Object.assign({},</span></div></div><div><div><div>747</div></div><div><span><span> </span></span><span>t.vendors.redactor2), t.vendors[e[i]]);</span></div></div><div><div><div>748</div></div><div><span><span> </span></span><span>t.prepare()</span></div></div><div><div><div>749</div></div><div><span>})();</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>格式化后的pup.js需要修改三个地方，如下： </p><figure><img src="https://image.kanochan.net/2022/02/12/image(1).png" alt="需要修改的地方" /><figcaption>需要修改的地方</figcaption></figure> 将<p></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>url: "https://demo.chevereto.com/upload"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为目标图床的上传链接，如</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>url: "https://pic.6zs.cn/upload"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>将<code>mode: "auto"</code>改为<code>mode: "manual"</code>，即让js默认不自动放置上传按钮。 将<code>autoInsert: "bbcode-embed-medium"</code>修改为<code>autoInsert: "html-embed"</code>，即让js自动返回HTML格式的图片链接。 另外一个可选的修改项是上传按钮的外观样式，<code>palette: "default"</code>，有下面多种外观可选，如果你想使用black样式，将<code>palette: "default"</code>修改为<code>palette: "black"</code>即可。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>default:</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>["#ececec", "#333", "#2980b9", "#fff"],</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>clear: ["inherit", "inherit", "inherit", "#2980b9"],</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>turquoise: ["#16a085", "#fff", "#1abc9c", "#fff"],</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>green: ["#27ae60", "#fff", "#2ecc71", "#fff"],</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>blue: ["#2980b9", "#fff", "#3498db", "#fff"],</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>purple: ["#8e44ad", "#fff", "#9b59b6", "#fff"],</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>darkblue: ["#2c3e50", "#fff", "#34495e", "#fff"],</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>yellow: ["#f39c12", "#fff", "#f1c40f", "#fff"],</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>orange: ["#d35400", "#fff", "#e67e22", "#fff"],</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>red: ["#c0392b", "#fff", "#e74c3c", "#fff"],</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>grey: ["#ececec", "#000", "#e0e0e0", "#000"],</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>black: ["#333", "#fff", "#666", "#fff"]</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改完成的部分代码如下：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>(function() {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>for (var t = {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>defaultSettings: {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>url: "https://pic.6zs.cn/upload",</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>vendor: "auto",</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>mode: "manual",</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>lang: "auto",</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>autoInsert: "html-embed",</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>palette: "black",</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>init: "onload",</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>containerClass: 1,</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>buttonClass: 1,</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>sibling: 0,</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>siblingPos: "after",</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>fitEditor: 0,</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>observe: 0,</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>observeCache: 1,</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>html: '&lt;div class="%cClass"&gt;&lt;button %x class="%bClass"&gt;&lt;span class="%iClass"&gt;%iconSvg&lt;/span&gt;&lt;span class="%tClass"&gt;%text&lt;/span&gt;&lt;/button&gt;&lt;/div&gt;',</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>css: ".%cClass{display:inline-block;margin-top:5px;margin-bottom:5px}.%bClass{line-height:normal;-webkit-transition:all .2s;-o-transition:all .2s;transition:all .2s;outline:0;color:%2;border:none;cursor:pointer;border:1px solid rgba(0,0,0,.15);background:%1;border-radius:.2em;padding:.5em 1em;font-size:12px;font-weight:700;text-shadow:none}.%bClass:hover{background:%3;color:%4;border-color:rgba(0,0,0,.1)}.%iClass,.%tClass{display:inline-block;vertical-align:middle}.%iClass svg{display:block;width:1em;height:1em;fill:currentColor}.%tClass{margin-left:.25em}"</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>},</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>将修改后的pup.js保存到网站的js目录，如放到<code>/usr/themes/handsome/assets/js</code>目录下，此时pup.js的文件路径为<code>/usr/themes/handsome/assets/js/pup.js</code> 之后和前边一样，将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script async src="/usr/themes/handsome/assets/js/pup.js"&gt;&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>放入到head之中，此时只是单纯引入js即可，不必指定参数<code>data-auto-insert="html-embed" data-mode="manual"</code>和上传链接<code>url="https://pic.6zs.cn/upload"</code>，因为参数已经在js里边写死了。 最后一步，需要增加PJAX回调函数使pup.js跟随页面重载，在回调函数中写入</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$.getScript("/usr/themes/handsome/assets/js/pup.js")</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>到这了，本文差不多结束了，来总结一下：</p><ul> <li>放行HTML标签</li> <li>获取图床上传插件</li> <li>将插件代码插入到&lt;#head&gt;中</li> <li>新建按钮，并放在合适的位置</li> <li>给按钮美化一下</li> <li>配置PJAX函数回调</li> </ul><blockquote><p>如果要更换图床怎么办？如果你能够解决PJAX回调，只需要把插件链接里的<code>src="//www.picb.cc/sdk/pup.js" data-url="https://www.picb.cc/upload"</code>替换掉即可。注意要保留<code>data-auto-insert="html-embed" data-mode="manual"</code>这两个参数。 如果你不会PJAX回调，直接修改js文件里的<code>url: "https://pic.6zs.cn/upload"</code>，将链接修改为目标图床的链接即可。</p></blockquote><p>最后，分享一些使用Chevereto搭建的图床</p><ul> <li>PICBCC：<a href="https://www.picb.cc/" target="_blank">https://www.picb.cc/</a></li> <li>路过图床：<a href="https://imgtu.com/" target="_blank">https://imgtu.com/</a></li> <li>知晓图床：<a href="https://tu.jilu.info/" target="_blank">https://tu.jilu.info/</a></li> <li>SM图床：<a href="https://www.imgsm.com/" target="_blank">https://www.imgsm.com/</a></li> <li>鸡霸图床（老王图床）：<a href="https://img.gejiba.com/" target="_blank">https://img.gejiba.com/</a></li> <li>靠谱图床：<a href="https://img.bqe.cc/" target="_blank">https://img.bqe.cc/</a></li> <li>伏名图床：<a href="https://ccsyn.org/" target="_blank">https://ccsyn.org/</a></li> <li>安享图床：<a href="https://img.ax/" target="_blank">https://img.ax/</a></li> </ul><blockquote><p>本站图床由：<a href="https://pic.6zs.cn/" target="_blank">https://pic.6zs.cn/</a>提供。</p></blockquote><p>完结！感谢您的阅览。</p><p>[/collapse]</p></section>https://kanochan.net/posts/typecho-admin-overflow-fix/https://kanochan.net/posts/typecho-admin-overflow-fix/针对Typecho后台评论页图片溢出的样式问题，给出简洁的CSS修复方案。Wed, 09 Feb 2022 00:00:00 GMT<blockquote><p><strong>环境：</strong> CentOS 8 、PHP7.4 、Nginx1.19.4、Typecho1.1 (17.10.30) ~ 1.2 (18.10.23)</p></blockquote> <p>今天打开后台 “评论管理页”居然显示成下图这样了。。。 <img src="https://cdn.jsdelivr.net/gh/dwtowen/blog@master/img/Typecho%E5%90%8E%E5%8F%B0%E8%AF%84%E8%AE%BA%E7%AE%A1%E7%90%86%E9%A1%B5%E4%BD%9C%E8%80%85%E5%88%97%E6%98%BE%E7%A4%BA%E9%94%99%E4%B9%B1%EF%BC%8C%E6%98%BE%E7%A4%BA%E4%B8%80%E7%AB%96%E6%9D%A1/01.png" alt="" /> <img src="https://cdn.jsdelivr.net/gh/dwtowen/blog@master/img/Typecho%E5%90%8E%E5%8F%B0%E8%AF%84%E8%AE%BA%E7%AE%A1%E7%90%86%E9%A1%B5%E4%BD%9C%E8%80%85%E5%88%97%E6%98%BE%E7%A4%BA%E9%94%99%E4%B9%B1%EF%BC%8C%E6%98%BE%E7%A4%BA%E4%B8%80%E7%AB%96%E6%9D%A1/02.png" alt="" /></p> <section><h1>一、问题排查(可跳过)<a href="#一问题排查可跳过"><span>#</span></a></h1><p>于是问了其他博主，结果其他博主显示均正常，开始以为是使用了什么插件造成的，于是一个个插件全都停了一遍，结果依然复现样式错乱问题 - 让我好是郁闷！</p><p>想了下，为什么别人的正常，而我在评论这块的样式根本都没调整过。。那么有可能是评论内容造成的样式错乱了。</p><p>于是开始检查是不是评论内容里边有什么特殊的标签，经过全部评论检查了一遍，并未发现有异常标签属性；于是新部署一套 typecho 发觉评论显示正常。</p><p>回头继续看错乱的品论内容，发觉图片的评论内容，较大（宽度大）的图片会显示不全（溢出），于是怀疑是评论图片问题，开始调试，给图片加上 <code>width：100%;</code> 属性后终于正常了 ；</p><p>至于 为什么是 <code>width：100%;</code> 你也不用多问，总之呢，中间遇到很多坑！什么给 <code>td</code> 加上 <code>float: ;``display: ;</code> 都不行，会有属性冲突；当然，如果你有更好的办法，欢迎在评论区给我留言。</p></section> <section><h1>二、方法实现<a href="#二方法实现"><span>#</span></a></h1><section><h3>1、直接加样式<a href="#1直接加样式"><span>#</span></a></h3><p>可直接在 Typecho 样式文件 style.css 中加入评论 img 标签的属性；</p><p><strong>style.css路径</strong></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>admin/css/style.css</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>如下：定位到评论 img 标签选择器。</p><p>这里不能单纯的使用 ID 选择器(原因：每一页评论的 ID 均不一样，这里必须全局绝对定位到 img)</p><p><strong>如下</strong></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>body &gt; div.main &gt; div &gt; div.row.typecho-page-main &gt; div &gt; form &gt; div &gt; table &gt; tbody &gt; tr &gt; td &gt; div &gt; p &gt; img</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>在 <code>admin/css/style.css</code> 最后加上如下属性</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>body &gt; div.main &gt; div &gt; div.row.typecho-page-main &gt; div &gt; form &gt; div &gt; table &gt; tbody &gt; tr &gt; td &gt; div &gt; p &gt; img{width:100%;}</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>2、引入样式<a href="#2引入样式"><span>#</span></a></h3><p>可在Typecho评论代码页文件中引入外部CSS样式</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/dwtowen/blog@master/css/Typecho/comments.css"&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p><img src="https://cdn.jsdelivr.net/gh/dwtowen/blog@master/img/Typecho%E5%90%8E%E5%8F%B0%E8%AF%84%E8%AE%BA%E7%AE%A1%E7%90%86%E9%A1%B5%E4%BD%9C%E8%80%85%E5%88%97%E6%98%BE%E7%A4%BA%E9%94%99%E4%B9%B1%EF%BC%8C%E6%98%BE%E7%A4%BA%E4%B8%80%E7%AB%96%E6%9D%A1/03.png" alt="" /></p><p><img src="https://cdn.jsdelivr.net/gh/dwtowen/blog@master/img/Typecho%E5%90%8E%E5%8F%B0%E8%AF%84%E8%AE%BA%E7%AE%A1%E7%90%86%E9%A1%B5%E4%BD%9C%E8%80%85%E5%88%97%E6%98%BE%E7%A4%BA%E9%94%99%E4%B9%B1%EF%BC%8C%E6%98%BE%E7%A4%BA%E4%B8%80%E7%AB%96%E6%9D%A1/04.png" alt="" /></p><p>这样，评论页显示就会正常了。</p><hr /><p>转载自：<a href="https://blog.dwtowen.com/archives/246/" target="_blank">Typecho后台评论管理页作者列显示错乱，显示一竖条</a></p></section></section>https://kanochan.net/posts/pyqt5-env-setup/https://kanochan.net/posts/pyqt5-env-setup/记录在Windows环境下搭建Python、PyCharm与PyQt5开发环境的过程。Tue, 08 Feb 2022 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2022/02/08/image.png" alt="PID：96075949_p0" /><figcaption>PID：96075949_p0</figcaption></figure><p></p> <blockquote><p>项目需求，需要用到PyQt5开发软件，现在记录一下开发环境的搭建，以及一些遇到的问题及其解决方法。</p></blockquote> <section><h1>一、前言<a href="#一前言"><span>#</span></a></h1><p>开发环境大致上分为三大部分：<code>Python</code>、<code>PyCharm</code>和<code>PyQt5</code>。 <strong>python：</strong> 简而言之，是一个python语言的解释器，是一个必须的东西。 <strong>PyCharm：</strong> 即python程序开发的整合式开发环境（IDE），具有代码分析与辅助功能，拥有补全代码、高亮语法和错误提示，项目和代码导航等功能。一个敲代码与调试的地方。 <strong>PyQt5：</strong> PyQt5用于python语言的GUI编程，构建可视化的应用程序。</p></section> <section><h1>二、Python的安装<a href="#二python的安装"><span>#</span></a></h1><section><h2>下载python<a href="#下载python"><span>#</span></a></h2><p>前往python官方网站下载python：<a href="https://www.python.org/" target="_blank">https://www.python.org/</a></p><p></p><figure><img src="https://image.kanochan.net/2022/02/07/image.png" alt="下载python" /><figcaption>下载python</figcaption></figure> 下载64位的Windows安装版本，方便自动配置系统环境变量 [font color=“#FFFF00”]！注意：后续测试发现，3.10.2版本的python安装pyqt5-tools会报错，尽量安装3.9.x版本的python。这也给了我们一些启示，那就是不要盲目追新。对于像python这样第三方库非常多的项目，尤其如此，有些时候，第三方库并不能兼容新版python的一些特性。[/font]<p></p></section><section><h2>安装python<a href="#安装python"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2022/02/07/image(1).png" alt="安装python" /><figcaption>安装python</figcaption></figure> 选择自定义安装，并且勾选自动配置环境变量。<p></p><p></p><figure><img src="https://image.kanochan.net/2022/02/07/image(2).png" alt="保持默认选项即可" /><figcaption>保持默认选项即可</figcaption></figure> <img src="https://image.kanochan.net/2022/02/07/image(3).png" alt="" /> 勾选为所有用户安装，安装路径默认即可，毕竟不是国产毒瘤软件。<p></p><p></p><figure><img src="https://image.kanochan.net/2022/02/07/image(4).png" alt="安装完成" /><figcaption>安装完成</figcaption></figure><p></p></section><section><h2>测试一下python<a href="#测试一下python"><span>#</span></a></h2><p>唤出CMD命令窗口，输入：<code>python</code>，如果出现python的版本信息，即为安装成功。 </p><figure><img src="https://image.kanochan.net/2022/02/07/image(5).png" alt="python测试" /><figcaption>python测试</figcaption></figure><p></p></section></section> <section><h1>PyCharm的安装<a href="#pycharm的安装"><span>#</span></a></h1><section><h2>下载PyCharm<a href="#下载pycharm"><span>#</span></a></h2><p>前往pycharm官方网站下载pycharm安装程序：<a href="https://www.jetbrains.com/pycharm/" target="_blank">https://www.jetbrains.com/pycharm/</a> </p><figure><img src="https://image.kanochan.net/2022/02/07/image(6).png" alt="下载PyCharm" /><figcaption>下载PyCharm</figcaption></figure> 下载免费的社区版即可。<p></p></section><section><h2>安装PyCharm<a href="#安装pycharm"><span>#</span></a></h2><p><img src="https://image.kanochan.net/2022/02/07/image(8).png" alt="" /> 自上而下分别为：</p><ul> <li>添加桌面图标</li> <li>添加bin文件夹到系统环境变量</li> <li>将打开的文件转换为项目</li> <li>关联<code>.py</code>文件</li> </ul><p>其他的默认选项安装即可。 </p><figure><img src="https://image.kanochan.net/2022/02/07/image(9).png" alt="安装完成" /><figcaption>安装完成</figcaption></figure><p></p></section><section><h2>配置中文界面<a href="#配置中文界面"><span>#</span></a></h2><p>在<code>settings</code>-<code>plugins</code>中搜索chinese，安装语言包。</p><p></p><figure><img src="https://image.kanochan.net/2022/02/07/image(10).png" alt="安装中文语言包" /><figcaption>安装中文语言包</figcaption></figure><p></p><p>安装完成后重启pycharm即可看到中文界面。</p><p></p><figure><img src="https://image.kanochan.net/2022/02/07/image(11).png" alt="中文界面" /><figcaption>中文界面</figcaption></figure><p></p></section><section><h2>配置PyCharm系统代理<a href="#配置pycharm系统代理"><span>#</span></a></h2><p>需要注意的是，PyCharm并不遵循Windows系统的系统代理规则，如果你需要设置PyCharm的代理，需要在<code>外观与行为</code>-<code>系统设置</code>-<code>http代理</code>中配置网络代理。 系统代理主要用于官方PIP源无法访问的问题，如果你使用的是国内的镜像源，可不配置http代理。 </p><figure><img src="https://image.kanochan.net/2022/02/08/image(20).png" alt="image.png" /><figcaption>image.png</figcaption></figure> [font color=“#FFFF00”]！注意：启用系统代理会导致pip安装报ssl错误，详细的报错信息如下，暂时不清楚原因。当需要pip安装库时，请关闭系统的代理软件，如clash、v2ray等。这与软件源无关，只要开启的系统代理，无论哪个软件源，都会导致ssl错误。[/font] <figure><img src="https://image.kanochan.net/2022/02/08/image(1).png" alt="SSl错误" /><figcaption>SSl错误</figcaption></figure><p></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>Looking in indexes: https://pypi.tuna.tsinghua.edu.cn/simple/</span></div></div><div><div><div>2</div></div><div><span>Could not fetch URL https://pypi.tuna.tsinghua.edu.cn/simple/pyqt5/: There was a problem confirming the ssl certificate: HTTPSConnectionPool(host='pypi.tuna.tsinghua.edu.cn', port=443): Max retries exceeded with url: /simple/pyqt5/ (Caused by SSLError(SSLEOFError(8, 'EOF occurred in violation of protocol (_ssl.c:1122)'))) - skipping</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>WARNING: Retrying (Retry(total=4, connect=None, read=None, redirect=None, status=None)) after connection broken by 'SSLError(SSLEOFError(8, 'EOF occurred in violation of protocol (_ssl.c:1122)'))': /simple/pyqt5/</span></div></div><div><div><div>5</div></div><div><span>WARNING: Retrying (Retry(total=3, connect=None, read=None, redirect=None, status=None)) after connection broken by 'SSLError(SSLEOFError(8, 'EOF occurred in violation of protocol (_ssl.c:1122)'))': /simple/pyqt5/</span></div></div><div><div><div>6</div></div><div><span>WARNING: Retrying (Retry(total=2, connect=None, read=None, redirect=None, status=None)) after connection broken by 'SSLError(SSLEOFError(8, 'EOF occurred in violation of protocol (_ssl.c:1122)'))': /simple/pyqt5/</span></div></div><div><div><div>7</div></div><div><span>WARNING: Retrying (Retry(total=1, connect=None, read=None, redirect=None, status=None)) after connection broken by 'SSLError(SSLEOFError(8, 'EOF occurred in violation of protocol (_ssl.c:1122)'))': /simple/pyqt5/</span></div></div><div><div><div>8</div></div><div><span>WARNING: Retrying (Retry(total=0, connect=None, read=None, redirect=None, status=None)) after connection broken by 'SSLError(SSLEOFError(8, 'EOF occurred in violation of protocol (_ssl.c:1122)'))': /simple/pyqt5/</span></div></div><div><div><div>9</div></div><div><span>ERROR: Could not find a version that satisfies the requirement pyqt5</span></div></div><div><div><div>10</div></div><div><span>ERROR: No matching distribution found for pyqt5</span></div></div><div><div><div>11</div></div><div><span>WARNING: You are using pip version 20.3.2; however, version 22.0.3 is available.</span></div></div><div><div><div>12</div></div><div><span>You should consider upgrading via the 'C:\Users\liuju\PycharmProjects\pythonProject\venv\Scripts\python.exe -m pip install --upgrade pip' command.</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>修改PIP软件源<a href="#修改pip软件源"><span>#</span></a></h2><p>一些常用的HTTPS软件源</p><ul> <li>中国科技大学 <a href="https://pypi.mirrors.ustc.edu.cn/simple/" target="_blank">https://pypi.mirrors.ustc.edu.cn/simple/</a></li> <li>清华大学 <a href="https://pypi.tuna.tsinghua.edu.cn/simple/?spm=a2c6h.12873639.0.0.22b62cdbnbaq55" target="_blank">https://pypi.tuna.tsinghua.edu.cn/simple/</a></li> </ul></section></section> <section><h1>PyQt5的安装<a href="#pyqt5的安装"><span>#</span></a></h1><p>上面的一切准备就绪后，我们可以很容易地安装额外的软件，只需要在用户面板里搜索安装即可。 </p><figure><img src="https://image.kanochan.net/2022/02/08/image(2).png" alt="安装软件" /><figcaption>安装软件</figcaption></figure><p></p><p>很多情况下，在安装软件时会不可避免地遇到一些错误，这是由于配置环境的复杂性导致的，这并没有通用的解决办法，只能求助于Google。</p><p>完结！</p></section>https://kanochan.net/posts/website-ipv6-deployment-notes/https://kanochan.net/posts/website-ipv6-deployment-notes/总结网站开启IPv6访问时在DNS、Nginx与安全策略上的配置要点。Tue, 18 Jan 2022 00:00:00 GMT<section><h1>一、IPV6配置过程<a href="#一ipv6配置过程"><span>#</span></a></h1><section><h2>1、配置DNS解析<a href="#1配置dns解析"><span>#</span></a></h2><p>需要注意的是，AAAA解析和CNAME解析冲突，正如同A解析和CNAME解析冲突一样。</p></section><section><h2>2、Nginx监听IPV6请求<a href="#2nginx监听ipv6请求"><span>#</span></a></h2><p>在Nginx配置文件中增加IPV6监听即可。 原配置文件：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>server</span></div></div><div><div><div>2</div></div><div><span>{</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>listen 80;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>listen 443 ssl http2;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>server_name kanochan.net;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>index index.php index.html index.htm default.php default.htm default.html;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>....</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>server</span></div></div><div><div><div>2</div></div><div><span>{</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>listen 80;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>listen 443 ssl http2;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>listen [::]:443 ssl http2;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>listen [::]:80;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>server_name kanochan.net;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>index index.php index.html index.htm default.php default.htm default.html;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>......</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h1>二、些许注意事项<a href="#二些许注意事项"><span>#</span></a></h1><ul> <li>1、注意服务器要配置有IPV6地址</li> <li>2、注意放行安全组规则（如果有的话）</li> <li>3、IPV4与IPV6安全组的IP地址规则不同，如<code>0.0.0.0/0</code>针对的是PIV4地址；<code>::/0</code>针对的是IPV6地址。为了支持IPV4和IPV6访问，对于同一个端口，需要放行两遍。如下图： <figure><img src="https://image.kanochan.net/2022/01/18/image.png" alt="安全组规则" title="安全组规则" /><figcaption>安全组规则</figcaption></figure></li> </ul></section>https://kanochan.net/posts/handsome-theme-custom-record/https://kanochan.net/posts/handsome-theme-custom-record/集中记录对Handsome主题进行的多项个性化修改与界面微调。Thu, 13 Jan 2022 00:00:00 GMT<p><strong>文章目录</strong></p> <p>[toc]</p> <hr /> <hr /> <section><h1>底部版权信息修改<a href="#底部版权信息修改"><span>#</span></a></h1><section><h2>去除内置的底部版权信息<a href="#去除内置的底部版权信息"><span>#</span></a></h2><ul> <li>文件路径：/handsome/component/footer.php</li> <li>源代码</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="wrapper bg-light"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;span class="pull-right hidden-xs text-ellipsis"&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;options-&gt;BottomInfo();</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>// 可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>?&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>Powered by &lt;a target="_blank" href="http://www.typecho.org"&gt;Typecho&lt;/a&gt; | Theme by &lt;a target="_blank"</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>href="https://www.ihewro.com/archives/489/"&gt;handsome&lt;/a&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;/span&gt;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>&lt;span class="text-ellipsis"&gt;© &lt;?php echo date("Y"); ?&gt; Copyright &lt;?php</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>$this-&gt;options-&gt;BottomleftInfo(); ?&gt;&lt;/span&gt;</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>修改为</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="wrapper bg-light"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;span class="pull-right hidden-xs text-ellipsis"&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;options-&gt;BottomInfo();</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>// 可以去除主题版权信息，最好保留版权信息或者添加主题信息到友链，谢谢你的理解</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>?&gt;</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;/span&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;span class="text-ellipsis"&gt;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>&lt;?php</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>$this-&gt;options-&gt;BottomleftInfo(); ?&gt;&lt;/span&gt;</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>使用新的底部版权信息<a href="#使用新的底部版权信息"><span>#</span></a></h2><ul> <li>后台设置-开发者设置-左侧信息<br /> 添加</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>Copyright © 2021-2022 &lt;a href="https://kanochan.net" target="_blank" rel="noopener noreferrer"&gt;kanochan.net&lt;/a&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>后台设置-开发者设置-右侧信息<br /> 添加</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;a href="https://kanochan.net/about.html"&gt;关于&lt;/a&gt; ✦ &lt;a href="mailto:helloworld@kanochan.net"&gt;Email联系我&lt;/a&gt; ✦ &lt;a href="http://typecho.org" rel= "noopener noreferrer" target= "_blank"&gt; Typecho &lt;/a&gt; ✦ &lt;a href="https://www.ihewro.com/archives/489/" rel= "noopener noreferrer" target= "_blank"&gt;handsome &lt;/a&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h1>删除一些（个人认为）不必要的元素<a href="#删除一些个人认为不必要的元素"><span>#</span></a></h1><section><h2>删除文章标题旁边的阅读模式、改变字体大小选项<a href="#删除文章标题旁边的阅读模式改变字体大小选项"><span>#</span></a></h2><p>文件：<code>/usr/themes/handsome/libs/Content.php</code></p><p>删除源代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>if (!$isCustom) {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>$html .= '&lt;a class="plus-font-size" data-toggle="tooltip" data-original-title="' . _mt("点击改变文章字体大小") . '"&gt;&lt;i data-feather="type"&gt;&lt;/i&gt;&lt;/a&gt;';</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>if (!$isCustom) {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>$html .= '&lt;a data-morphing style="vertical-align: -1px;" id="morphing" data-src="#morphing-content" href="javascript:;" class="read_mode superscript m-l-sm"</span></div></div><div><div><div>3</div></div><div><span>data-toggle="tooltip" data-placement="right" data-original-title="' . _mt("阅读模式") . '"&gt;&lt;i data-feather="book-open"&gt;&lt;/i&gt;&lt;/a&gt;';</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>删除动态页面中的”关于我“<a href="#删除动态页面中的关于我"><span>#</span></a></h2><ul> <li>文件路径：/handsome/cross.php</li> <li>删除</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="panel box-shadow-wrap-normal"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;h4 class="font-thin padder"&gt;&lt;?php _me("关于我") ?&gt;&lt;/h4&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;ul class="list-group"&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;li class="list-group-item"&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;p&gt;&lt;?php $this-&gt;options-&gt;about() ?&gt;&lt;/p&gt;</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;/ul&gt;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>删除文章顶部字数统计<a href="#删除文章顶部字数统计"><span>#</span></a></h2><ul> <li>文件路径：/handsome/post.php</li> <li>删除源代码</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!--文字数目--&gt;</span></div></div><div><div><div>2</div></div><div><span>&lt;li class="meta-word"&gt;&lt;span class="post-icons"&gt;&lt;i data-feather="pen-tool"&gt;&lt;/i&gt;&lt;/span&gt;&lt;span class="meta-value"&gt;&lt;?php echo Utils::getWordsOfContentPost($this-&gt;text); ?&gt;&lt;?php _me('字数'); ?&gt;&lt;/span&gt;&lt;/li&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>删除首页文章卡片的作者信息<a href="#删除首页文章卡片的作者信息"><span>#</span></a></h2><ul> <li>文件路径：/handsome/libs/Content.php</li> <li>删除源代码</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;li&gt;&lt;span class="m-r-sm right-small-icons"&gt;&lt;i data-feather="user"&gt;&lt;/i&gt;&lt;/span&gt;&lt;a href="{$parameterArray['authorUrl']}"&gt;{$parameterArray['author']}&lt;/a&gt;&lt;/li&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>删除首页右上角闲言碎语<a href="#删除首页右上角闲言碎语"><span>#</span></a></h2><ul> <li>文件路径：/handsome/component/headnav.php</li> <li>删除源代码</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;?php if (!$hideTalkItem): ?&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;!--闲言碎语--&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;li class="dropdown"&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;a href="#" data-toggle="dropdown" class="feathericons dropdown-toggle"&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;i data-feather="twitch"&gt;&lt;/i&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;span class="visible-xs-inline"&gt;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;?php _me("闲言碎语") ?&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;/span&gt;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>&lt;span class="badge badge-sm up bg-danger pull-right-xs"&gt;&lt;?php</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>$read_id = Typecho_Cookie::get('user_read_id');</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>$latest_time_id = Typecho_Cookie::get('latest_time_id');</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>//$latest_time_id赋值应该在列表加载的后面</span></div></div><div><div><div>13</div></div><div><span>// if (empty($latest_time_id)){</span></div></div><div><div><div>14</div></div><div><span>// $latest_time_id = 999999;</span></div></div><div><div><div>15</div></div><div><span>// }</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>if (empty($read_id)){</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>$read_id = -1;</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>if (!empty($read_id) &amp;&amp; !empty($latest_time_id)){</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>$not_read = $latest_time_id - $read_id;</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>if ($not_read &gt; 0){</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>_me("新");</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>?&gt;&lt;/span&gt;</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>&lt;/a&gt;</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>&lt;!-- dropdown --&gt;</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>&lt;div class="dropdown-menu w-xl animated fadeInUp"&gt;</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>&lt;div class="panel bg-white"&gt;</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>&lt;div class="panel-heading b-light bg-light"&gt;</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>&lt;strong&gt;</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>&lt;?php _me("闲言碎语") ?&gt;</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>&lt;/strong&gt;</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>&lt;div class="list-group" id="smallRecording"&gt;</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>&lt;?php</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>$slug = "cross"; //页面缩略名</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>$limit = 3; //调用数量</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>$length = 140; //截取长度</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>$ispage = true; //true 输出slug页面评论，false输出其它所有评论</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>$isGuestbook = $ispage ? " = " : " &lt;&gt; ";</span></div></div><div><div><div>42</div></div><div> </div></div><div><div><div>43</div></div><div><span><span> </span></span><span>$db = $this-&gt;db; //Typecho_Db::get();</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>$options = $this-&gt;options; //Typecho_Widget::widget('Widget_Options');</span></div></div><div><div><div>45</div></div><div> </div></div><div><div><div>46</div></div><div><span><span> </span></span><span>$page = $db-&gt;fetchRow($db-&gt;select()-&gt;from('table.contents')</span></div></div><div><div><div>47</div></div><div><span><span> </span></span><span>-&gt;where('table.contents.created &lt; ?', $options-&gt;gmtTime)</span></div></div><div><div><div>48</div></div><div><span><span> </span></span><span>-&gt;where('table.contents.slug = ?', $slug));</span></div></div><div><div><div>49</div></div><div> </div></div><div><div><div>50</div></div><div><span><span> </span></span><span>if ($page) {</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>$type = $page['type'];</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>$routeExists = (NULL != Typecho_Router::get($type));</span></div></div><div><div><div>53</div></div><div><span><span> </span></span><span>$page['pathinfo'] = $routeExists ? Typecho_Router::url($type, $page) : '#';</span></div></div><div><div><div>54</div></div><div><span><span> </span></span><span>$page['permalink'] = Typecho_Common::url($page['pathinfo'], $options-&gt;index);</span></div></div><div><div><div>55</div></div><div> </div></div><div><div><div>56</div></div><div><span><span> </span></span><span>$comments = $db-&gt;fetchAll($db-&gt;select()-&gt;from('table.comments')</span></div></div><div><div><div>57</div></div><div><span><span> </span></span><span>-&gt;where('table.comments.status = ?', 'approved')</span></div></div><div><div><div>58</div></div><div><span><span> </span></span><span>-&gt;where('table.comments.created &lt; ?', $options-&gt;gmtTime)</span></div></div><div><div><div>59</div></div><div><span><span> </span></span><span>-&gt;where('table.comments.type = ?', 'comment')</span></div></div><div><div><div>60</div></div><div><span><span> </span></span><span>-&gt;where('table.comments.parent = ?', '0')</span></div></div><div><div><div>61</div></div><div><span><span> </span></span><span>-&gt;where('table.comments.cid ' . $isGuestbook . ' ?', $page['cid'])</span></div></div><div><div><div>62</div></div><div><span><span> </span></span><span>-&gt;order('table.comments.created', Typecho_Db::SORT_DESC)</span></div></div><div><div><div>63</div></div><div><span><span> </span></span><span>-&gt;limit($limit));</span></div></div><div><div><div>64</div></div><div><span><span> </span></span><span>$index = 0;</span></div></div><div><div><div>65</div></div><div><span><span> </span></span><span>foreach ($comments AS $comment) {</span></div></div><div><div><div>66</div></div><div><span><span> </span></span><span>if ($index == 0){</span></div></div><div><div><div>67</div></div><div><span><span> </span></span><span>Typecho_Cookie::set('latest_time_id', $comment['coid']);</span></div></div><div><div><div>68</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>69</div></div><div><span><span> </span></span><span>$index ++;</span></div></div><div><div><div>70</div></div><div><span><span> </span></span><span>$content = Content::postCommentContent(Markdown::convert($comment['text']),$this-&gt;user-&gt;hasLogin(),"","","",true);</span></div></div><div><div><div>71</div></div><div><span><span> </span></span><span>$content = Content::returnExceptShortCodeContent(trim(strip_tags($content)));</span></div></div><div><div><div>72</div></div><div><span><span> </span></span><span>if ($content == ""){</span></div></div><div><div><div>73</div></div><div><span><span> </span></span><span>$content = _mt("点击查看详情");</span></div></div><div><div><div>74</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>75</div></div><div> </div></div><div><div><div>76</div></div><div><span><span> </span></span><span>echo '&lt;a href="'.BLOG_URL_PHP.'cross.html" class="list-group-item"&gt;&lt;span class="clear block m-b-none words_contents"&gt;'.Content::excerpt($content,200).'&lt;br&gt;&lt;small class="text-muted"&gt;'.Utils::formatDate($comments,$comment['created'],</span></div></div><div><div><div>77</div></div><div><span><span> </span></span><span>$this-&gt;options-&gt;commentDateFormat).'&lt;/small&gt;&lt;/span&gt;&lt;/a&gt;';</span></div></div><div><div><div>78</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>79</div></div><div><span><span> </span></span><span>} else {</span></div></div><div><div><div>80</div></div><div><span><span> </span></span><span>echo '&lt;a target="_blank" href="'.BLOG_URL.'admin/write-page.php" class="list-group-item"&gt;&lt;span class="clear block m-b-none"&gt;这是一条默认的说说，如果你看到这条动态，请去后台新建独立页面，地址填写cross,自定义模板选择时光机。具体说明请参见主题的使用攻略。&lt;br&gt;&lt;small class="text-muted"&gt;'.date("F jS, Y \a\t h:i a",time()+($this-&gt;options-&gt;timezone - idate("Z"))).'&lt;/small&gt;&lt;/span&gt;&lt;/a&gt;';</span></div></div><div><div><div>81</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>82</div></div><div><span><span> </span></span><span>?&gt;</span></div></div><div><div><div>83</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>84</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>85</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>86</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>87</div></div><div><span><span> </span></span><span>&lt;!--/闲言碎语--&gt;</span></div></div><div><div><div>88</div></div><div><span><span> </span></span><span>&lt;?php endif; ?&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section></section> <section><h1>将搜索框移到右侧<a href="#将搜索框移到右侧"><span>#</span></a></h1><ul> <li>文件路径：/handsome/component/headnav.php</li> <li>源代码</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;form id="searchform1" class="searchform navbar-form navbar-form-sm navbar-left shift" method="post"</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>role="search"&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>修改为</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;form id="searchform1" class="searchform navbar-form navbar-form-sm navbar-right shift" method="post"</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>role="search"&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>优化B站视频解析<a href="#优化b站视频解析"><span>#</span></a></h1><ul> <li>后台设置-开发者设置-自定义CSS<br /> 添加</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>.bilivideo {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>position: relative;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>width: 100%;</span></div></div><div><div><div>4</div></div><div><span>}</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span>@media only screen and (max-width: 767px) {</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>.bilivideo {</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>height: 15em;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>10</div></div><div><span>}</span></div></div><div><div><div>11</div></div><div> </div></div><div><div><div>12</div></div><div><span>@media only screen and (min-width: 768px) and (max-width: 991px) {</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>.bilivideo {</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>height: 20em;</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>16</div></div><div><span>}</span></div></div><div><div><div>17</div></div><div> </div></div><div><div><div>18</div></div><div><span>@media only screen and (min-width: 992px) and (max-width: 1199px) {</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>.bilivideo {</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>height: 30em;</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>22</div></div><div><span>}</span></div></div><div><div><div>23</div></div><div> </div></div><div><div><div>24</div></div><div><span>@media only screen and (min-width: 1200px) {</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>.bilivideo {</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>height: 40em;</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>28</div></div><div><span>}</span></div></div><div><div><div>29</div></div><div> </div></div><div><div><div>30</div></div><div><span>.iframe_cross {</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>position: relative;</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>width: 100%;</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>height: 0;</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>padding-bottom: 75%</span></div></div><div><div><div>35</div></div><div><span>}</span></div></div><div><div><div>36</div></div><div> </div></div><div><div><div>37</div></div><div><span>.iframe_cross iframe {</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>position: absolute;</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>width: 100%;</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>height: 100%;</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>left: 0;</span></div></div><div><div><div>42</div></div><div><span><span> </span></span><span>top: 0</span></div></div><div><div><div>43</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><ul> <li>调用方法<br /> 复制B站视频分享的嵌入代码，并添加CSS样式</li> </ul><p>示例如下</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;iframe class="bilivideo" src="//player.bilibili.com/player.html?aid=380392634&amp;bvid=BV1UZ4y1U73L&amp;cid=478658742&amp;page=1" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"&gt; &lt;/iframe&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>修复打赏页面不可点击的BUG<a href="#修复打赏页面不可点击的bug"><span>#</span></a></h1><ul> <li>后台设置-开发者设置-自定义CSS<br /> 添加</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>.topButton{top: unset;bottom: 135px;}</span></div></div><div><div><div>2</div></div><div><span>.settings{top: unset;bottom: 46px;}</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>#goToTop {color: #aaaaaa;background-color: #000000;}</span></div></div><div><div><div>4</div></div><div><span>.modal-open #post-panel.gpu-speed{</span></div></div><div><div><div>5</div></div><div><span>transform:none;</span></div></div><div><div><div>6</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>配置CDN静态文件加速<a href="#配置cdn静态文件加速"><span>#</span></a></h1><p>服务使用了<a href="https://www.sorkai.com/archives/11/" target="_blank">使用jsDelivr加速Handsome主题的静态资源最新8.3.0</a><br /> 20220303更新：服务使用了<a href="https://www.xxhzm.cn/archives/419" target="_blank">cdn.xxhzm.cn免费的静态文件加速服务</a>，需要联系站长添加白名单才可使用。</p><section><h2>vditor静态资源加速<a href="#vditor静态资源加速"><span>#</span></a></h2><p>handsome的vditor静态资源使用的是jsdelivr的CDN，但是不久前，jsdelivr失去了中国大陆经营牌照，CDN节点全部转到了国外，速度大大降低。<br /> 配置文件：<code>/usr/themes/handsome/libs/CDN.php</code></p><p>将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>https://cdn.jsdelivr.net/npm/vditor@3.8.10</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>替换为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>https://jsd.sorkai.com/web/npm/vditor@3.8.10</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>handsome静态资源加速<a href="#handsome静态资源加速"><span>#</span></a></h2><p>主题后台配置CDN，填入域名：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>https://cdn.xxhzm.cn/handsome/8.3.0/</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h1>配置Google Analytics<a href="#配置google-analytics"><span>#</span></a></h1><p>修改文件：<code>/usr/themes/handsome/component/header.php</code><br /> 在<code>&lt;head&gt;</code>里面添加谷歌统计代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!-- Global site tag (gtag.js) - Google Analytics --&gt;</span></div></div><div><div><div>2</div></div><div><span>&lt;script async src="https://www.googletagmanager.com/gtag/js?id=G-E36S08YB7L"&gt;&lt;/script&gt;</span></div></div><div><div><div>3</div></div><div><span>&lt;script&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>window.dataLayer = window.dataLayer || [];</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>function gtag(){dataLayer.push(arguments);}</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>gtag('js', new Date());</span></div></div><div><div><div>7</div></div><div> </div></div><div><div><div>8</div></div><div><span><span> </span></span><span>gtag('config', 'G-E36S08YB7L');</span></div></div><div><div><div>9</div></div><div><span>&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>友链页面优化<a href="#友链页面优化"><span>#</span></a></h1><p>修改的部分太多了，直接覆盖源码吧，文件路径：<code>/usr/themes/handsome/links.php</code></p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;?php</span></div></div><div><div><div>2</div></div><div><span>/**</span></div></div><div><div><div>3</div></div><div><span>* 友情链接</span></div></div><div><div><div>4</div></div><div><span>*</span></div></div><div><div><div>5</div></div><div><span>* @package custom</span></div></div><div><div><div>6</div></div><div><span>*/</span></div></div><div><div><div>7</div></div><div><span>if (!defined('__TYPECHO_ROOT_DIR__')) exit;</span></div></div><div><div><div>8</div></div><div><span>$this-&gt;need('component/header.php');</span></div></div><div><div><div>9</div></div><div><span>?&gt;</span></div></div><div><div><div>10</div></div><div><span>&lt;style type="text/css"&gt;</span></div></div><div><div><div>11</div></div><div> </div></div><div><div><div>12</div></div><div><span>&lt;/style&gt;</span></div></div><div><div><div>13</div></div><div> </div></div><div><div><div>14</div></div><div><span><span> </span></span><span>&lt;!-- aside --&gt;</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;need('component/aside.php'); ?&gt;</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>&lt;!-- / aside --&gt;</span></div></div><div><div><div>17</div></div><div> </div></div><div><div><div>18</div></div><div><span>&lt;!-- &lt;div id="content" class="app-content"&gt; --&gt;</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>&lt;a class="off-screen-toggle hide"&gt;&lt;/a&gt;</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>&lt;main class="app-content-body &lt;?php Content::returnPageAnimateClass($this); ?&gt;"&gt;</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>&lt;div class="hbox hbox-auto-xs hbox-auto-sm"&gt;</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>&lt;div class="col center-part" id="post-panel"&gt;</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>&lt;div class="bg-light lter wrapper-md"&gt;</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>&lt;h1 class="entry-title m-n font-thin text-black l-h"&gt;&lt;span class="title-icons"&gt;&lt;i data-feather="link"&gt;&lt;/i&gt;&lt;/span&gt;&lt;?php _me</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>("海内存知己，天涯若比邻")</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>?&gt;&lt;/h1&gt;</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>&lt;?php if (trim($this-&gt;fields-&gt;intro) !== ""): ?&gt;</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>&lt;div class="entry-meta text-muted m-b-none small post-head-icon"&gt;&lt;?php echo $this-&gt;fields-&gt;intro; ?&gt;&lt;/div&gt;</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>&lt;?php endif ?&gt;</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>&lt;div class="wrapper-md"&gt;</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>&lt;div class="tab-container post_tab"&gt;</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>&lt;div class="tab-content"&gt;</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>&lt;!-- list --&gt;</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>&lt;div id="my-info" class="tab-pane fade in active"&gt;</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>&lt;?php echo Content::returnLinkList("ten","tab_4"); ?&gt;</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>&lt;div class="wrapper ng-binding" id="post-content"&gt;</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>&lt;?php Content::postContentHtml($this,$this-&gt;user-&gt;hasLogin()); ?&gt;</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>&lt;!--评论--&gt;</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>&lt;div class="bg-white wrapper border-radius-6"&gt;</span></div></div><div><div><div>42</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;need('component/comments.php') ?&gt;</span></div></div><div><div><div>43</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>45</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>46</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>47</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>48</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>49</div></div><div><span><span> </span></span><span>&lt;!--首页右侧栏--&gt;</span></div></div><div><div><div>50</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;need('component/sidebar.php') ?&gt;</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>&lt;!-- /content --&gt;</span></div></div><div><div><div>53</div></div><div><span>&lt;/main&gt;</span></div></div><div><div><div>54</div></div><div><span><span> </span></span><span>&lt;!-- footer --&gt;</span></div></div><div><div><div>55</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;need('component/footer.php'); ?&gt;</span></div></div><div><div><div>56</div></div><div><span><span> </span></span><span>&lt;!-- / footer --&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section> <section><h1>适配Chevereto上传插件<a href="#适配chevereto上传插件"><span>#</span></a></h1><p>修改文件：<code>/usr/themes/handsome/libs/Content.php</code>第2324行<br /> 将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo '&lt;textarea id="handsome_md_text" class="hide" &gt;' . htmlspecialchars($content) . '&lt;/textarea&gt;';</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo '&lt;div id="handsome_md_text" class="hide" &gt;' . htmlspecialchars($content) . '&lt;/div&gt;';</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>统一动态和评论的图片样式<a href="#统一动态和评论的图片样式"><span>#</span></a></h1><p>后台添加自定义CSS：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>.comment-content-true img {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>max-width: 60%!important;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>border-radius: 6px</span></div></div><div><div><div>4</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改源码<code>/usr/themes/handsome/libs/Content.php</code>第2396行，将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject"&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;figure itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject"&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>首页增加右侧边栏网站公告<a href="#首页增加右侧边栏网站公告"><span>#</span></a></h1><p>文件：<code>/usr/themes/handsome/component/sidebar.php</code>第127行左右，在</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;?php while ($tags-&gt;next()): ?&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;a href="&lt;?php $tags-&gt;permalink();?&gt;" class="label badge" title="&lt;?php $tags-&gt;name(); ?&gt;" data-toggle="tooltip"&gt;&lt;?php $tags-&gt;name(); ?&gt;&lt;/a&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;?php endwhile; ?&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;/section&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>下方增加代码</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!--网站公告--&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;section id="tag_cloud-2" class="widget widget_tag_cloud wrapper-md clear"&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;h5 class="widget-title m-t-none text-md"&gt;网站公告&lt;/h5&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;div class="tags l-h-2x"&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;!--在这里写公告的内容--&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;/section&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><section><h2>网站公告内容<a href="#网站公告内容"><span>#</span></a></h2><section><h3>IPV6提示<a href="#ipv6提示"><span>#</span></a></h3><p>在公告内容写入处写入以下内容</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span> </span></span><span>&lt;p&gt;● 本站已支持IPV6访问！&lt;/p&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>网站运行时间<a href="#网站运行时间"><span>#</span></a></h3><p>在公告内容写入处写入以下内容</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;p&gt; ● Kano酱博客的第&lt;span id="site_runtime" style="color: #24a0f0;"&gt;&lt;/span&gt;天&lt;/p&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;script type="text/javascript"&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>function show_site_runtime(){</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>X=new Date("2021-02-19"); //在这里修改你的建站时间</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>Y=new Date();</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>T=(Y.getTime()-X.getTime()); // 获取当前时间与指定时间之间的时间间隔（ms）</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>i=24*60*60*1000;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>d=T/i;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>D=Math.floor(d); // 计算天数并向下取整</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>site_runtime.innerHTML= D</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>show_site_runtime();</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>参考来源：<a href="https://blog.46cbm.top/blog/260.html" target="_blank">Hexo 博客显示网站运行时间代码</a></p></section></section></section> <section><h1>手机端不在下方显示右侧边栏内容.<a href="#手机端不在下方显示右侧边栏内容"><span>#</span></a></h1><p>开发者选项自定义CSS加入</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>/*手机不显示热门及标签云*/</span></div></div><div><div><div>2</div></div><div><span>@media (max-width:767px) {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>#tabs-4,#tag_cloud-2 {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>display: none;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>6</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>修改首页文章摘要日期显示格式<a href="#修改首页文章摘要日期显示格式"><span>#</span></a></h1><p>文件：<code>/usr/themes/handsome/libs/Content.php</code>第861行左右，将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>if ($parameterArray['date'] != 0) {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>$dateString = date(I18n::dateFormat(), $parameterArray['date']);</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>if ($parameterArray['date'] != 0) {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>$dateString = date("y/n/j", $parameterArray['date']);</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>注意：这样修改会使主题对日期的翻译功能失效，不过日期的读法在全世界都是通用的，问题不大。</p></section> <section><h1>评论日期本土化处理<a href="#评论日期本土化处理"><span>#</span></a></h1><p>handsome的日期格式调用的是typecho的日期格式，只需要修改typecho的日期格式即可。</p><p><code>后台-</code>`设置<code>-</code>评论<code>-</code>评论日期格式`</p><p>将默认的日期格式修改为：<code>Y年m月d日 H:i:s</code>，更多格式，请参照<a href="https://www.php.net/manual/zh/function.date.php" target="_blank">date</a></p></section> <section><h1>增加编辑器toc目录支持<a href="#增加编辑器toc目录支持"><span>#</span></a></h1><blockquote><p>注：本节的前提是，在handsome插件中启用vditor编辑器，并且前台使用vditor渲染。</p><p></p><figure><img src="https://image.kanochan.net/2022/03/16/imagebbf7ce7ce51b54c6.png" alt="插件设置" title="插件设置" /><figcaption>插件设置</figcaption></figure><p></p></blockquote><p>toc是markdown的扩展语法，在markdown文章的适当位置加入标记#[toc]#（实际使用中请把“#”去掉），即可将文章内的标题自动转换成目录的形式。toc目录分为两个方面，一个是后台渲染，一个是前台渲染，两者引入的文件不同，在vditor默认的配置中，toc目录功能是被关闭的。后台编辑器渲染引入的文件是<code>index.min.js</code>，前台渲染用的是<code>method.min.js</code>。vditor支持丰富的自定义设置，更多信息你可以在<a href="https://github.com/Vanessa219/vditor#readme" target="_blank">README.md</a>上获得支持。</p><section><h2>后台渲染toc目录支持<a href="#后台渲染toc目录支持"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2022/03/16/image0189c4a648eb945e.png" alt="i后台toc目录示意" title="i后台toc目录示意" /><figcaption>i后台toc目录示意</figcaption></figure><p></p><p>Handsome对vditor的一些自定义配置存储在<code>/usr/plugins/Handsome/assets/js/origin/editor-js.php</code>中，需要修改它以支持toc目录功能。</p><p>修改文件<code>/usr/plugins/Handsome/assets/js/origin/editor-js.php</code>第861行左右</p><p>原文：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span> </span></span><span>preview: {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>icon: "material",</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>hljs: {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>enable: true,</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>style: 'monokai',</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>lineNumber: true</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>"math": {</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>"engine": "MathJax",</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>"macros": {</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>"bf": "{\\boldsymbol f}",</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>"bu": "{\\boldsymbol u}",</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>"bv": "{\\boldsymbol v}",</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>"bw": "{\\boldsymbol w}"</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>"inlineDigit": true</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>},</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>修改为：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span><span> </span></span><span>preview: {</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>icon: "material",</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>hljs: {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>enable: true,</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>style: 'monokai',</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>lineNumber: true</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>markdown: {</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>toc: true</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>"math": {</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>"engine": "MathJax",</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>"macros": {</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>"bf": "{\\boldsymbol f}",</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>"bu": "{\\boldsymbol u}",</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>"bv": "{\\boldsymbol v}",</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>"bw": "{\\boldsymbol w}"</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>"inlineDigit": true</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>},</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>即增加了一个自定义设置<code>markdown: {toc: true}</code>，打开toc目录功能。</p></section><section><h2>前台渲染toc目录支持<a href="#前台渲染toc目录支持"><span>#</span></a></h2><p>虽然一直想尽力避免对vditor源码的修改，就像前面的后台渲染一样，通过修改主题插件实现。但是对于前台渲染，由于不需要编辑功能，直接引入<code>method.min.js</code>即可。理论上，设置<code>method.min.js</code>功能的方法和设置<code>index.min.js</code>类似，但是由于能力有限（我太菜了），暂时只能通过修改vditor源码的方式实现，即修改<code>method.min.js</code>。所以，要想实现前台渲染支持toc目录的，需要将vditor资源<a href="https://auth.ihewro.com/user/docs/#/advanced/localize?id=vditor-%E8%B5%84%E6%BA%90%E6%9C%AC%E5%9C%B0%E5%8C%96" target="_blank">本地化</a>或者在github拉取vditor后修改，通过Jsdelivr重新引入。</p><p>本地化vditor资源后，修改文件<code>/usr/themes/handsome/assets/libs/vditor/dist/method.min.js</code>第87行左右，将<code>toc: false,</code>修改成<code>toc: true,</code></p><p></p><figure><img src="https://image.kanochan.net/2022/03/16/image75deefcd713dc6d6.png" alt="源码修改" title="源码修改" /><figcaption>源码修改</figcaption></figure><p></p><p>所有的这一切做完后，理论上前后台都能渲染toc目录了。当然，需要清除一下浏览器的页面缓存，使更改的js生效。</p><p></p><figure><img src="https://image.kanochan.net/2022/03/16/image881f7d70c7e55d5c.png" alt="前台渲染toc目录" title="前台渲染toc目录" /><figcaption>前台渲染toc目录</figcaption></figure><p></p><p>修改toc目录文字的颜色，便于与正文做出区分。添加自定义css代码：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>/*toc目录文字颜色*/</span></div></div><div><div><div>2</div></div><div><span>.vditor-toc {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>color: #337ab7;</span></div></div><div><div><div>4</div></div><div><span>}</span></div></div><div><div><div>5</div></div><div><span>/*toc目录文字颜色结束*/</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p></p><figure><img src="https://image.kanochan.net/2022/03/24/image4b157351b730a29c.png" alt="目录文字颜色效果" title="目录文字颜色效果" /><figcaption>目录文字颜色效果</figcaption></figure><p></p></section></section> <section><h1>常用的一些脚本<a href="#常用的一些脚本"><span>#</span></a></h1><section><h2>老鬼VPS测试脚本<a href="#老鬼vps测试脚本"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>wget -qO- git.io/superbench.sh | bash</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>Loc论坛BBR脚本<a href="#loc论坛bbr脚本"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>wget -N --no-check-certificate "https://github.000060000.xyz/tcpx.sh" &amp;&amp; chmod +x tcpx.sh &amp;&amp; ./tcpx.sh</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>服务器回程测试<a href="#服务器回程测试"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>wget -qO- git.io/autobesttrace | bash</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section>https://kanochan.net/posts/chevereto-b2-cloudflare-tutorial/https://kanochan.net/posts/chevereto-b2-cloudflare-tutorial/详述在宝塔环境下搭建Chevereto图床并接入B2与Cloudflare的方案。Tue, 11 Jan 2022 00:00:00 GMT<section><h1>Chevereto是什么？<a href="#chevereto是什么"><span>#</span></a></h1><section><h2>Chevereto简介<a href="#chevereto简介"><span>#</span></a></h2><p><a href="https://chevereto.com/" target="_blank">Chevereto</a> 是一个自托管的多用户、功能齐全的图像托管解决方案，在全球有着广泛的使用。说人话：这是一个图床程序。Chevereto 的核心提供了一个图像托管服务，您可以配置它以在不同的上下文中使用它。它有很多应用，包括：</p><ul> <li>图片托管/分享服务</li> <li>展示画廊</li> <li>资产图像存储</li> <li>基于图像的共享社区</li> </ul><p>Chevereto 的重点在于它可以处理非常大的图像集合，并针对网络使用进行了优化。Chevereto 旨在提供大规模的图像托管和共享。</p></section><section><h2>Chevereto版本比较<a href="#chevereto版本比较"><span>#</span></a></h2><p>Chevereto有收费版和免费版提供。收费版的价格可在官方网站找到。免费版的Chevereto在这里：<a href="https://github.com/rodber/chevereto-free" target="_blank">Chevereto-Free</a>。收费版与免费版的区别你可以在Chevereto-Free的<a href="https://github.com/rodber/chevereto-free#readme" target="_blank">README.md</a>中找到。因为后续要对接<a href="https://www.backblaze.com/" target="_blank">Backblaze B2</a>存储，所以本文教程仅针对Chevereto收费版部署。如果你正在考虑Chevereto-Free的部署，你或许能在别处找到相关的信息。</p></section><section><h2>Chevereto官方文档<a href="#chevereto官方文档"><span>#</span></a></h2><ul> <li>V3版本基本指南（英文）：<a href="https://v3-docs.chevereto.com/setup/system/requirements.html" target="_blank">https://v3-docs.chevereto.com/setup/system/requirements.html</a></li> <li>V3版本中文指南（建议谨慎参考，更新比官方文档滞后很多）：<a href="https://ch.cndrew.cn/cn/Setup/" target="_blank">https://ch.cndrew.cn/cn/Setup/</a></li> <li>Chevereto官方社区：<a href="https://chevereto.com/community/" target="_blank">https://chevereto.com/community/</a></li> </ul><blockquote><p><strong>额外的说明</strong>：本文参考的对象为官方文档，随着版本的更新，一些博客文章变得不再有效，因此并不具备参考价值。当然，这一现象这也包括一段时间过后的本文。虽然可能变得不再具有时效性，但是也能给你一定的启发，这是本文存在的价值。</p></blockquote></section></section> <section><h1>开始部署Chevereto<a href="#开始部署chevereto"><span>#</span></a></h1><section><h2>所需的安装环境<a href="#所需的安装环境"><span>#</span></a></h2><ul> <li>PHP7.4</li> <li>MySQL 5.6</li> <li>宝塔面板</li> <li>Nginx 1.18.0</li> </ul></section><section><h2>下载Chevereto程序<a href="#下载chevereto程序"><span>#</span></a></h2><p>购买了Chevereto的许可证后，你应该会收到这样一封邮件 </p><figure><img src="https://image.kanochan.net/2022/01/11/image.png" alt="邮件信息" /><figcaption>邮件信息</figcaption></figure><p></p><p>此时前往邮件中附加的地址：<a href="https://chevereto.com/panel%EF%BC%8C%E5%8D%B3%E5%8F%AF%E4%B8%8B%E8%BD%BDChevereto%E7%A8%8B%E5%BA%8F" target="_blank">https://chevereto.com/panel，即可下载Chevereto程序</a> </p><figure><img src="https://image.kanochan.net/2022/01/11/image(1).png" alt="下载地址" /><figcaption>下载地址</figcaption></figure><p></p></section><section><h2>建立一个站点<a href="#建立一个站点"><span>#</span></a></h2><p>使用宝塔面板建立一个站点，并做好域名解析。本文以<a href="http://testimage.kanochan.net%E7%A4%BA%E4%BE%8B%E3%80%82" target="_blank">http://testimage.kanochan.net示例。</a> </p><figure><img src="https://image.kanochan.net/2022/01/11/image(2).png" alt="添加域名解析" /><figcaption>添加域名解析</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(3).png" alt="建立站点" /><figcaption>建立站点</figcaption></figure> 注意必须使用PHP7.4，其他低于7.4版本的PHP会发生错误。 <figure><img src="https://image.kanochan.net/2022/01/11/image(4).png" alt="删除站点默认文件" /><figcaption>删除站点默认文件</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(5).png" alt="上传Chevereto程序后解压到站点根目录" /><figcaption>上传Chevereto程序后解压到站点根目录</figcaption></figure><p></p></section><section><h2>安装Chevereto<a href="#安装chevereto"><span>#</span></a></h2><ul> <li>下载官方安装文件：<a href="https://github.com/chevereto/installer" target="_blank">installer.php</a></li> <li>将文件放入站点根目录 <figure><img src="https://image.kanochan.net/2022/01/11/image(6).png" alt="installer.php" /><figcaption>installer.php</figcaption></figure></li> <li>配置Nginx伪静态 将下列代码加入到宝塔面板的伪静态设置中。注意这个步骤很重要，如果缺失这一步，后续过程将无法进行。</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span># Pretty URLs</span></div></div><div><div><div>2</div></div><div><span>location / {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>try_files $uri $uri/ /index.php?$query_string;</span></div></div><div><div><div>4</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p></p><figure><img src="https://image.kanochan.net/2022/01/11/image(7).png" alt="设置伪静态" /><figcaption>设置伪静态</figcaption></figure><p></p><ul> <li>访问installer.php配置Chevereto 访问网址：<a href="http://testimage.kanochan.net/install%EF%BC%8C%E4%BD%A0%E5%B0%86%E7%9C%8B%E5%88%B0%E5%A6%82%E4%B8%8B%E9%A1%B5%E9%9D%A2%E3%80%82" target="_blank">http://testimage.kanochan.net/install，你将看到如下页面。</a> <figure><img src="https://image.kanochan.net/2022/01/11/image(8).png" alt="配置数据库" /><figcaption>配置数据库</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(9).png" alt="配置数据库-中文页面" /><figcaption>配置数据库-中文页面</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(10).png" alt="填入数据库信息" /><figcaption>填入数据库信息</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(11).png" alt="配置管理员账号" /><figcaption>配置管理员账号</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(12).png" alt="安装完成" /><figcaption>安装完成</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(13).png" alt="管理员面板" /><figcaption>管理员面板</figcaption></figure> <figure><img src="https://image.kanochan.net/2022/01/11/image(14).png" alt="图床首页" /><figcaption>图床首页</figcaption></figure></li> </ul><hr /><p>至此，Chevereto的部署已经全部完成，如果你需要进一步配置Chevereto，例如修改语言、配置存储池等，请参考前述的帮助文档。</p></section></section> <section><h1>使用Backblaze B2存储<a href="#使用backblaze-b2存储"><span>#</span></a></h1><section><h2>Backblaze B2是啥<a href="#backblaze-b2是啥"><span>#</span></a></h2><p>等待更新…</p></section><section><h2>建立存储池<a href="#建立存储池"><span>#</span></a></h2><p>等待更新…</p></section><section><h2>Backblaze B2接入Chevereto<a href="#backblaze-b2接入chevereto"><span>#</span></a></h2><p>等待更新…</p></section></section> <section><h1>使用Cloudflare CDN加速图床服务<a href="#使用cloudflare-cdn加速图床服务"><span>#</span></a></h1><section><h2>配置缓存规则<a href="#配置缓存规则"><span>#</span></a></h2><p>等待更新…</p></section><section><h2>美化图片URL<a href="#美化图片url"><span>#</span></a></h2><p>等待更新…</p></section><section><h2>图片防盗链（针对自用图床）<a href="#图片防盗链针对自用图床"><span>#</span></a></h2><p>等待更新…</p></section></section> <section><h1>反向代理Cloudflare CDN<a href="#反向代理cloudflare-cdn"><span>#</span></a></h1><p>Cloudflare在国内的连接效果实在是太差了，正好服务器线路是CN2 GIA，速度不错，流量也近乎无限，可以用来代理Cloudflare CDN，加快图片打开速度。因为Backblaze B2到Cloudflare CDN的流量是不计费用的，所以我们需要反代的是Cloudflare CDN，而不是Backblaze B2。</p><section><h2>新建反向代理站点<a href="#新建反向代理站点"><span>#</span></a></h2><p>选择静态页面即可。</p><p></p><figure><img src="https://image.kanochan.net/2022/01/15/image.png" alt="新建站点" /><figcaption>新建站点</figcaption></figure><p></p></section><section><h2>配置SSL<a href="#配置ssl"><span>#</span></a></h2><p>因为Cloudflare CDN通过https传输，作为反向代理站点，同样需要配置SSL。过程略。</p></section><section><h2>配置反向代理<a href="#配置反向代理"><span>#</span></a></h2><p>缓存开启与否，看你自己需要了。通过测试发现，服务器本地到Cloudflare CDN的延迟近乎为零，带宽更不用说了。为了节省服务器存储，我没有配置缓存。当需要访问图片时，实时从CDN抓取就好了。</p><p></p><figure><img src="https://image.kanochan.net/2022/01/15/image(1).png" alt="反向代理" /><figcaption>反向代理</figcaption></figure><p></p></section><section><h2>配置反向代理站点的防盗链<a href="#配置反向代理站点的防盗链"><span>#</span></a></h2><p>应该要注意一点的是，宝塔面板的反向代理仅提供了有限的可视化配置功能，更高级的配置需要从配置文件修改。另外，主站点的防盗链并不适用于反向代理，言下之意，需要单独配置反向代理的防盗链。 </p><figure><img src="https://image.kanochan.net/2022/01/15/image(2).png" alt="反向代理配置文件" /><figcaption>反向代理配置文件</figcaption></figure><p></p><p>打开反向代理的配置文件，将防盗链配置加入反向代理配置中，如果你不知道如何插入防盗链配置，可将下列代码直接覆盖原有的反向代理配置，注意根据实际情况更改你的域名，另外，下面的代码没有开启缓存，如果你有需求，请自行更改。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>#PROXY-START/</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>location ^~ /</span></div></div><div><div><div>4</div></div><div><span>{</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>location ~ .*\.(jpg|jpeg|gif|png|js|css)$</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>expires 30d;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>access_log /dev/null;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>valid_referers 防盗链许可域名(多个域名使用空格分开);</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>if ($invalid_referer){</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>return 404;</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>proxy_pass 反向代理的域名（带协议，如http://test.test）;</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>16</div></div><div> </div></div><div><div><div>17</div></div><div><span><span> </span></span><span>proxy_pass 反向代理的域名（带协议，如http://test.test）;</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>proxy_set_header Host image.kanochan.net;</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>proxy_set_header X-Real-IP $remote_addr;</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>proxy_set_header REMOTE-HOST $remote_addr;</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>proxy_ssl_server_name on;#这里的配置是解决反向代理502错误的问题。</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>proxy_ssl_name 反向代理的域名的(不带协议);#这里的配置是解决反向代理502错误的问题。</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>add_header X-Cache $upstream_cache_status;</span></div></div><div><div><div>25</div></div><div> </div></div><div><div><div>26</div></div><div><span><span> </span></span><span>#Set Nginx Cache</span></div></div><div><div><div>27</div></div><div> </div></div><div><div><div>28</div></div><div><span><span> </span></span><span>set $static_filep08tIsnO 0;</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>if ( $uri ~* "\.(gif|png|jpg|css|js|woff|woff2)$" )</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>set $static_filep08tIsnO 1;</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>expires 12h;</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>if ( $static_filep08tIsnO = 0 )</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>{</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>add_header Cache-Control no-cache;</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>38</div></div><div><span>}</span></div></div><div><div><div>39</div></div><div> </div></div><div><div><div>40</div></div><div><span>#PROXY-END/</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p></p><figure><img src="https://image.kanochan.net/2022/01/15/image(3).png" alt="配置示例" /><figcaption>配置示例</figcaption></figure><p></p></section><section><h2>修改Chevereto的图片url<a href="#修改chevereto的图片url"><span>#</span></a></h2><p>这很重要，如果不修改，访问图片仍然是直连Cloudflare CDN。 <code>后台管理-设置-外部存储-编辑存储-url</code></p><p></p><figure><img src="https://image.kanochan.net/2022/01/15/image(4).png" alt="修改url" /><figcaption>修改url</figcaption></figure><p></p></section></section>https://kanochan.net/posts/bilibili-2021-annual-report/https://kanochan.net/posts/bilibili-2021-annual-report/通过年度报告回顾2021年在哔哩哔哩观看视频与互动的足迹。Mon, 03 Jan 2022 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-31-51-174_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-31-51-174_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-31-51-174_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-31-51-174_tv.danmaku.bili.jpg</figcaption></figure><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-32-02-194_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-32-02-194_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-32-02-194_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-32-02-194_tv.danmaku.bili.jpg</figcaption></figure><br /> <figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-32-13-895_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-32-13-895_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-32-13-895_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-32-13-895_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-32-23-560_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-32-23-560_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-32-23-560_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-32-23-560_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-32-35-444_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-32-35-444_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-32-35-444_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-32-35-444_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-32-44-410_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-32-44-410_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-32-44-410_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-32-44-410_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-32-51-150_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-32-51-150_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-32-51-150_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-32-51-150_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-32-57-562_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-32-57-562_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-32-57-562_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-32-57-562_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-33-07-561_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-33-07-561_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-33-07-561_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-33-07-561_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-33-14-574_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-33-14-574_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-33-14-574_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-33-14-574_tv.danmaku.bili.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2022/01/02/Screenshot_2022-01-01-12-33-33-825_tv.danmaku.bili.jpg" alt="Screenshot_2022-01-01-12-33-33-825_tv.danmaku.bili.jpg" title="Screenshot_2022-01-01-12-33-33-825_tv.danmaku.bili.jpg" /><figcaption>Screenshot_2022-01-01-12-33-33-825_tv.danmaku.bili.jpg</figcaption></figure><p></p>https://kanochan.net/posts/handsome-theme-view-count-mod/https://kanochan.net/posts/handsome-theme-view-count-mod/通过修改Handsome主题代码，在首页摘要区域显示文章阅读量。Thu, 30 Dec 2021 00:00:00 GMT<section><h1>修改效果<a href="#修改效果"><span>#</span></a></h1><p></p><figure><img src="https://image.kanochan.net/2021/12/29/image.png" alt="修改前的摘要视图" /><figcaption>修改前的摘要视图</figcaption></figure><p></p><p></p><figure><img src="https://image.kanochan.net/2021/12/29/image(1).png" alt="修改后的摘要视图" /><figcaption>修改后的摘要视图</figcaption></figure><p></p></section> <section><h1>前言<a href="#前言"><span>#</span></a></h1><p>更换为handsome主题后，便对主题进行了一些修改以符合自己的需求（大道至简，除去一切对信息获取无用的信息）。习惯了之前使用的主题里边的首页摘要显示浏览次数，看着浏览次数一点点上升也挺开心的。更换到handsome主题后，首页的摘要失去了文章浏览次数的显示，心里很痒痒。 随即在群里问了一下有没有会改的小伙伴（白嫖是人类的本能），然而并没有人理我… </p><figure><img src="https://image.kanochan.net/2021/12/29/image(2).png" alt="没人理我..." /><figcaption>没人理我...</figcaption></figure><p></p><p>那只好求人不如求己了，自己动手吧。 值得注意的是，源代码里作者已经内置了浏览次数的显示，因为一些原因作者把代码注释了（可能是性能问题）。从而首页摘要文章的浏览次数不会显示。</p><p>修改完成后，实测没有发现什么问题。当然，如果你要求稳，更改之前要三思。下面来看一下如何显示首页摘要的文章浏览次数。 <strong>环境：</strong> handsome版本：8.3.0；启用typecho原生评论系统</p></section> <section><h1>1、启用文章浏览次数查询<a href="#1启用文章浏览次数查询"><span>#</span></a></h1><p>需要修改的文件路径为<code>/handsome/libs/Content.php</code>，本文所有的操作都在这个文件中执行。 定位到<code>Content.php</code>文件的第<code>813</code>行附近 将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>if ($options-&gt;commentChoice != "0"){</span></div></div><div><div><div>2</div></div><div><span>// $startTime = microtime(true);</span></div></div><div><div><div>3</div></div><div><span>// $parameterArray['viewNum'] = get_post_view($obj);</span></div></div><div><div><div>4</div></div><div><span>// $endTime = microtime(true);</span></div></div><div><div><div>5</div></div><div><span>// print_r(($endTime-$startTime)*1000 . ' ms');</span></div></div><div><div><div>6</div></div><div><span>}else{</span></div></div><div><div><div>7</div></div><div><span>$parameterArray['viewNum'] = 0;</span></div></div><div><div><div>8</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$parameterArray['viewNum'] = get_post_view($obj);</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改前后对比图如下 [hide] </p><figure><img src="https://image.kanochan.net/2021/12/29/image(4).png" alt="修改前" /><figcaption>修改前</figcaption></figure><p></p><p></p><figure><img src="https://image.kanochan.net/2021/12/29/image(3).png" alt="修改后" /><figcaption>修改后</figcaption></figure> [/hide]<p></p></section> <section><h1>2、格式化浏览次数<a href="#2格式化浏览次数"><span>#</span></a></h1><p>定位到文件的第<code>881</code>行附近 将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>// $viewNumString = $parameterArray['viewNum'] . " " . _mt("次浏览");</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$viewNumString = $parameterArray['viewNum'] . " " . _mt("");</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>3、显示浏览次数<a href="#3显示浏览次数"><span>#</span></a></h1><p>定位到文件的<code>968</code>行附近 将</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$html .= &lt;&lt;&lt;EOF</span></div></div><div><div><div>2</div></div><div><span>&lt;div class="line line-lg b-b b-light"&gt;&lt;/div&gt;</span></div></div><div><div><div>3</div></div><div><span>&lt;div class="text-muted post-item-foot-icon text-ellipsis list-inline"&gt;</span></div></div><div><div><div>4</div></div><div><span>&lt;li&gt;&lt;span class="m-r-sm right-small-icons"&gt;&lt;i data-feather="user"&gt;&lt;/i&gt;&lt;/span&gt;&lt;a href="{$parameterArray['authorUrl']}"&gt;{$parameterArray['author']}&lt;/a&gt;&lt;/li&gt;</span></div></div><div><div><div>5</div></div><div><span>&lt;li&gt;&lt;span class="right-small-icons m-r-sm"&gt;&lt;i data-feather="clock"&gt;&lt;/i&gt;&lt;/span&gt;{$dateString}&lt;/li&gt;</span></div></div><div><div><div>6</div></div><div><span>EOF;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改为</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>$html .= &lt;&lt;&lt;EOF</span></div></div><div><div><div>2</div></div><div><span>&lt;div class="line line-lg b-b b-light"&gt;&lt;/div&gt;</span></div></div><div><div><div>3</div></div><div><span>&lt;div class="text-muted post-item-foot-icon text-ellipsis list-inline"&gt;</span></div></div><div><div><div>4</div></div><div><span>&lt;li&gt;&lt;span class="m-r-sm right-small-icons"&gt;&lt;i data-feather="user"&gt;&lt;/i&gt;&lt;/span&gt;&lt;a href="{$parameterArray['authorUrl']}"&gt;{$parameterArray['author']}&lt;/a&gt;&lt;/li&gt;</span></div></div><div><div><div>5</div></div><div><span>&lt;li&gt;&lt;span class="right-small-icons m-r-sm"&gt;&lt;i data-feather="clock"&gt;&lt;/i&gt;&lt;/span&gt;{$dateString}&lt;/li&gt;</span></div></div><div><div><div>6</div></div><div><span>&lt;li&gt;&lt;span class="right-small-icons m-r-sm"&gt;&lt;i data-feather="eye"&gt;&lt;/i&gt;&lt;/span&gt;{$viewNumString}&lt;/li&gt;</span></div></div><div><div><div>7</div></div><div><span>EOF;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改前后对比图如下 [hide] </p><figure><img src="https://image.kanochan.net/2021/12/29/image(5).png" alt="修改前" /><figcaption>修改前</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/12/29/image(6).png" alt="修改后" /><figcaption>修改后</figcaption></figure> [/hide] 至此，修改完成。<p></p></section> <section><h1>4、代码下载<a href="#4代码下载"><span>#</span></a></h1><p>如果你懒得动手，下面提供修改完成后的<code>Content.php</code>供使用。仅做了上述修改，其余与源码一致。 [button color=“info” icon="" url=“<a href="https://drive.kanochan.net/s/8EiZ" target="_blank">https://drive.kanochan.net/s/8EiZ</a>” type=""]点此下载[/button] <strong>提取码：</strong> [hide] obffvf [/hide]</p></section>https://kanochan.net/posts/netease-music-report-2021/https://kanochan.net/posts/netease-music-report-2021/回顾2021年度网易云音乐报告，记录那一年被音乐陪伴的时刻。Tue, 28 Dec 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-38-26-340_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-38-26-340_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-38-26-340_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-38-26-340_com.netease.cloudmusic.jpg</figcaption></figure><br /> <figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-38-42-622_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-38-42-622_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-38-42-622_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-38-42-622_com.netease.cloudmusic.jpg</figcaption></figure><br /> <figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-39-03-991_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-39-03-991_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-39-03-991_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-39-03-991_com.netease.cloudmusic.jpg</figcaption></figure><br /> <figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-39-13-594_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-39-13-594_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-39-13-594_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-39-13-594_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-39-27-142_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-39-27-142_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-39-27-142_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-39-27-142_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-43-57-392_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-43-57-392_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-43-57-392_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-43-57-392_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-44-18-658_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-44-18-658_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-44-18-658_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-44-18-658_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-44-24-979_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-44-24-979_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-44-24-979_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-44-24-979_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-44-38-497_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-44-38-497_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-44-38-497_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-44-38-497_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-44-50-052_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-44-50-052_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-44-50-052_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-44-50-052_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-44-56-272_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-44-56-272_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-44-56-272_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-44-56-272_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-45-16-125_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-45-16-125_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-45-16-125_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-45-16-125_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-45-23-407_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-45-23-407_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-45-23-407_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-45-23-407_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-45-36-287_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-45-36-287_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-45-36-287_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-45-36-287_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-45-42-855_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-45-42-855_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-45-42-855_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-45-42-855_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-45-52-492_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-45-52-492_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-45-52-492_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-45-52-492_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-46-02-227_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-46-02-227_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-46-02-227_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-46-02-227_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-46-08-814_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-46-08-814_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-46-08-814_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-46-08-814_com.netease.cloudmusic.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/27/Screenshot_2021-12-27-21-46-16-974_com.netease.cloudmusic.jpg" alt="Screenshot_2021-12-27-21-46-16-974_com.netease.cloudmusic.jpg" title="Screenshot_2021-12-27-21-46-16-974_com.netease.cloudmusic.jpg" /><figcaption>Screenshot_2021-12-27-21-46-16-974_com.netease.cloudmusic.jpg</figcaption></figure><p></p>https://kanochan.net/posts/site-icp-filing-memorial/https://kanochan.net/posts/site-icp-filing-memorial/记录旧站点注销备案的经过，并回顾建站过程中的一些记忆。Thu, 23 Dec 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/12/23/kxijojis.png" alt="kxijojis.png" title="kxijojis.png" /><figcaption>kxijojis.png</figcaption></figure><br /> 这是原来的网站kanoer.net，服务器位于阿里云广州机房。因为国内的机房配置低，价格高，带宽小，所以现在把服务器换到了国外。当初基于速度的考虑使用了国内的机房，也把域名备案了，因为以上的原因，加上换了网站域名，国内的服务器也准备到期了，现在决定不再续费国内的服务器，顺便也把备案域名给注销了。当然基于安全的考虑，会继续持有kanoer.net这个域名若干年时间。在这里纪念一下曾经留下回忆的地方吧。<p></p> <p></p><figure><img src="https://image.kanochan.net/2021/12/23/kxik1txe.png" alt="谷歌收录" title="谷歌收录" /><figcaption>谷歌收录</figcaption></figure><p></p> <p>{mtitle title=“谷歌收录”/}<br /> </p><figure><img src="https://image.kanochan.net/2021/12/23/kxik6si8.png" alt="网站归档" title="网站归档" /><figcaption>网站归档</figcaption></figure><br /> {mtitle title=“网站归档”/}<br /> <figure><img src="https://image.kanochan.net/2021/12/23/kxik8t8e.png" alt="关于那个网站" title="关于那个网站" /><figcaption>关于那个网站</figcaption></figure><br /> {mtitle title=“关于那个网站”/}<br /> <figure><img src="https://image.kanochan.net/2021/12/23/kxike6ma.png" alt="ICP备案" title="ICP备案" /><figcaption>ICP备案</figcaption></figure><p></p> <p>{mtitle title=“ICP备案”/}<br /> </p><figure><img src="https://image.kanochan.net/2021/12/23/kxikhtvd.png" alt="网站文章" title="网站文章" /><figcaption>网站文章</figcaption></figure><br /> {mtitle title=“网站文章”/}<p></p>https://kanochan.net/posts/handy-online-web-tools/https://kanochan.net/posts/handy-online-web-tools/整理一批覆盖开发、网络维护与资源检索的常用在线工具。Fri, 10 Dec 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/12/10/kx01i3zp.png" alt="PID：85446711" title="PID：85446711" /><figcaption>PID：85446711</figcaption></figure><p></p> <section><h1>生产力工具<a href="#生产力工具"><span>#</span></a></h1><p>LaTeX在线编辑：<a href="https://www.latexlive.com" target="_blank">https://www.latexlive.com</a> LaTeX公式在线识别：<a href="https://mathf.itewqq.cn" target="_blank">https://mathf.itewqq.cn</a> 云短信在线接收：<a href="https://www.storytrain.info" target="_blank">https://www.storytrain.info</a> 开心版软件下载：<a href="https://masuit.com" target="_blank">https://masuit.com</a> 拓扑图（不仅限）在线绘制：<a href="http://topology.le5le.com" target="_blank">http://topology.le5le.com</a> 在线文档转换：<a href="https://www.aconvert.com" target="_blank">https://www.aconvert.com</a> 在线文件转换：<a href="https://www.online-convert.com" target="_blank">https://www.online-convert.com</a> 在线流程图绘制：<a href="https://app.diagrams.net" target="_blank">https://app.diagrams.net</a> 在线文件转换：<a href="https://convertio.co" target="_blank">https://convertio.co</a> 全国图书参考咨询联盟：<a href="http://www.ucdrs.superlib.net" target="_blank">http://www.ucdrs.superlib.net</a> 矩阵计算器：<a href="https://matrix.reshish.com/zh/determinant.php" target="_blank">https://matrix.reshish.com/zh/determinant.php</a></p></section> <section><h1>网站建设<a href="#网站建设"><span>#</span></a></h1><p>免费logo在线制作：<a href="https://www.uugai.com/waplogo/font_txt.php" target="_blank">https://www.uugai.com/waplogo/font_txt.php</a></p></section> <section><h1>网络维护<a href="#网络维护"><span>#</span></a></h1><p>clash配置文件在线转换：<a href="https://acl4ssr-sub.github.io" target="_blank">https://acl4ssr-sub.github.io</a> clash配置文件在线转换：<a href="https://bianyuan.xyz" target="_blank">https://bianyuan.xyz</a> IP转CIDR工具：<a href="https://ip2cidr.com" target="_blank">https://ip2cidr.com</a></p></section> <section><h1>高质量壁纸网站<a href="#高质量壁纸网站"><span>#</span></a></h1><p>Wallhaven：<a href="https://wallhaven.cc" target="_blank">https://wallhaven.cc</a></p></section> <section><h1>网盘下载<a href="#网盘下载"><span>#</span></a></h1><p>天翼云网盘在线解析：<a href="https://189.ly93.cc" target="_blank">https://189.ly93.cc</a></p></section>https://kanochan.net/posts/chainedbox-armbian-zero-to-nas/https://kanochan.net/posts/chainedbox-armbian-zero-to-nas/系统记录我家云从刷机到Armbian基础配置的完整搭建过程。Sun, 28 Nov 2021 00:00:00 GMT<section><h1>一、从官方系统刷机变成armbian系统<a href="#一从官方系统刷机变成armbian系统"><span>#</span></a></h1><p>照着 <a href="https://www.right.com.cn/forum/thread-341574-1-1.html" target="_blank">联想粒子矿云/我家云 线刷OMV（Open Media Vault），图文教程</a> 的帖子刷机就好了，这里使用的固件是： <a href="https://www.right.com.cn/forum/thread-3701441-1-1.html" target="_blank">我家云、粒子云可前面板按键关机armbain内核5.4.2纯净版</a> 所有刷机材料及固件文件备份在下面的网盘链接中。</p><p>{cloud title=刷机材料（教程、驱动、固件） type=default url=<a href="https://drive.kanochan.net/s/rJSL?path=%2F" target="_blank">https://drive.kanochan.net/s/rJSL?path=%2F</a> password=\/}</p></section> <section><h1>二、更新系统时间<a href="#二更新系统时间"><span>#</span></a></h1><p>刷机好后开机，遇到的 第一件事 第二件事就是更新系统时间。（第一件事是修改root用户密码）。因为系统时间错误，而且ntp软件未安装，在时间错误的情况下安装软件可能会导致错误，所以需要手动修改系统时间。方法如下：</p><section><h2>1、更改系统时区<a href="#1更改系统时区"><span>#</span></a></h2><p>执行命令</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>tzselect</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>在出现的结果中，用数字选择大洲、国家、地区</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# tzselect</span></div></div><div><div><div>2</div></div><div><span>Please identify a location so that time zone rules can be set correctly.</span></div></div><div><div><div>3</div></div><div><span>Please select a continent, ocean, "coord", or "TZ".</span></div></div><div><div><div>4</div></div><div><span>1) Africa 7) Europe</span></div></div><div><div><div>5</div></div><div><span>2) Americas 8) Indian Ocean</span></div></div><div><div><div>6</div></div><div><span>3) Antarctica 9) Pacific Ocean</span></div></div><div><div><div>7</div></div><div><span>4) Asia 10) coord - I want to use geographical coordinates.</span></div></div><div><div><div>8</div></div><div><span>5) Atlantic Ocean 11) TZ - I want to specify the timezone using the Posix TZ format.</span></div></div><div><div><div>9</div></div><div><span>6) Australia</span></div></div><div><div><div>10</div></div><div><span>#?</span></div></div></code></pre><div><div></div><div></div></div></figure></div><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# tzselect</span></div></div><div><div><div>2</div></div><div><span>Please identify a location so that time zone rules can be set correctly.</span></div></div><div><div><div>3</div></div><div><span>Please select a continent, ocean, "coord", or "TZ".</span></div></div><div><div><div>4</div></div><div><span>1) Africa 7) Europe</span></div></div><div><div><div>5</div></div><div><span>2) Americas 8) Indian Ocean</span></div></div><div><div><div>6</div></div><div><span>3) Antarctica 9) Pacific Ocean</span></div></div><div><div><div>7</div></div><div><span>4) Asia 10) coord - I want to use geographical coordinates.</span></div></div><div><div><div>8</div></div><div><span>5) Atlantic Ocean 11) TZ - I want to specify the timezone using the Posix TZ format.</span></div></div><div><div><div>9</div></div><div><span>6) Australia</span></div></div><div><div><div>10</div></div><div><span>#? 4</span></div></div><div><div><div>11</div></div><div><span>Please select a country whose clocks agree with yours.</span></div></div><div><div><div>12</div></div><div><span>1) Afghanistan 10) Cyprus 19) Japan 28) Macau 37) Qatar 46) Turkmenistan</span></div></div><div><div><div>13</div></div><div><span>2) Armenia 11) East Timor 20) Jordan 29) Malaysia 38) Russia 47) United Arab Emirates</span></div></div><div><div><div>14</div></div><div><span>3) Azerbaijan 12) Georgia 21) Kazakhstan 30) Mongolia 39) Saudi Arabia 48) Uzbekistan</span></div></div><div><div><div>15</div></div><div><span>4) Bahrain 13) Hong Kong 22) Korea (North) 31) Myanmar (Burma) 40) Singapore 49) Vietnam</span></div></div><div><div><div>16</div></div><div><span>5) Bangladesh 14) India 23) Korea (South) 32) Nepal 41) Sri Lanka 50) Yemen</span></div></div><div><div><div>17</div></div><div><span>6) Bhutan 15) Indonesia 24) Kuwait 33) Oman 42) Syria</span></div></div><div><div><div>18</div></div><div><span>7) Brunei 16) Iran 25) Kyrgyzstan 34) Pakistan 43) Taiwan</span></div></div><div><div><div>19</div></div><div><span>8) Cambodia 17) Iraq 26) Laos 35) Palestine 44) Tajikistan</span></div></div><div><div><div>20</div></div><div><span>9) China 18) Israel 27) Lebanon 36) Philippines 45) Thailand</span></div></div><div><div><div>21</div></div><div><span>#? 9</span></div></div><div><div><div>22</div></div><div><span>Please select one of the following timezones.</span></div></div><div><div><div>23</div></div><div><span>1) Beijing Time</span></div></div><div><div><div>24</div></div><div><span>2) Xinjiang Time</span></div></div><div><div><div>25</div></div><div><span>#? 1</span></div></div><div><div><div>26</div></div><div> </div></div><div><div><div>27</div></div><div><span>The following information has been given:</span></div></div><div><div><div>28</div></div><div> </div></div><div><div><div>29</div></div><div><span><span> </span></span><span>China</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>Beijing Time</span></div></div><div><div><div>31</div></div><div> </div></div><div><div><div>32</div></div><div><span>Therefore TZ='Asia/Shanghai' will be used.</span></div></div><div><div><div>33</div></div><div><span>Selected time is now: Sun Oct 24 11:11:56 CST 2021.</span></div></div><div><div><div>34</div></div><div><span>Universal Time is now: Sun Oct 24 03:11:56 UTC 2021.</span></div></div><div><div><div>35</div></div><div><span>Is the above information OK?</span></div></div><div><div><div>36</div></div><div><span>1) Yes</span></div></div><div><div><div>37</div></div><div><span>2) No</span></div></div><div><div><div>38</div></div><div><span>#? 1</span></div></div><div><div><div>39</div></div><div> </div></div><div><div><div>40</div></div><div><span>You can make this change permanent for yourself by appending the line</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>TZ='Asia/Shanghai'; export TZ</span></div></div><div><div><div>42</div></div><div><span>to the file '.profile' in your home directory; then log out and log in again.</span></div></div><div><div><div>43</div></div><div> </div></div><div><div><div>44</div></div><div><span>Here is that TZ value again, this time on standard output so that you</span></div></div><div><div><div>45</div></div><div><span>can use the /usr/bin/tzselect command in shell scripts:</span></div></div><div><div><div>46</div></div><div><span>Asia/Shanghai</span></div></div><div><div><div>47</div></div><div><span>root@Chainedbox:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>将修改结果存入本地文件中</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>2、手动更改系统时间<a href="#2手动更改系统时间"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>date -s MM/DD/YY //修改日期</span></div></div><div><div><div>2</div></div><div><span>date -s hh:mm:ss //修改时间</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>3、修改时间以后，修改硬件CMOS的时间<a href="#3修改时间以后修改硬件cmos的时间"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>hwclock --systohc</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h1>三、更新系统软件包<a href="#三更新系统软件包"><span>#</span></a></h1><p>第一次更新可能比较久，因为官方源在国外，建议全程科学网络更新。为了安装最新版的软件，需要添加官方的测试版软件源（主要针对qbittorrent软件） 编辑文件，</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /etc/apt/sources.list</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>将测试版qbittorrent源添加到软件源里。 将下面的软件源粘贴到文件最后一行里，保存后执行 <code>apt update</code></p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>deb http://ftp.cn.debian.org/debian bullseye main</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p></p><figure><img src="https://image.kanochan.net/2021/10/21/kv0pgu7t.png" alt="kv0pgu7t.png" title="kv0pgu7t.png" /><figcaption>kv0pgu7t.png</figcaption></figure><p></p></section> <section><h1>四、格式化硬盘<a href="#四格式化硬盘"><span>#</span></a></h1><p>需要将硬盘的文件格式改成ext4格式，Windows的ntfs格式在我家云的armbian上跑不满千兆网络。注意备份好重要的文件。 装了一块4T的硬盘，因为fdisk只支持2T以内的硬盘分区，所以需要安装parted用于2T以上硬盘分区。</p><section><h2>1、安装parted<a href="#1安装parted"><span>#</span></a></h2><p>执行命令</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>`apt install parted</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>安装即可。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# apt install parted</span></div></div><div><div><div>2</div></div><div><span>Reading package lists... Done</span></div></div><div><div><div>3</div></div><div><span>Building dependency tree</span></div></div><div><div><div>4</div></div><div><span>Reading state information... Done</span></div></div><div><div><div>5</div></div><div><span>The following additional packages will be installed:</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>libparted2 libreadline8</span></div></div><div><div><div>7</div></div><div><span>Suggested packages:</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>libparted-dev libparted-i18n parted-doc</span></div></div><div><div><div>9</div></div><div><span>The following NEW packages will be installed:</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>libreadline8</span></div></div><div><div><div>11</div></div><div><span>The following packages will be upgraded:</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>libparted2 parted</span></div></div><div><div><div>13</div></div><div><span>2 upgraded, 1 newly installed, 0 to remove and 400 not upgraded.</span></div></div><div><div><div>14</div></div><div><span>Need to get 701 kB of archives.</span></div></div><div><div><div>15</div></div><div><span>After this operation, 612 kB of additional disk space will be used.</span></div></div><div><div><div>16</div></div><div><span>Do you want to continue? [Y/n] y</span></div></div><div><div><div>17</div></div><div><span>Get:1 http://ftp.cn.debian.org/debian bullseye/main arm64 libreadline8 arm64 8.1-1 [160 kB]</span></div></div><div><div><div>18</div></div><div><span>Get:2 http://ftp.cn.debian.org/debian bullseye/main arm64 parted arm64 3.4-1 [216 kB]</span></div></div><div><div><div>19</div></div><div><span>Get:3 http://ftp.cn.debian.org/debian bullseye/main arm64 libparted2 arm64 3.4-1 [324 kB]</span></div></div><div><div><div>20</div></div><div><span>Fetched 701 kB in 1s (881 kB/s)</span></div></div><div><div><div>21</div></div><div><span>Selecting previously unselected package libreadline8:arm64.</span></div></div><div><div><div>22</div></div><div><span>(Reading database ... 32455 files and directories currently installed.)</span></div></div><div><div><div>23</div></div><div><span>Preparing to unpack .../libreadline8_8.1-1_arm64.deb ...</span></div></div><div><div><div>24</div></div><div><span>Unpacking libreadline8:arm64 (8.1-1) ...</span></div></div><div><div><div>25</div></div><div><span>Preparing to unpack .../parted_3.4-1_arm64.deb ...</span></div></div><div><div><div>26</div></div><div><span>Unpacking parted (3.4-1) over (3.2-25) ...</span></div></div><div><div><div>27</div></div><div><span>Preparing to unpack .../libparted2_3.4-1_arm64.deb ...</span></div></div><div><div><div>28</div></div><div><span>Unpacking libparted2:arm64 (3.4-1) over (3.2-25) ...</span></div></div><div><div><div>29</div></div><div><span>Setting up libreadline8:arm64 (8.1-1) ...</span></div></div><div><div><div>30</div></div><div><span>Setting up libparted2:arm64 (3.4-1) ...</span></div></div><div><div><div>31</div></div><div><span>Setting up parted (3.4-1) ...</span></div></div><div><div><div>32</div></div><div><span>Processing triggers for libc-bin (2.28-10) ...</span></div></div><div><div><div>33</div></div><div><span>Processing triggers for man-db (2.8.5-2) ...</span></div></div><div><div><div>34</div></div><div><span>root@Chainedbox:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section><section><h2>2、删除所有分区<a href="#2删除所有分区"><span>#</span></a></h2><p>执行命令</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>parted /dev/sda rm 1</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>删除sda1分区。发生了错误。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# parted /dev/sda rm 1</span></div></div><div><div><div>2</div></div><div><span>Error: /dev/sda: unrecognised disk label</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>发生了错误，原因是未修改磁盘的格式，parted无法识别是GPT磁盘还是MBR磁盘。</p><section><h3>2.1、修改磁盘格式<a href="#21修改磁盘格式"><span>#</span></a></h3><p>执行命令：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>parted /dev/sda</span></div></div></code></pre><div><div></div><div></div></div></figure></div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# parted /dev/sda</span></div></div><div><div><div>2</div></div><div><span>GNU Parted 3.4</span></div></div><div><div><div>3</div></div><div><span>Using /dev/sda</span></div></div><div><div><div>4</div></div><div><span>Welcome to GNU Parted! Type 'help' to view a list of commands.</span></div></div><div><div><div>5</div></div><div><span>(parted) mklabel //输入mklabel</span></div></div><div><div><div>6</div></div><div><span>New disk label type? gpt //输入gpt</span></div></div><div><div><div>7</div></div><div><span>(parted)</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改磁盘格式后，所有分区会丢失。</p></section><section><h3>3、新建ext4分区<a href="#3新建ext4分区"><span>#</span></a></h3><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# parted /dev/sda //输入parted /dev/sda对sda磁盘操作</span></div></div><div><div><div>2</div></div><div><span>GNU Parted 3.4</span></div></div><div><div><div>3</div></div><div><span>Using /dev/sda</span></div></div><div><div><div>4</div></div><div><span>Welcome to GNU Parted! Type 'help' to view a list of commands.</span></div></div><div><div><div>5</div></div><div><span>(parted) mkpart //输入mkpart</span></div></div><div><div><div>6</div></div><div><span>Partition name? []? sda1 //分区名称</span></div></div><div><div><div>7</div></div><div><span>File system type? [ext2]? ext4 //分区文件系统</span></div></div><div><div><div>8</div></div><div><span>Start? 0 //分区起始位置</span></div></div><div><div><div>9</div></div><div><span>End? 100% //分区结束位置，100%表示使用所有空间</span></div></div><div><div><div>10</div></div><div><span>Warning: The resulting partition is not properly aligned for best performance: 6s % 256s != 0s //关于类似4K对齐的错误，忽略即可</span></div></div><div><div><div>11</div></div><div><span>Ignore/Cancel? Ignore/ //忽略或取消</span></div></div><div><div><div>12</div></div><div><span>(parted) p //输入p查看分区状态</span></div></div><div><div><div>13</div></div><div><span>Model: HGST HUS 724040ALA640 (scsi)</span></div></div><div><div><div>14</div></div><div><span>Disk /dev/sda: 4001GB</span></div></div><div><div><div>15</div></div><div><span>Sector size (logical/physical): 4096B/4096B</span></div></div><div><div><div>16</div></div><div><span>Partition Table: gpt</span></div></div><div><div><div>17</div></div><div><span>Disk Flags:</span></div></div><div><div><div>18</div></div><div> </div></div><div><div><div>19</div></div><div><span>Number Start End Size File system Name Flags</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>1 24.6kB 4001GB 4001GB ext4 sda1 //可看到分区已经被创建</span></div></div><div><div><div>21</div></div><div> </div></div><div><div><div>22</div></div><div><span>(parted) quit //退出parted，分区会自动保存</span></div></div><div><div><div>23</div></div><div><span>Information: You may need to update /etc/fstab.</span></div></div><div><div><div>24</div></div><div><span>root@Chainedbox:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>需要再一次执行</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>mkfs -t ext4 /dev/sda1</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>格式化分区，不然挂载的时候会出错，不清楚原因。报错内容：mount: /mnt/sda1: wrong fs type, bad option, bad superblock on /dev/sda1, missing codepage or helper program, or other error.</p></section></section></section> <section><h1>五、挂载磁盘到系统<a href="#五挂载磁盘到系统"><span>#</span></a></h1><section><h2>1、手动挂载<a href="#1手动挂载"><span>#</span></a></h2><p>新建挂载位置： <code>mkdir /mnt/sda1</code> 挂载sda1分区到/mnt/sda1： <code>mount /dev/sda1 /mnt/sda1</code></p></section><section><h2>2、开机自动挂载<a href="#2开机自动挂载"><span>#</span></a></h2><p>执行命令查看硬盘UUID</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>blkid /dev/sda1</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>修改 <code>/etc/fstab</code> 文件</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /etc/fstab</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>添加以下内容（UUID不要照抄，用上面获得到的UUID）</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>UUID="e3fc34dd-a5b9-419e-ae81-4fb4eb883df9" /mnt/sda1 ext4 defaults 0 0</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>保存文件即可。</p><p>{alert type=warning} 警告：不推荐使用上面的办法，亲测如果硬盘挂掉，会无法进入系统，只能采用故障救援的模式进入系统。但是我家云没有显示输出，如果硬盘挂掉，只能重新刷机！！！ {/alert}</p></section><section><h2>3、另一种开机自动挂载硬盘的方法<a href="#3另一种开机自动挂载硬盘的方法"><span>#</span></a></h2><p>采用脚本任务挂载硬盘，开机自动执行脚本即可挂载，相当于手动挂载。 创建脚本文件</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /etc/init.d/mount.sh</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>写入以下内容</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>#! /bin/sh</span></div></div><div><div><div>2</div></div><div><span>sleep 1</span></div></div><div><div><div>3</div></div><div><span>mount /dev/sda1 /mnt/sda1</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>保存后赋予脚本权限</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>chmod +x /etc/init.d/mount.sh</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>配置开机自动执行脚本挂载硬盘</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /etc/rc.local</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>在文本的 <code>exit0</code> 之前添加以下内容</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>sh /etc/init.d/mount.sh</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>完成。</p></section></section> <section><h1>六、安装qbittorrent-nox<a href="#六安装qbittorrent-nox"><span>#</span></a></h1><section><h2>1、安装<a href="#1安装"><span>#</span></a></h2><p>执行命令： <code>apt install qbittorrent-nox</code> ,安装时间视你的网络状况而定，建议全程科学网络操作。 </p><figure><img src="https://image.kanochan.net/2021/10/21/kv0prk99.png" alt="kv0prk99.png" title="kv0prk99.png" /><figcaption>kv0prk99.png</figcaption></figure> 安装过程中会跳出选择界面，大意是安装过程中会重启某些系统服务，可能会影响别的程序运行，问你是否自动重启这些服务。选择否的话，qbittorrent安装完成后，你需要重启一些服务（安装完成后会给出来）才能运行qbittorrent。一般来说，没有什么特殊情况，就选“是”吧。 <figure><img src="https://image.kanochan.net/2021/10/21/kv0pwopd.png" alt="kv0pwopd.png" title="kv0pwopd.png" /><figcaption>kv0pwopd.png</figcaption></figure> 这里选择使用现有配置（选第二项），以免出现不可预料的问题。 <figure><img src="https://image.kanochan.net/2021/10/21/kv0pz2k2.png" alt="kv0pz2k2.png" title="kv0pz2k2.png" /><figcaption>kv0pz2k2.png</figcaption></figure> 安装完成。<p></p></section><section><h2>2、 配置qbittorrent开机自启<a href="#2-配置qbittorrent开机自启"><span>#</span></a></h2><p>新建一个文件</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /etc/systemd/system/qbittorrent.service</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>写入下面的内容后，保存。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[Unit]</span></div></div><div><div><div>2</div></div><div><span>Description=qbittorrent torrent server</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>[Service]</span></div></div><div><div><div>5</div></div><div><span>User=root</span></div></div><div><div><div>6</div></div><div><span>ExecStart=/usr/bin/qbittorrent-nox</span></div></div><div><div><div>7</div></div><div><span>Restart=on-abort</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span>[Install]</span></div></div><div><div><div>10</div></div><div><span>WantedBy=multi-user.target</span></div></div></code></pre><div><div></div><div></div></div></figure></div><section><h3>2.1、重启系统单元<a href="#21重启系统单元"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl daemon-reload</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>2.2、设置开机自启<a href="#22设置开机自启"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl enable qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>2.3、启动qbittorrent<a href="#23启动qbittorrent"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl start qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>2.4、关闭qbittorrent<a href="#24关闭qbittorrent"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl stop qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h3>2.5、重启qbittorrent<a href="#25重启qbittorrent"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl restart qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>配置下载位置什么的略过了，按照页面提示配置即可。</p></section></section></section> <section><h1>七、安装samba，启用网络共享<a href="#七安装samba启用网络共享"><span>#</span></a></h1><p>测试发现，官方源的samba安装会发生错误，更换为国内源之后可以解决。编辑清空 <code>/etc/apt/sources.list</code> 里的内容，更换为国内源如下：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>deb https://mirrors.ustc.edu.cn/debian/ buster main contrib non-free</span></div></div><div><div><div>2</div></div><div><span>deb-src https://mirrors.ustc.edu.cn/debian/ buster main contrib non-free</span></div></div><div><div><div>3</div></div><div><span>deb https://mirrors.ustc.edu.cn/debian/ buster-updates main contrib non-free</span></div></div><div><div><div>4</div></div><div><span>deb-src https://mirrors.ustc.edu.cn/debian/ buster-updates main contrib non-free</span></div></div><div><div><div>5</div></div><div><span>deb https://mirrors.ustc.edu.cn/debian-security/ buster/updates main contrib non-free</span></div></div><div><div><div>6</div></div><div><span>deb-src https://mirrors.ustc.edu.cn/debian-security/ buster/updates main contrib non-free</span></div></div><div><div><div>7</div></div><div><span>deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster main contrib non-free</span></div></div><div><div><div>8</div></div><div><span># deb-src https://mirrors.tuna.tsinghua.edu.cn/debian/ buster main contrib non-free</span></div></div><div><div><div>9</div></div><div><span>deb https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-updates main contrib non-free</span></div></div><div><div><div>10</div></div><div><span># deb-src https://mirrors.tuna.tsinghua.edu.cn/debian/ buster-updates main contrib non-free</span></div></div><div><div><div>11</div></div><div><span>deb https://mirrors.tuna.tsinghua.edu.cn/debian-security buster/updates main contrib non-free</span></div></div><div><div><div>12</div></div><div><span># deb-src https://mirrors.tuna.tsinghua.edu.cn/debian-security buster/updates main contrib non-free</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>备份一下官方源，可能以后会用到</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>deb http://httpredir.debian.org/debian buster main contrib non-free</span></div></div><div><div><div>2</div></div><div><span>#deb-src http://httpredir.debian.org/debian buster main contrib non-free</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>deb http://httpredir.debian.org/debian buster-updates main contrib non-free</span></div></div><div><div><div>5</div></div><div><span>#deb-src http://httpredir.debian.org/debian buster-updates main contrib non-free</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span>deb http://httpredir.debian.org/debian buster-backports main contrib non-free</span></div></div><div><div><div>8</div></div><div><span>#deb-src http://httpredir.debian.org/debian buster-backports main contrib non-free</span></div></div><div><div><div>9</div></div><div> </div></div><div><div><div>10</div></div><div><span>deb http://security.debian.org/ buster/updates main contrib non-free</span></div></div><div><div><div>11</div></div><div><span>#deb-src http://security.debian.org/ buster/updates main contrib non-free</span></div></div><div><div><div>12</div></div><div><span>#deb http://ftp.cn.debian.org/debian bullseye main</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>保存文件，执行安装命令 <code>apt install samba</code> 安装完成后修改 <code>/etc/samba/smb.conf</code> ,清空里边的内容，写入下面的内容。此配置为匿名共享设置，无需登入就可以查看修改文件。可根据需要自行配置文件。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[global]</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>workgroup = MYGROUP</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>server string = Samba Server Version %v</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>log file = /var/log/samba/log.%m</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>max log size = 50</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>security = user</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>map to guest = Bad User</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>load printers = yes</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>cups options = raw</span></div></div><div><div><div>10</div></div><div><span>[sda1]</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>comment = share</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>path = /mnt/sda1</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>directory mask = 0777</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>create mask = 0777</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>#browseable = yes</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>guest ok=yes</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>writable=yes</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>保存后执行 <code>smbd restart</code> 重启smaba服务以使配置生效。</p></section> <section><h1>八、安装Filebrowser文件管理软件<a href="#八安装filebrowser文件管理软件"><span>#</span></a></h1><section><h2>1、安装<a href="#1安装-1"><span>#</span></a></h2><p>新建文件夹 <code>/etc/filebrowser/</code> ，通过GitHub下载filebrowser对应平台的二进制文件：<a href="https://github.com/filebrowser/filebrowser/releases" target="_blank">https://github.com/filebrowser/filebrowser/releases</a> 将下载好的文件解压，将里面的filebrowser二进制文件上传到 <code>/etc/filebrowser/</code> 目录，同时在相同目录下新建文件 <code>config.json</code> ,打开config.json文件写入以下内容：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>{</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>"port": 8088,</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>"address": "0.0.0.0",</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>"root": "/",</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>"database": "/etc/filebrowser/filebrowser.db",</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>"log": "/etc/filebrowser/filebrowser.log",</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>"username": "admin"</span></div></div><div><div><div>8</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>2、配置开机自启<a href="#2配置开机自启"><span>#</span></a></h2><p>新建文件 <code>/etc/systemd/system/filebrowser.service</code> ,写入以下内容并保存。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[Unit]</span></div></div><div><div><div>2</div></div><div><span>Description=The filebrowser Process Manager</span></div></div><div><div><div>3</div></div><div><span>After=network.target</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>[Service]</span></div></div><div><div><div>6</div></div><div><span>Type=simple</span></div></div><div><div><div>7</div></div><div><span>ExecStart=/etc/filebrowser/filebrowser -c /etc/filebrowser/config.json</span></div></div><div><div><div>8</div></div><div><span>ExecStop=/bin/killall filebrowser</span></div></div><div><div><div>9</div></div><div><span>PrivateTmp=true</span></div></div><div><div><div>10</div></div><div> </div></div><div><div><div>11</div></div><div><span>[Install]</span></div></div><div><div><div>12</div></div><div><span>WantedBy=multi-user.target</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>执行以下命令控制filebrowser</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl start filebrowser //启动</span></div></div><div><div><div>2</div></div><div><span>systemctl start filebrowser //重启</span></div></div><div><div><div>3</div></div><div><span>systemctl status filebrowser //查看状态</span></div></div><div><div><div>4</div></div><div><span>systemctl enable filebrowser //开机自启</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h1>九、安装Aria2<a href="#九安装aria2"><span>#</span></a></h1><p>参考来源： <a href="https://www.10bests.com/deploy-aria2-webui-on-ubuntu-and-debian/" target="_blank">Ubuntu/Debian系统安装配置aria2和WebUI</a></p><section><h2>1、安装<a href="#1安装-2"><span>#</span></a></h2><p>执行命令 <code>apt install aria2</code> 命令安装</p></section><section><h2>2、创建Aria2的工作目录和相关文件<a href="#2创建aria2的工作目录和相关文件"><span>#</span></a></h2><p>依次输入下列命令：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>mkdir /etc/aria2 #新建文件夹</span></div></div><div><div><div>2</div></div><div><span>touch /etc/aria2/aria2.session #新建session文件</span></div></div><div><div><div>3</div></div><div><span>chmod 777 /etc/aria2/aria2.session #设置aria2.session可写</span></div></div><div><div><div>4</div></div><div><span>nano /etc/aria2/aria2.conf #创建aria2配置文件</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>把下面的aria2配置文件模板写入“aria2.conf”，需要修改的有下载目录“dir”以及连接秘钥“rpc-secret”，其他内容可以不动，模板里面都有详细文字说明：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>##===================================##</span></div></div><div><div><div>2</div></div><div><span>## 文件保存相关 ##</span></div></div><div><div><div>3</div></div><div><span>##===================================##</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span># 文件保存目录</span></div></div><div><div><div>6</div></div><div><span>dir=../download</span></div></div><div><div><div>7</div></div><div><span># 启用磁盘缓存, 0为禁用缓存, 需1.16以上版本, 默认:16M</span></div></div><div><div><div>8</div></div><div><span>disk-cache=16M</span></div></div><div><div><div>9</div></div><div><span># 断点续传</span></div></div><div><div><div>10</div></div><div><span>continue=true</span></div></div><div><div><div>11</div></div><div><span>#日志保存</span></div></div><div><div><div>12</div></div><div><span>log=aria2.log</span></div></div><div><div><div>13</div></div><div> </div></div><div><div><div>14</div></div><div><span># 文件预分配方式, 能有效降低磁盘碎片, 默认:prealloc</span></div></div><div><div><div>15</div></div><div><span># 预分配所需时间: none &lt; falloc ? trunc &lt; prealloc</span></div></div><div><div><div>16</div></div><div><span># falloc和trunc则需要文件系统和内核支持</span></div></div><div><div><div>17</div></div><div><span># NTFS建议使用falloc, EXT3/4建议trunc, MAC 下需要注释此项</span></div></div><div><div><div>18</div></div><div><span>file-allocation=prealloc</span></div></div><div><div><div>19</div></div><div> </div></div><div><div><div>20</div></div><div><span>##===================================##</span></div></div><div><div><div>21</div></div><div><span>## 下载连接相关 ##</span></div></div><div><div><div>22</div></div><div><span>##===================================##</span></div></div><div><div><div>23</div></div><div> </div></div><div><div><div>24</div></div><div><span># 最大同时下载任务数, 运行时可修改, 默认:5</span></div></div><div><div><div>25</div></div><div><span>max-concurrent-downloads=100</span></div></div><div><div><div>26</div></div><div><span># 同一服务器连接数, 添加时可指定, 默认:1</span></div></div><div><div><div>27</div></div><div><span># 官方的aria2最高设置为16, 如果需要设置任意数值请重新编译aria2</span></div></div><div><div><div>28</div></div><div><span>max-connection-per-server=16</span></div></div><div><div><div>29</div></div><div> </div></div><div><div><div>30</div></div><div><span># 整体下载速度限制, 运行时可修改, 默认:0（不限制）</span></div></div><div><div><div>31</div></div><div><span>max-overall-download-limit=0</span></div></div><div><div><div>32</div></div><div><span># 单个任务下载速度限制, 默认:0（不限制）</span></div></div><div><div><div>33</div></div><div><span>max-download-limit=0</span></div></div><div><div><div>34</div></div><div><span># 整体上传速度限制, 运行时可修改, 默认:0（不限制）</span></div></div><div><div><div>35</div></div><div><span>max-overall-upload-limit=0</span></div></div><div><div><div>36</div></div><div><span># 单个任务上传速度限制, 默认:0（不限制）</span></div></div><div><div><div>37</div></div><div><span>max-upload-limit=0</span></div></div><div><div><div>38</div></div><div> </div></div><div><div><div>39</div></div><div><span># 禁用IPv6, 默认:false</span></div></div><div><div><div>40</div></div><div><span>disable-ipv6=false</span></div></div><div><div><div>41</div></div><div> </div></div><div><div><div>42</div></div><div><span># 最小文件分片大小, 添加时可指定, 取值范围1M -1024M, 默认:20M</span></div></div><div><div><div>43</div></div><div><span># 假定size=10M, 文件为20MiB 则使用两个来源下载; 文件为15MiB 则使用一个来源下载</span></div></div><div><div><div>44</div></div><div><span>min-split-size=10M</span></div></div><div><div><div>45</div></div><div> </div></div><div><div><div>46</div></div><div><span># 单个任务最大线程数, 添加时可指定, 默认:5</span></div></div><div><div><div>47</div></div><div><span># 建议同max-connection-per-server设置为相同值</span></div></div><div><div><div>48</div></div><div><span>split=16</span></div></div><div><div><div>49</div></div><div> </div></div><div><div><div>50</div></div><div><span>##===================================##</span></div></div><div><div><div>51</div></div><div><span>## 进度保存相关 ##</span></div></div><div><div><div>52</div></div><div><span>##===================================##</span></div></div><div><div><div>53</div></div><div> </div></div><div><div><div>54</div></div><div><span># 从会话文件中读取下载任务</span></div></div><div><div><div>55</div></div><div><span>input-file=/etc/aria2/aria2.session</span></div></div><div><div><div>56</div></div><div><span># 在Aria2退出时保存错误的、未完成的下载任务到会话文件</span></div></div><div><div><div>57</div></div><div><span>save-session=/etc/aria2/aria2.session</span></div></div><div><div><div>58</div></div><div><span># 定时保存会话, 0为退出时才保存, 需1.16.1以上版本, 默认:0</span></div></div><div><div><div>59</div></div><div><span>save-session-interval=60</span></div></div><div><div><div>60</div></div><div> </div></div><div><div><div>61</div></div><div><span>##===================================##</span></div></div><div><div><div>62</div></div><div><span>## RPC相关设置 ##</span></div></div><div><div><div>63</div></div><div><span>##此部分必须启用，否则无法使用WebUI</span></div></div><div><div><div>64</div></div><div><span>##===================================##</span></div></div><div><div><div>65</div></div><div> </div></div><div><div><div>66</div></div><div><span># 启用RPC, 默认:false</span></div></div><div><div><div>67</div></div><div><span>enable-rpc=true</span></div></div><div><div><div>68</div></div><div><span># 允许所有来源, 默认:false</span></div></div><div><div><div>69</div></div><div><span>rpc-allow-origin-all=true</span></div></div><div><div><div>70</div></div><div><span># 允许外部访问, 默认:false</span></div></div><div><div><div>71</div></div><div><span>rpc-listen-all=true</span></div></div><div><div><div>72</div></div><div><span># RPC端口, 仅当默认端口被占用时修改</span></div></div><div><div><div>73</div></div><div> </div></div><div><div><div>74</div></div><div><span>rpc-listen-port=6800</span></div></div><div><div><div>75</div></div><div><span># 设置的RPC授权令牌, v1.18.4新增功能, 取代 --rpc-user 和 --rpc-passwd 选项</span></div></div><div><div><div>76</div></div><div><span>rpc-secret=123456</span></div></div><div><div><div>77</div></div><div> </div></div><div><div><div>78</div></div><div><span># 设置的RPC访问用户名, 此选项新版已废弃, 建议改用 --rpc-secret 选项</span></div></div><div><div><div>79</div></div><div><span>#rpc-user=</span></div></div><div><div><div>80</div></div><div><span># 设置的RPC访问密码, 此选项新版已废弃, 建议改用 --rpc-secret 选项</span></div></div><div><div><div>81</div></div><div><span>#rpc-passwd=</span></div></div><div><div><div>82</div></div><div> </div></div><div><div><div>83</div></div><div><span># 启动SSL</span></div></div><div><div><div>84</div></div><div><span># rpc-secure=true</span></div></div><div><div><div>85</div></div><div><span># 证书文件, 如果启用SSL则需要配置证书文件, 例如用https连接aria2</span></div></div><div><div><div>86</div></div><div><span># rpc-certificate=</span></div></div><div><div><div>87</div></div><div><span># rpc-private-key=</span></div></div><div><div><div>88</div></div><div> </div></div><div><div><div>89</div></div><div><span>##===================================##</span></div></div><div><div><div>90</div></div><div><span>## BT/PT下载相关 ##</span></div></div><div><div><div>91</div></div><div><span>##===================================##</span></div></div><div><div><div>92</div></div><div> </div></div><div><div><div>93</div></div><div><span># 当下载的是一个种子(以.torrent结尾)时, 自动开始BT任务, 默认:true</span></div></div><div><div><div>94</div></div><div><span>follow-torrent=true</span></div></div><div><div><div>95</div></div><div><span># BT监听端口, 当端口被屏蔽时使用, 默认:6881-6999</span></div></div><div><div><div>96</div></div><div><span>listen-port=51413</span></div></div><div><div><div>97</div></div><div><span># 单个种子最大连接数, 默认:55</span></div></div><div><div><div>98</div></div><div><span>#bt-max-peers=55</span></div></div><div><div><div>99</div></div><div><span># 打开DHT功能, PT需要禁用, 默认:true</span></div></div><div><div><div>100</div></div><div><span>enable-dht=true</span></div></div><div><div><div>101</div></div><div><span># 打开IPv6 DHT功能, PT需要禁用</span></div></div><div><div><div>102</div></div><div><span>enable-dht6=true</span></div></div><div><div><div>103</div></div><div><span># DHT网络监听端口, 默认:6881-6999</span></div></div><div><div><div>104</div></div><div><span>dht-listen-port=6881-6999</span></div></div><div><div><div>105</div></div><div> </div></div><div><div><div>106</div></div><div><span># 本地节点查找, PT需要禁用, 默认:false</span></div></div><div><div><div>107</div></div><div><span>bt-enable-lpd=true</span></div></div><div><div><div>108</div></div><div><span># 种子交换, PT需要禁用, 默认:true</span></div></div><div><div><div>109</div></div><div><span>enable-peer-exchange=true</span></div></div><div><div><div>110</div></div><div><span># 每个种子限速, 对少种的PT很有用, 默认:50K</span></div></div><div><div><div>111</div></div><div><span>bt-request-peer-speed-limit=50K</span></div></div><div><div><div>112</div></div><div> </div></div><div><div><div>113</div></div><div><span># 客户端伪装, PT需要</span></div></div><div><div><div>114</div></div><div><span>peer-id-prefix=-TR2770-</span></div></div><div><div><div>115</div></div><div><span>user-agent=Transmission/2.77</span></div></div><div><div><div>116</div></div><div> </div></div><div><div><div>117</div></div><div><span># 当种子的分享率达到这个数时, 自动停止做种, 0为一直做种, 默认:1.0</span></div></div><div><div><div>118</div></div><div><span>seed-ratio=0</span></div></div><div><div><div>119</div></div><div><span># 强制保存会话, 即使任务已经完成, 默认:false</span></div></div><div><div><div>120</div></div><div><span># 较新的版本开启后会在任务完成后依然保留.aria2文件</span></div></div><div><div><div>121</div></div><div><span>force-save=true</span></div></div><div><div><div>122</div></div><div><span># BT校验相关, 默认:true</span></div></div><div><div><div>123</div></div><div><span>#bt-hash-check-seed=true</span></div></div><div><div><div>124</div></div><div><span># 继续之前的BT任务时, 无需再次校验, 默认:false</span></div></div><div><div><div>125</div></div><div><span>bt-seed-unverified=true</span></div></div><div><div><div>126</div></div><div><span># 保存磁力链接元数据为种子文件(.torrent文件), 默认:false</span></div></div><div><div><div>127</div></div><div><span>bt-save-metadata=true</span></div></div><div><div><div>128</div></div><div><span># 单个种子最大连接数, 默认:55 0表示不限制</span></div></div><div><div><div>129</div></div><div><span>bt-max-peers=0</span></div></div><div><div><div>130</div></div><div><span># 最小做种时间, 单位:分</span></div></div><div><div><div>131</div></div><div><span># seed-time = 60</span></div></div><div><div><div>132</div></div><div><span># 分离做种任务</span></div></div><div><div><div>133</div></div><div><span>bt-detach-seed-only=true</span></div></div><div><div><div>134</div></div><div><span>#BT Tracker List ;下载地址：https://github.com/ngosang/trackerslist</span></div></div><div><div><div>135</div></div><div><span>bt-tracker=udp://tracker.coppersurfer.tk:6969/announce,udp://tracker.internetwarriors.net:1337/announce,udp://tracker.opentrackr.org:1337/announce</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section><section><h2>3、安装web管理<a href="#3安装web管理"><span>#</span></a></h2><p>配置和运行过程要用到git和nodejs，没有的话先安装：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>apt-get install nodejs git</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>把webui-aria2项目克隆下来，保存到“/etc/aria2”目录：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>cd /etc/aria2 &amp;&amp; git clone https://github.com/ziahamza/webui-aria2.git</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section><section><h2>4、创建启动脚本及配置开机自启<a href="#4创建启动脚本及配置开机自启"><span>#</span></a></h2><p>新建aria2c脚本文件：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /etc/init.d/aria2c</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>写入以下内容：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>#!/bin/sh</span></div></div><div><div><div>2</div></div><div><span>### BEGIN INIT INFO</span></div></div><div><div><div>3</div></div><div><span># Provides: aria2</span></div></div><div><div><div>4</div></div><div><span># Required-Start: $remote_fs $network</span></div></div><div><div><div>5</div></div><div><span># Required-Stop: $remote_fs $network</span></div></div><div><div><div>6</div></div><div><span># Default-Start: 2 3 4 5</span></div></div><div><div><div>7</div></div><div><span># Default-Stop: 0 1 6</span></div></div><div><div><div>8</div></div><div><span># Short-Description: Aria2 Downloader</span></div></div><div><div><div>9</div></div><div><span>### END INIT INFO</span></div></div><div><div><div>10</div></div><div> </div></div><div><div><div>11</div></div><div><span>start()</span></div></div><div><div><div>12</div></div><div><span>{</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>echo -n "启动Aria2c和WebUI"</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>aria2c --conf-path=/etc/aria2/aria2.conf -D</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>cd /etc/aria2/webui-aria2/</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>node node-server.js</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>exit 0;</span></div></div><div><div><div>18</div></div><div><span>}</span></div></div><div><div><div>19</div></div><div><span>stop()</span></div></div><div><div><div>20</div></div><div><span>{</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>echo -n "关闭Aria2c和WebUI"</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>kill -9 $(ps -ef | grep node-server.js | grep -v grep | awk '{print $2}') &amp;&amp; killall aria2c</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>exit 0;</span></div></div><div><div><div>24</div></div><div><span>}</span></div></div><div><div><div>25</div></div><div><span>case "$1" in</span></div></div><div><div><div>26</div></div><div><span>start)</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>start</span></div></div><div><div><div>28</div></div><div><span>;;</span></div></div><div><div><div>29</div></div><div><span>stop)</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>stop</span></div></div><div><div><div>31</div></div><div><span>;;</span></div></div><div><div><div>32</div></div><div><span>restart)</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>stop</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>start</span></div></div><div><div><div>35</div></div><div><span>;;</span></div></div><div><div><div>36</div></div><div><span>*)</span></div></div><div><div><div>37</div></div><div><span>echo "Usage: $0 {start|stop|restart}"</span></div></div><div><div><div>38</div></div><div><span>exit 0</span></div></div><div><div><div>39</div></div><div><span>;;</span></div></div><div><div><div>40</div></div><div><span>esac</span></div></div><div><div><div>41</div></div><div><span>exit 0</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>修改脚本文件权限为755</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>chmod 755 /etc/init.d/aria2c</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>添加aria2c服务并设置开机启动</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>update-rc.d aria2c defaults</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>启动服务：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>service aria2c start</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section></section> <section><h1>10、通过面板led灯来判断网络状态<a href="#10通过面板led灯来判断网络状态"><span>#</span></a></h1><p>新建脚本文件led.sh</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /bin/led.sh</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>在文件中写入以下内容，并保存。</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>#! /bin/bash</span></div></div><div><div><div>2</div></div><div><span>sleep 3</span></div></div><div><div><div>3</div></div><div><span>echo 85 &gt; /sys/class/gpio/export</span></div></div><div><div><div>4</div></div><div><span>echo 0 &gt; /sys/class/gpio/export</span></div></div><div><div><div>5</div></div><div><span>while true</span></div></div><div><div><div>6</div></div><div><span>do</span></div></div><div><div><div>7</div></div><div><span>ping -W 1 -c 1 www.bilibili.com &gt; /dev/null 2&gt;&amp;1</span></div></div><div><div><div>8</div></div><div><span>if [ $? -eq 0 ];</span></div></div><div><div><div>9</div></div><div><span>then</span></div></div><div><div><div>10</div></div><div><span>echo "high" &gt; /sys/class/gpio/gpio85/direction</span></div></div><div><div><div>11</div></div><div><span>echo "low" &gt; /sys/class/gpio/gpio0/direction</span></div></div><div><div><div>12</div></div><div><span>else</span></div></div><div><div><div>13</div></div><div><span>echo "high" &gt; /sys/class/gpio/gpio0/direction</span></div></div><div><div><div>14</div></div><div><span>echo "low" &gt; /sys/class/gpio/gpio85/direction</span></div></div><div><div><div>15</div></div><div><span>fi</span></div></div><div><div><div>16</div></div><div><span>sleep 3</span></div></div><div><div><div>17</div></div><div><span>done</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>赋予脚本权限</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>chmod +x /bin/led.sh</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>配置脚本开机自启</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nano /etc/rc.local</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>在文本的 <code>exit0</code> 之前添加以下内容</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>sh /bin/led.sh</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>完成。</p></section>https://kanochan.net/posts/jpegview-config-guide/https://kanochan.net/posts/jpegview-config-guide/介绍JpegView的窗口自适应设置，并提供主要配置项说明。Sat, 13 Nov 2021 00:00:00 GMT<blockquote><p>Windows10到来之前，一般用户查看图片都用自带的照片查看器，勉强满足日常需求，速度也还行，虽然说仅仅是“勉强”吧，但也挺顺手的，可是Windows10到来之后，之前熟悉的照片查看器被默认隐藏了，取而代之的是一个叫“照片”的系统应用。这个应用我认为做得很失败，首先体验很差，速度慢，操作感觉完全是为触屏优化的，通俗点讲，操作有些“反人类”。有时候图片方向不对需要旋转一个方向查看，好家伙，无论多小的图片，点击旋转之后刚开始总会反应个两三秒。。。不想吐槽了，虽然Windows10可以通过修改注册表等手段重新开启Windows图片查看器，但是你正真操作过之后会发现速度也是出奇地慢，完全没有在win7上使用那么流畅，所以也就没啥意义了。至于开启方法，可以百度搜索看一下，很多相关教程。就这样，我试着在网上找了一些图片查看器，经过多次筛选之后得到了一个我非常满意的替代品，下面开始介绍今天的主角： <a href="https://github.com/sylikc/jpegview" target="_blank">Jpegview</a> 引用来源：<a href="https://www.devsong.org/article/85.html" target="_blank">https://www.devsong.org/article/85.html</a></p></blockquote> <section><h1>如何永久关闭视窗适合图像选项<a href="#如何永久关闭视窗适合图像选项"><span>#</span></a></h1><p>“设定/管理”→“编辑使用者设定”，在ini文件中修改 <code>DefaultWindowRect</code> 和 <code>AutoZoomMode</code>条目，设定为以下值：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>DefaultWindowRect=auto</span></div></div></code></pre><div><div></div><div></div></div></figure></div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>AutoZoomMode=FitNoZoom</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>你也可以下载下方的配置文件将原本的文件替换，下方的文件并非原版配置，我针对个人使用情况进行了一些修改。使用谷歌翻译了一些条目，大致上能够理解选项的内容及修改方法。</p></section> <section><h1>JpegView配置文件汉化<a href="#jpegview配置文件汉化"><span>#</span></a></h1><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[JPEGView]</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>; This user INI file has been created from template JPEGView.ini.tpl</span></div></div><div><div><div>4</div></div><div><span>; Settings in this file override the setting in the global INI file located in the EXE path</span></div></div><div><div><div>5</div></div><div><span>;此用户INI文件已从模板JPEGVIEW.INI.TPL创建</span></div></div><div><div><div>6</div></div><div><span>;此文件中的设置覆盖位于exe路径中的全局INI文件中的设置</span></div></div><div><div><div>7</div></div><div> </div></div><div><div><div>8</div></div><div><span>; Language used in the user interface. Set to 'auto' to use the language of the operating system.</span></div></div><div><div><div>9</div></div><div><span>; Other languages must use the ISO 639-1 language code (two letters)</span></div></div><div><div><div>10</div></div><div><span>; Currently supported:</span></div></div><div><div><div>11</div></div><div><span>; 'en' English (default)</span></div></div><div><div><div>12</div></div><div><span>; 'es' Spanish (Spain)</span></div></div><div><div><div>13</div></div><div><span>; 'es-ar' Spanish (latinoamerica)</span></div></div><div><div><div>14</div></div><div><span>; 'pt-br' Portuguese (Brasil)</span></div></div><div><div><div>15</div></div><div><span>; 'pt' Portuguese</span></div></div><div><div><div>16</div></div><div><span>; 'de' German</span></div></div><div><div><div>17</div></div><div><span>; 'it' Italian</span></div></div><div><div><div>18</div></div><div><span>; 'fr' French</span></div></div><div><div><div>19</div></div><div><span>; 'kr' Korean</span></div></div><div><div><div>20</div></div><div><span>; 'zh' Chinese</span></div></div><div><div><div>21</div></div><div><span>; 'zh-tw' Chinese (Taiwan)</span></div></div><div><div><div>22</div></div><div><span>; 'ja' Japanese</span></div></div><div><div><div>23</div></div><div><span>; 'ro' Romanian</span></div></div><div><div><div>24</div></div><div><span>; 'ru' Russian</span></div></div><div><div><div>25</div></div><div><span>; 'sv' Swedish</span></div></div><div><div><div>26</div></div><div><span>; 'cs' Czech</span></div></div><div><div><div>27</div></div><div><span>; 'el' Greek</span></div></div><div><div><div>28</div></div><div><span>; 'eu' Basque</span></div></div><div><div><div>29</div></div><div><span>; 'bel' Belorussian</span></div></div><div><div><div>30</div></div><div><span>; 'uk' Ukrainian</span></div></div><div><div><div>31</div></div><div><span>; 'pl' Polish</span></div></div><div><div><div>32</div></div><div><span>Language=zh</span></div></div><div><div><div>33</div></div><div><span>;用户界面中使用的语言。设置为“自动”以使用操作系统的语言。</span></div></div><div><div><div>34</div></div><div><span>;其他语言必须使用ISO 639-1语言代码（两个字母）</span></div></div><div><div><div>35</div></div><div><span>;目前支持：</span></div></div><div><div><div>36</div></div><div><span>; '英语'（默认）</span></div></div><div><div><div>37</div></div><div><span>; 'es'西班牙语（西班牙）</span></div></div><div><div><div>38</div></div><div><span>; 'es-ar'西班牙语（latinoamerica）</span></div></div><div><div><div>39</div></div><div><span>; 'pt-br'葡萄牙语（巴西）</span></div></div><div><div><div>40</div></div><div><span>; 'pt'portuguese</span></div></div><div><div><div>41</div></div><div><span>; 'de'德语</span></div></div><div><div><div>42</div></div><div><span>; '意大利人'</span></div></div><div><div><div>43</div></div><div><span>; 'fr'法国人</span></div></div><div><div><div>44</div></div><div><span>; 'kr'韩国人</span></div></div><div><div><div>45</div></div><div><span>; 'zh'中文</span></div></div><div><div><div>46</div></div><div><span>; 'Zh-TW'中文（台湾）</span></div></div><div><div><div>47</div></div><div><span>; 'JA'日本人</span></div></div><div><div><div>48</div></div><div><span>; '罗马尼亚人</span></div></div><div><div><div>49</div></div><div><span>; 'ru'俄语</span></div></div><div><div><div>50</div></div><div><span>; 'sv'瑞典语</span></div></div><div><div><div>51</div></div><div><span>; 'CS''Czech</span></div></div><div><div><div>52</div></div><div><span>; 'el'reik</span></div></div><div><div><div>53</div></div><div><span>; '欧盟'巴斯克</span></div></div><div><div><div>54</div></div><div><span>; 'Bel'Belorussian</span></div></div><div><div><div>55</div></div><div><span>; '英国'乌克兰语</span></div></div><div><div><div>56</div></div><div><span>; 'pl'抛光</span></div></div><div><div><div>57</div></div><div><span>语言=自动</span></div></div><div><div><div>58</div></div><div> </div></div><div><div><div>59</div></div><div><span>; File endings of files to be decoded by WIC (Windows Image Converter)</span></div></div><div><div><div>60</div></div><div><span>; If the Microsoft Camera Codec pack is installed, full size camera RAW files can be read with WIC</span></div></div><div><div><div>61</div></div><div><span>; Add the file endings of the raw files to view here, e.g.</span></div></div><div><div><div>62</div></div><div><span>; FilesProcessedByWIC=*.wdp;*.hdp;*.jxr;*.nef</span></div></div><div><div><div>63</div></div><div><span>FilesProcessedByWIC=*.wdp;*.hdp;*.jxr</span></div></div><div><div><div>64</div></div><div><span>;由WIC解码的文件的文件结尾（Windows映像转换器）</span></div></div><div><div><div>65</div></div><div><span>;如果安装了Microsoft相机编解码器Pack，则可以使用WIC读取全尺寸相机原始文件</span></div></div><div><div><div>66</div></div><div><span>;添加原始文件的文件结尾以查看此处，例如，</span></div></div><div><div><div>67</div></div><div><span>; filesprocessedbywic = *。WDP; *。HDP; *。JXR; *。NEF</span></div></div><div><div><div>68</div></div><div><span>filesprocessedbywic = *。WDP; *。HDP; *。JXR</span></div></div><div><div><div>69</div></div><div> </div></div><div><div><div>70</div></div><div><span>; File endings of camera RAW files to be searched for embedded JPEG thumb images to display</span></div></div><div><div><div>71</div></div><div><span>; Reading just these embedded JPEGs is much faster than decoding the RAW using WIC</span></div></div><div><div><div>72</div></div><div><span>;要搜索嵌入式JPEG拇指图像的摄像机原始文件的文件结尾</span></div></div><div><div><div>73</div></div><div><span>;读取这些嵌入式JPEG比使用WIC对原始解码的速度快得多</span></div></div><div><div><div>74</div></div><div><span>FileEndingsRAW=*.pef;*.dng;*.crw;*.nef;*.cr2;*.mrw;*.rw2;*.orf;*.x3f;*.arw;*.kdc;*.nrw;*.dcr;*.sr2;*.raf</span></div></div><div><div><div>75</div></div><div> </div></div><div><div><div>76</div></div><div><span>; If true, reloads the currently displayed image automatically when it is changed by an external program on disk.</span></div></div><div><div><div>77</div></div><div><span>; Also reloads the image list when a file in the current directory is added or deleted.</span></div></div><div><div><div>78</div></div><div><span>; Set to false to turn off this behavior.</span></div></div><div><div><div>79</div></div><div><span>;如果为true，则在磁盘上的外部程序更改时自动重新加载当前显示的图像。</span></div></div><div><div><div>80</div></div><div><span>;添加或删除当前目录中的文件时也重新加载图像列表。</span></div></div><div><div><div>81</div></div><div><span>;设置为false以关闭此行为。</span></div></div><div><div><div>82</div></div><div><span>ReloadWhenDisplayedImageChanged=true</span></div></div><div><div><div>83</div></div><div> </div></div><div><div><div>84</div></div><div><span>; Background color, R G B, each component must be in [0..255], e.g. "128 128 128" for a middle gray</span></div></div><div><div><div>85</div></div><div><span>;背景颜色R G B，每个组件必须在[0..255]中，例如， “128 128 128”为中间灰色</span></div></div><div><div><div>86</div></div><div><span>BackgroundColor=0 0 0</span></div></div><div><div><div>87</div></div><div> </div></div><div><div><div>88</div></div><div><span>; Color used for transparent parts of images, R G B format as used by BackgroundColor</span></div></div><div><div><div>89</div></div><div><span>;用于图像的透明部分的颜色，R G B格式如BackgroundColor所使用的</span></div></div><div><div><div>90</div></div><div><span>TransparencyColor=0 0 0</span></div></div><div><div><div>91</div></div><div> </div></div><div><div><div>92</div></div><div><span>; GUI colors, R G B format as used by BackgroundColor</span></div></div><div><div><div>93</div></div><div><span>; GUI颜色，R G B格式由BackgroundColor使用</span></div></div><div><div><div>94</div></div><div><span>GUIColor=243 242 231</span></div></div><div><div><div>95</div></div><div><span>HighlightColor=255 205 0</span></div></div><div><div><div>96</div></div><div><span>SelectionColor=255 205 0</span></div></div><div><div><div>97</div></div><div><span>SliderColor=255 0 80</span></div></div><div><div><div>98</div></div><div><span>FileNameColor=255 255 255</span></div></div><div><div><div>99</div></div><div> </div></div><div><div><div>100</div></div><div><span>; GUI font, format: "font name" fontSizeInPoints [bold]</span></div></div><div><div><div>101</div></div><div><span>; 'Default' for the default GUI font of Windows</span></div></div><div><div><div>102</div></div><div><span>; Example: DefaultGUIFont="Arial" 9.0 bold</span></div></div><div><div><div>103</div></div><div><span>; GUI字体，格式：“字体名称”fontsizeinpoints [bold]</span></div></div><div><div><div>104</div></div><div><span>; “默认”为Windows的默认GUI字体</span></div></div><div><div><div>105</div></div><div><span>;示例：defaultguifont =“Arial”9.0粗体</span></div></div><div><div><div>106</div></div><div><span>DefaultGUIFont=Default</span></div></div><div><div><div>107</div></div><div> </div></div><div><div><div>108</div></div><div><span>; Contrast correction to apply to all images. Must be in -0.5 .. 0.5</span></div></div><div><div><div>109</div></div><div><span>; Values &gt; 0 increase contrast, values &lt; 0 decrease contrast</span></div></div><div><div><div>110</div></div><div><span>;对比校正适用于所有图像。必须在-0.5 .. 0.5</span></div></div><div><div><div>111</div></div><div><span>;值&gt; 0增加对比度，值&lt;0减小对比度</span></div></div><div><div><div>112</div></div><div><span>Contrast=0.0</span></div></div><div><div><div>113</div></div><div> </div></div><div><div><div>114</div></div><div><span>; Gamma correction to apply to all images. Must be between 0.5 and 2</span></div></div><div><div><div>115</div></div><div><span>; Use gamma&lt;1 to increase brightness and gamma&gt;1 to decrease brightness</span></div></div><div><div><div>116</div></div><div><span>;伽玛修正适用于所有图像。必须在0.5和2之间</span></div></div><div><div><div>117</div></div><div><span>;使用Gamma &lt;1增加亮度和伽马&gt; 1以降低亮度</span></div></div><div><div><div>118</div></div><div><span>Gamma=1.0</span></div></div><div><div><div>119</div></div><div> </div></div><div><div><div>120</div></div><div><span>; Color saturation to apply to all images. Must be in 0.0 .. 2.0</span></div></div><div><div><div>121</div></div><div><span>; 0.0 means gray scale image, 1.0 no additional color saturation, 2.0 maximal saturation</span></div></div><div><div><div>122</div></div><div><span>;颜色饱和度适用于所有图像。必须是0.0 .. 2.0</span></div></div><div><div><div>123</div></div><div><span>; 0.0表示灰度图像，1.0无额外的颜色饱和度，2.0最大饱和度</span></div></div><div><div><div>124</div></div><div><span>Saturation=1.0</span></div></div><div><div><div>125</div></div><div> </div></div><div><div><div>126</div></div><div><span>; Sharpening to apply for downsampled images. Must be in 0 .. 0.5</span></div></div><div><div><div>127</div></div><div><span>; Note that for 100 % zoom, the BestQuality filter will not apply any sharpening, only the other filters do</span></div></div><div><div><div>128</div></div><div><span>;锐化申请下采样的图像。必须在0 .. 0.5</span></div></div><div><div><div>129</div></div><div><span>;请注意，对于100％缩放，最佳过滤器不会应用任何锐化，只有其他过滤器会这样做</span></div></div><div><div><div>130</div></div><div><span>Sharpen=0.3</span></div></div><div><div><div>131</div></div><div> </div></div><div><div><div>132</div></div><div><span>; Default parameters for unsharp masking: Radius Amount Threshold</span></div></div><div><div><div>133</div></div><div><span>; Note that no unsharp masking can be applied automatically to every image - this setting only provides the default parameters</span></div></div><div><div><div>134</div></div><div><span>; when entering the unsharp mask mode</span></div></div><div><div><div>135</div></div><div><span>; unsharp屏蔽的默认参数：RADIUS金额阈值</span></div></div><div><div><div>136</div></div><div><span>;请注意，没有unsharp屏蔽可以自动应用于每个图像 - 此设置仅提供默认参数</span></div></div><div><div><div>137</div></div><div><span>;进入UNSHARP蒙版模式时</span></div></div><div><div><div>138</div></div><div><span>UnsharpMaskParameters=1.0 1.0 4.0</span></div></div><div><div><div>139</div></div><div> </div></div><div><div><div>140</div></div><div><span>; Default parameters for controlling rotation and perspective correction</span></div></div><div><div><div>141</div></div><div><span>;用于控制旋转和透视校正的默认参数</span></div></div><div><div><div>142</div></div><div><span>RTShowGridLines=true</span></div></div><div><div><div>143</div></div><div><span>RTAutoCrop=true</span></div></div><div><div><div>144</div></div><div><span>RTPreserveAspectRatio=true</span></div></div><div><div><div>145</div></div><div> </div></div><div><div><div>146</div></div><div><span>; Default color balance. Negative values for C,M,Y correction, positive for R,G,B.</span></div></div><div><div><div>147</div></div><div><span>; Values must be in -1.0 .. +1.0</span></div></div><div><div><div>148</div></div><div><span>;默认颜色余额。 C，M，Y校正的负值，R，G，B阳性。</span></div></div><div><div><div>149</div></div><div><span>;值必须在-1.0 .. +1.0</span></div></div><div><div><div>150</div></div><div><span>CyanRed=0.0</span></div></div><div><div><div>151</div></div><div><span>MagentaGreen=0.0</span></div></div><div><div><div>152</div></div><div><span>YellowBlue=0.0</span></div></div><div><div><div>153</div></div><div> </div></div><div><div><div>154</div></div><div><span>; Set to true to use high quality sampling as default.</span></div></div><div><div><div>155</div></div><div><span>;设置为true以使用高质量的采样默认。</span></div></div><div><div><div>156</div></div><div><span>HighQualityResampling=true</span></div></div><div><div><div>157</div></div><div> </div></div><div><div><div>158</div></div><div><span>; Start in full screen or windowed mode</span></div></div><div><div><div>159</div></div><div><span>; 'true' or 'false' to always start in full screen, respectively windowed mode</span></div></div><div><div><div>160</div></div><div><span>; 'auto' to choose best mode depending on image size of first image - windowed when it is small, full screen when it is large</span></div></div><div><div><div>161</div></div><div><span>;从全屏或窗口模式开始</span></div></div><div><div><div>162</div></div><div><span>; “真实”或“假”始终从全屏开始，分别窗口模式</span></div></div><div><div><div>163</div></div><div><span>; “自动”选择最佳模式，具体取决于第一映像的图像大小 - 当它很小时使用小窗口，当它很大时使用大的窗口</span></div></div><div><div><div>164</div></div><div><span>ShowFullScreen=false</span></div></div><div><div><div>165</div></div><div> </div></div><div><div><div>166</div></div><div><span>; Sets the default position and size of the window in window mode. Possible values:</span></div></div><div><div><div>167</div></div><div><span>; 'auto' for 2/3 of screen size</span></div></div><div><div><div>168</div></div><div><span>; 'max' to start with maximized window</span></div></div><div><div><div>169</div></div><div><span>; 'image' to adjust the window size automatically to the image size</span></div></div><div><div><div>170</div></div><div><span>; 'sticky' to automatically restore the last used window size (when ShowFullScreen=auto only the upper,left position is restored)</span></div></div><div><div><div>171</div></div><div><span>; 'left top right bottom', space separated e.g: 100 100 900 700</span></div></div><div><div><div>172</div></div><div><span>;在窗口模式下设置窗口的默认位置和大小。可能的值：</span></div></div><div><div><div>173</div></div><div><span>; “自动”屏幕尺寸的2/3</span></div></div><div><div><div>174</div></div><div><span>; 'max'以最大化的窗口开始</span></div></div><div><div><div>175</div></div><div><span>; “图像”以自动将窗口大小调整为图像大小</span></div></div><div><div><div>176</div></div><div><span>; “粘性”自动恢复最后使用的窗口大小（当Showfullscreen =自动仅恢复上部，左侧位置恢复）</span></div></div><div><div><div>177</div></div><div><span>; “左上右下”，空间分开e：100 100 900 700</span></div></div><div><div><div>178</div></div><div><span>DefaultWindowRect=auto</span></div></div><div><div><div>179</div></div><div> </div></div><div><div><div>180</div></div><div><span>; Contains the stored window rectangle in case of DefaultWindowRect=sticky</span></div></div><div><div><div>181</div></div><div><span>;在DefaultWindowRect =粘性的情况下包含存储的窗口矩形</span></div></div><div><div><div>182</div></div><div><span>StickyWindowRect=</span></div></div><div><div><div>183</div></div><div> </div></div><div><div><div>184</div></div><div><span>; Minimal window size in windowed mode (in pixels)</span></div></div><div><div><div>185</div></div><div><span>;窗口模式下最小窗口大小（以像素为单位）</span></div></div><div><div><div>186</div></div><div><span>MinimalWindowSize=320 240</span></div></div><div><div><div>187</div></div><div> </div></div><div><div><div>188</div></div><div><span>; The initial crop window size when using 'Fixed Size' crop mode</span></div></div><div><div><div>189</div></div><div><span>;使用“固定大小”裁剪模式时初始裁剪窗口大小</span></div></div><div><div><div>190</div></div><div><span>DefaultFixedCropSize=320 200</span></div></div><div><div><div>191</div></div><div> </div></div><div><div><div>192</div></div><div><span>; User defined crop aspect ratio (x y), meaning (x : y)</span></div></div><div><div><div>193</div></div><div><span>;用户定义的裁剪比（x y），意思（x：y）</span></div></div><div><div><div>194</div></div><div><span>UserCropAspectRatio=1 1</span></div></div><div><div><div>195</div></div><div> </div></div><div><div><div>196</div></div><div><span>; Set to true to initially display the file name of each image in the upper, left corner of the screen</span></div></div><div><div><div>197</div></div><div><span>;设置为true以最初显示屏幕左上角的每个图像的文件名</span></div></div><div><div><div>198</div></div><div><span>ShowFileName=false</span></div></div><div><div><div>199</div></div><div> </div></div><div><div><div>200</div></div><div><span>; The elements to show when showing the file name.</span></div></div><div><div><div>201</div></div><div><span>; Possible elements:</span></div></div><div><div><div>202</div></div><div><span>; %filename% : File name</span></div></div><div><div><div>203</div></div><div><span>; %filepath% : File name and path</span></div></div><div><div><div>204</div></div><div><span>; %index% : Index of image in folder, e.g. [1/12]</span></div></div><div><div><div>205</div></div><div><span>; %zoom% : Current zoom factor</span></div></div><div><div><div>206</div></div><div><span>; %size% : Size of image in pixels (w x h)</span></div></div><div><div><div>207</div></div><div><span>; %filesize% : Size of image on disk</span></div></div><div><div><div>208</div></div><div><span>;显示文件名时要显示的元素。</span></div></div><div><div><div>209</div></div><div><span>;可能的元素：</span></div></div><div><div><div>210</div></div><div><span>; ％filename％：文件名</span></div></div><div><div><div>211</div></div><div><span>; ％filepath％：文件名和路径</span></div></div><div><div><div>212</div></div><div><span>; ％index％：文件夹中的图像索引，例如[1/12]</span></div></div><div><div><div>213</div></div><div><span>; ％zoom％：电流缩放系数</span></div></div><div><div><div>214</div></div><div><span>; ％size％：以像素为单位的大小（w x h）</span></div></div><div><div><div>215</div></div><div><span>; ％filesize％：磁盘上的图像大小</span></div></div><div><div><div>216</div></div><div><span>FileNameFormat=%index% %filepath% ％filesize％</span></div></div><div><div><div>217</div></div><div> </div></div><div><div><div>218</div></div><div><span>; Font for the file name display, see DefaultGUIFont key for the format</span></div></div><div><div><div>219</div></div><div><span>;文件名显示的字体，请参阅DefaultGuifont键进行格式</span></div></div><div><div><div>220</div></div><div><span>FileNameFont=Default</span></div></div><div><div><div>221</div></div><div> </div></div><div><div><div>222</div></div><div><span>; Set to true to initially display the file info box (EXIF info if available)</span></div></div><div><div><div>223</div></div><div><span>;设置为true才能最初显示文件信息框（如果可用（如果可用）</span></div></div><div><div><div>224</div></div><div><span>ShowFileInfo=false</span></div></div><div><div><div>225</div></div><div> </div></div><div><div><div>226</div></div><div><span>; Show the acquisition date from EXIF data in the window title</span></div></div><div><div><div>227</div></div><div><span>;从窗口标题中的EXIF数据显示获取日期</span></div></div><div><div><div>228</div></div><div><span>ShowEXIFDateInTitle=true</span></div></div><div><div><div>229</div></div><div> </div></div><div><div><div>230</div></div><div><span>; Set to true to show the histogram on the file info panel by default</span></div></div><div><div><div>231</div></div><div><span>;默认设置为true以显示文件信息面板上的直方图</span></div></div><div><div><div>232</div></div><div><span>ShowHistogram=false</span></div></div><div><div><div>233</div></div><div> </div></div><div><div><div>234</div></div><div><span>; Set to true to show JPEG comments (EXIF user comment, EXIF image description or JPEG comment) in the file info box</span></div></div><div><div><div>235</div></div><div><span>;设置为true以显示文件信息框中的JPEG注释（EXIF用户注释，EXIF图像描述或JPEG注释）</span></div></div><div><div><div>236</div></div><div><span>ShowJPEGComments=true</span></div></div><div><div><div>237</div></div><div> </div></div><div><div><div>238</div></div><div><span>; Set to true to show the bottom panel when moving the mouse to the bottom of the screen/window.</span></div></div><div><div><div>239</div></div><div><span>; The bottom panel provides basic image processing functionality</span></div></div><div><div><div>240</div></div><div><span>;将鼠标移动到屏幕/窗口底部时，设置为true以显示底部面板。</span></div></div><div><div><div>241</div></div><div><span>;底板提供基本图像处理功能</span></div></div><div><div><div>242</div></div><div><span>ShowBottomPanel=true</span></div></div><div><div><div>243</div></div><div> </div></div><div><div><div>244</div></div><div><span>; Set to false if the navigation panel shall not be blended to the image</span></div></div><div><div><div>245</div></div><div><span>;如果导航面板不得混合到图像，则设置为FALSE</span></div></div><div><div><div>246</div></div><div><span>ShowNavPanel=flas</span></div></div><div><div><div>247</div></div><div> </div></div><div><div><div>248</div></div><div><span>; Set to false to disable the thumbnail image blended in during zoom and pan</span></div></div><div><div><div>249</div></div><div><span>;设置为false以禁用在缩放和平移期间混合的缩略图图像</span></div></div><div><div><div>250</div></div><div><span>ShowZoomNavigator=true</span></div></div><div><div><div>251</div></div><div> </div></div><div><div><div>252</div></div><div><span>; Blending factor of the navigation panel when the mouse is not on that panel. Set to 0.0 to only</span></div></div><div><div><div>253</div></div><div><span>; show the panel when the mouse is over the panel</span></div></div><div><div><div>254</div></div><div><span>;导航面板的混合因子在鼠标不在该面板上时。仅设置为0.0</span></div></div><div><div><div>255</div></div><div><span>;当鼠标在面板上显示面板</span></div></div><div><div><div>256</div></div><div><span>BlendFactorNavPanel=0.5</span></div></div><div><div><div>257</div></div><div> </div></div><div><div><div>258</div></div><div><span>; Scaling factor for the navigation panel. Increase if the buttons on the panel are too small, e.g. on a touchscreen.</span></div></div><div><div><div>259</div></div><div><span>;导航面板的缩放因子。如果面板上的按钮太小，则增加，例如，在触摸屏上。</span></div></div><div><div><div>260</div></div><div><span>ScaleFactorNavPanel=1.0</span></div></div><div><div><div>261</div></div><div> </div></div><div><div><div>262</div></div><div><span>; Set to true to keep the zoom, pan, contrast, gamma, sharpen and rotation setting between the images</span></div></div><div><div><div>263</div></div><div><span>;设置为true以保持缩放，平移，对比度，伽马，锐化和图像之间的旋转设置</span></div></div><div><div><div>264</div></div><div><span>KeepParameters=false</span></div></div><div><div><div>265</div></div><div> </div></div><div><div><div>266</div></div><div><span>; CPUType can be AutoDetect, Generic, MMX, SSE or AVX2</span></div></div><div><div><div>267</div></div><div><span>; Generic should work on all CPUs, MMX needs at least MMX II (starting from PIII)</span></div></div><div><div><div>268</div></div><div><span>; Use AutoDetect to detect the best possible algorithm to use</span></div></div><div><div><div>269</div></div><div><span>; cuptype可以是自动检测，通用，mmx，sse或avx2</span></div></div><div><div><div>270</div></div><div><span>;通用应该在所有CPU上工作，MMX至少需要MMX II（从PIII开始）</span></div></div><div><div><div>271</div></div><div><span>;使用autodeTect检测最佳可能的算法</span></div></div><div><div><div>272</div></div><div><span>CPUType=AutoDetect</span></div></div><div><div><div>273</div></div><div> </div></div><div><div><div>274</div></div><div><span>; Number of CPU cores used. Set to 0 for auto detection.</span></div></div><div><div><div>275</div></div><div><span>; Must be 1 to 4, or 0 for auto detect.</span></div></div><div><div><div>276</div></div><div><span>;使用的CPU核心数。设置为0进行自动检测。</span></div></div><div><div><div>277</div></div><div><span>;必须为1到4，或0进行自动检测。</span></div></div><div><div><div>278</div></div><div><span>CPUCoresUsed=4</span></div></div><div><div><div>279</div></div><div> </div></div><div><div><div>280</div></div><div><span>; Default print margin (all sides) in centimeters</span></div></div><div><div><div>281</div></div><div><span>;默认打印余量（全面），单位厘米</span></div></div><div><div><div>282</div></div><div><span>PrintMargin=1.0</span></div></div><div><div><div>283</div></div><div> </div></div><div><div><div>284</div></div><div><span>; Default print width in centimeters. Use negative numbers to set the 'Fit to paper' printing mode.</span></div></div><div><div><div>285</div></div><div><span>;默认打印宽度为厘米。使用负数来设置“适合纸张”打印模式。</span></div></div><div><div><div>286</div></div><div><span>PrintWidth=-15.0</span></div></div><div><div><div>287</div></div><div> </div></div><div><div><div>288</div></div><div><span>; Units (centimeters, inches) used, one of 'auto', 'metric' or 'english'.</span></div></div><div><div><div>289</div></div><div><span>; 'auto' uses the system setting</span></div></div><div><div><div>290</div></div><div><span>; 'metric' uses the metric system, e.g. centimeters for length</span></div></div><div><div><div>291</div></div><div><span>; 'english' uses the English/US system, e.g. inches for length</span></div></div><div><div><div>292</div></div><div><span>;使用单位（厘米，英寸），“自动”，“公制”或“英语”之一。</span></div></div><div><div><div>293</div></div><div><span>; 'auto'使用系统设置</span></div></div><div><div><div>294</div></div><div><span>; “指标”使用公制系统，例如，厘米的长度</span></div></div><div><div><div>295</div></div><div><span>; '英语'使用英语/美国系统，例如，英寸的长度</span></div></div><div><div><div>296</div></div><div><span>Units=auto</span></div></div><div><div><div>297</div></div><div> </div></div><div><div><div>298</div></div><div><span>; DownSamplingFilter can be BestQuality, NoAliasing or Narrow</span></div></div><div><div><div>299</div></div><div><span>; The BestQuality filter produces a very small amount of aliasing.</span></div></div><div><div><div>300</div></div><div><span>; The NoAliasing filter is a Lanczos filter that has almost no aliasing when sharpen is set to zero</span></div></div><div><div><div>301</div></div><div><span>; The Narrow filter produces quite a lot of aliasing but will sharpen much and also sharpens 100% images</span></div></div><div><div><div>302</div></div><div><span>; DownSamplingFilter可以是最佳，诺纳义齿或狭窄</span></div></div><div><div><div>303</div></div><div><span>;最佳滤波器产生非常少量的锯齿。</span></div></div><div><div><div>304</div></div><div><span>; NoaliaIning滤波器是Lanczos过滤器，当锐化设置为零时几乎没有别名</span></div></div><div><div><div>305</div></div><div><span>;狭窄的过滤器产生相当大的别名，但会磨砺很多，也锐化100％的图像</span></div></div><div><div><div>306</div></div><div><span>DownSamplingFilter=BestQuality</span></div></div><div><div><div>307</div></div><div> </div></div><div><div><div>308</div></div><div><span>; Sorting order of the files when displaying the image files in a folder</span></div></div><div><div><div>309</div></div><div><span>; Can be LastModDate, CreationDate, FileName, FileSize or Random</span></div></div><div><div><div>310</div></div><div><span>;在显示文件夹中显示图像文件时的排序顺序</span></div></div><div><div><div>311</div></div><div><span>;可以是lastmoddate，creationdate，filename，文件化或随机</span></div></div><div><div><div>312</div></div><div><span>FileDisplayOrder=LastModDate</span></div></div><div><div><div>313</div></div><div> </div></div><div><div><div>314</div></div><div><span>; Sort files upcounting or downcounting</span></div></div><div><div><div>315</div></div><div><span>;排序文件upcomounting或downcounting</span></div></div><div><div><div>316</div></div><div><span>IsSortedUpcounting=true</span></div></div><div><div><div>317</div></div><div> </div></div><div><div><div>318</div></div><div><span>; Navigation within or between folders</span></div></div><div><div><div>319</div></div><div><span>; LoopFolder : Loop within the source folder and never leave this folder</span></div></div><div><div><div>320</div></div><div><span>; LoopSameFolderLevel: Loop to next folder on the same hierarchy level (sibling folders)</span></div></div><div><div><div>321</div></div><div><span>; LoopSubFolders: Loop into subfolders of the source folder</span></div></div><div><div><div>322</div></div><div><span>;在文件夹内或之间导航</span></div></div><div><div><div>323</div></div><div><span>; LoopF​​older：源文件夹中的循环，切勿离开此文件夹</span></div></div><div><div><div>324</div></div><div><span>; loopsamefolderlevel：循环到同一层次结构级别的下一个文件夹（兄弟姐妹文件夹）</span></div></div><div><div><div>325</div></div><div><span>;围页仪器：循环进入源文件夹的子文件夹</span></div></div><div><div><div>326</div></div><div><span>FolderNavigation=LoopFolder</span></div></div><div><div><div>327</div></div><div> </div></div><div><div><div>328</div></div><div><span>; If true, the mouse wheel can be used to navigate forward and backward and zoom must be done with Ctrl-MouseWheel</span></div></div><div><div><div>329</div></div><div><span>; If false, zoom is done with the mousewheel (no Ctrl required)</span></div></div><div><div><div>330</div></div><div><span>;如果为true，则可以使用鼠标滚轮向前和向后导航，并且必须使用Ctrl-MouseWheel完成缩放</span></div></div><div><div><div>331</div></div><div><span>;如果为false，则使用鼠标手（无需Ctrl）完成缩放</span></div></div><div><div><div>332</div></div><div><span>NavigateWithMouseWheel=false</span></div></div><div><div><div>333</div></div><div> </div></div><div><div><div>334</div></div><div><span>; Zoom speed with mouse wheel, 1.0 means default speed, smaller values slower zoom, larger faster zoom</span></div></div><div><div><div>335</div></div><div><span>;缩放速度与鼠标滚轮，1.0表示默认速度，较小的值较慢的变焦，更大的变焦</span></div></div><div><div><div>336</div></div><div><span>MouseWheelZoomSpeed=0.8</span></div></div><div><div><div>337</div></div><div> </div></div><div><div><div>338</div></div><div><span>; Minimal display time of an image when using the PgDn/PgUp keys (in milliseconds [0..1000 ms])</span></div></div><div><div><div>339</div></div><div><span>;使用PGDN / PGUP键时图像的最小显示时间（以毫秒为单位[0..1000 ms]）</span></div></div><div><div><div>340</div></div><div><span>MinimalDisplayTime = 0.0</span></div></div><div><div><div>341</div></div><div> </div></div><div><div><div>342</div></div><div><span>; If true, the extended mouse buttons (Forward and backward) are exchanged compared to Internet explorer</span></div></div><div><div><div>343</div></div><div><span>; This is useful to put the 'go to next image' functionality to the button that is better reachable</span></div></div><div><div><div>344</div></div><div><span>ExchangeXButtons=true</span></div></div><div><div><div>345</div></div><div> </div></div><div><div><div>346</div></div><div><span>; If true the files in a folder are shown with wrap around, thus going from last to first image and vice versa</span></div></div><div><div><div>347</div></div><div><span>; If false navigation stops on the last and first image</span></div></div><div><div><div>348</div></div><div><span>;如果为true文件夹中的文件显示为缠绕，从而从最后到第一个图像，反之亦然</span></div></div><div><div><div>349</div></div><div><span>;如果错误导航停止在最后一个和第一张图像上</span></div></div><div><div><div>350</div></div><div><span>WrapAroundFolder=true</span></div></div><div><div><div>351</div></div><div> </div></div><div><div><div>352</div></div><div><span>; If true, JPEG images are auto rotated according to EXIF image orientation tag if present.</span></div></div><div><div><div>353</div></div><div><span>;如果为true，则根据存在的EXIF图像方向标签自动旋转JPEG图像。</span></div></div><div><div><div>354</div></div><div><span>AutoRotateEXIF=true</span></div></div><div><div><div>355</div></div><div> </div></div><div><div><div>356</div></div><div><span>; If true, embedded ICC color profiles are used for JPEG and TIFF. This forces using GDI+ for JPEGs and therefore</span></div></div><div><div><div>357</div></div><div><span>; results in much slower loading of JPEGs! Only set to true if you really need this.</span></div></div><div><div><div>358</div></div><div><span>;如果为true，则嵌入式ICC颜色配置文件用于JPEG和TIFF。这种力使用GDI +对于JPEG和因此</span></div></div><div><div><div>359</div></div><div><span>;导致JPEG负载较慢！如果您真的需要这个，那么只设置为true。</span></div></div><div><div><div>360</div></div><div><span>UseEmbeddedColorProfiles=false</span></div></div><div><div><div>361</div></div><div> </div></div><div><div><div>362</div></div><div><span>; Auto zoom mode (for window mode only if AutoZoomModeFullscreen is present)</span></div></div><div><div><div>363</div></div><div><span>; FitNoZoom : Fit images to screen, never enlarge image</span></div></div><div><div><div>364</div></div><div><span>; FillNoZoom : Fill screen with no black borders, crop if necessary but not too much, never enlarge image</span></div></div><div><div><div>365</div></div><div><span>; Fit : Fit images to screen</span></div></div><div><div><div>366</div></div><div><span>; Fill : Fill screen with no black borders, crop if necessary</span></div></div><div><div><div>367</div></div><div><span>;自动缩放模式（仅在窗口模式下，仅当存在AutozoommodefullScreen时）</span></div></div><div><div><div>368</div></div><div><span>; fitnozoom：适合图像到屏幕，永远不会放大图像</span></div></div><div><div><div>369</div></div><div><span>; Fillnozoom：填充屏幕没有黑色边界，裁剪如有必要，但不是太多，永远不会放大图像</span></div></div><div><div><div>370</div></div><div><span>;适合：适合图像屏幕</span></div></div><div><div><div>371</div></div><div><span>;填充：填充屏幕没有黑色边界，必要时裁剪</span></div></div><div><div><div>372</div></div><div><span>AutoZoomMode=FitNoZoom</span></div></div><div><div><div>373</div></div><div> </div></div><div><div><div>374</div></div><div><span>; Auto zoom mode for fullscreen mode. If empty, same value as 'AutoZoomMode' is used.</span></div></div><div><div><div>375</div></div><div><span>;全屏模式自动缩放模式。如果使用具有“自动组电片”的空值相同。</span></div></div><div><div><div>376</div></div><div><span>AutoZoomModeFullscreen=</span></div></div><div><div><div>377</div></div><div> </div></div><div><div><div>378</div></div><div><span>; Maximum size of slide show text files in KB</span></div></div><div><div><div>379</div></div><div><span>;幻灯片的最大大小显示KB中的文本文件</span></div></div><div><div><div>380</div></div><div><span>MaxSlideShowFileListSizeKB=200</span></div></div><div><div><div>381</div></div><div> </div></div><div><div><div>382</div></div><div><span>; Transition effect for slide shows in full screen mode - ignored when used in window mode</span></div></div><div><div><div>383</div></div><div><span>; Possible transition effects: None, Blend, SlideRL, SlideLR, SlideTB, SlideBT, RollRL, RollLR, RollTB, RollBT, ScrollRL, ScrollLR, ScrollTB, ScrollBT</span></div></div><div><div><div>384</div></div><div><span>;幻灯片的过渡效果在全屏模式下显示 - 在窗口模式下使用时忽略</span></div></div><div><div><div>385</div></div><div><span>;可能的过渡效果：无，混合，sliderl，slidelr，slidetb，slidebt，rollrl，rolllr，rolltb，rollbt，scrollrl，scrolllr，scrolltb，scrollbt</span></div></div><div><div><div>386</div></div><div><span>SlideShowTransitionEffect=Blend</span></div></div><div><div><div>387</div></div><div> </div></div><div><div><div>388</div></div><div><span>; Time of the slide show transition effect in milliseconds, only used in full screen mode</span></div></div><div><div><div>389</div></div><div><span>;幻灯片的时间显示过渡效果以毫秒为单位，仅用于全屏模式</span></div></div><div><div><div>390</div></div><div><span>SlideShowEffectTime=250</span></div></div><div><div><div>391</div></div><div> </div></div><div><div><div>392</div></div><div><span>; If set to true, only one single instance of JPEGView runs at any time, if false multiple instances are allowed</span></div></div><div><div><div>393</div></div><div><span>; Set to true to open all images in the same JPEGView window.</span></div></div><div><div><div>394</div></div><div><span>;如果设置为true，则只有一个单个jpegview的实例随时运行，如果允许虚假的实例</span></div></div><div><div><div>395</div></div><div><span>;设置为true以打开同一JPEGVIEW窗口中的所有图像。</span></div></div><div><div><div>396</div></div><div><span>SingleInstance=false</span></div></div><div><div><div>397</div></div><div> </div></div><div><div><div>398</div></div><div><span>; If set to true, only one single instance of JPEGView runs in full screen mode, if false multiple instances are allowed</span></div></div><div><div><div>399</div></div><div><span>; The value is ignored if SingleInstance=true</span></div></div><div><div><div>400</div></div><div><span>;如果设置为true，则仅在全屏模式下运行一个单个实例，如果允许虚假的实例</span></div></div><div><div><div>401</div></div><div><span>;如果singleInstance = true，则忽略该值</span></div></div><div><div><div>402</div></div><div><span>SingleFullScreenInstance=true</span></div></div><div><div><div>403</div></div><div> </div></div><div><div><div>404</div></div><div><span>; Set to true to skip the 'File Open' dialog when starting JPEGView without providing a file name as parameter</span></div></div><div><div><div>405</div></div><div><span>;设置为true以在启动jpegview时跳过“文件打开”对话框，而无需向参数提供文件名</span></div></div><div><div><div>406</div></div><div><span>SkipFileOpenDialogOnStartup=false</span></div></div><div><div><div>407</div></div><div> </div></div><div><div><div>408</div></div><div><span>; Force using GDI+ for reading JPEGS. Only use when you have problems reading your JPEGs with the default Turbo JPEG library.</span></div></div><div><div><div>409</div></div><div><span>; Note that using GDI+ is slower than the Turbo JPEG JPEG library!</span></div></div><div><div><div>410</div></div><div><span>;使用GDI +读取JPEG的力。只有在使用默认turbo jpeg库读取jpegs时才能使用。</span></div></div><div><div><div>411</div></div><div><span>;请注意，使用GDI +比Turbo JPEG JPEG库慢！</span></div></div><div><div><div>412</div></div><div><span>ForceGDIPlus=false</span></div></div><div><div><div>413</div></div><div> </div></div><div><div><div>414</div></div><div><span>; Quality when saving JPEG files (in 0..100 where 100 is the highest quality)</span></div></div><div><div><div>415</div></div><div><span>;保存JPEG文件时的质量（在0..100中，100是最高质量的）</span></div></div><div><div><div>416</div></div><div><span>JPEGSaveQuality=100</span></div></div><div><div><div>417</div></div><div> </div></div><div><div><div>418</div></div><div><span>; Quality when saving WEBP files with lossy compression (in 0..100 where 100 is the highest quality)</span></div></div><div><div><div>419</div></div><div><span>;使用有损压缩的WebP文件保存WebP文件（在0..100中，100是最高质量的）</span></div></div><div><div><div>420</div></div><div><span>WEBPSaveQuality=100</span></div></div><div><div><div>421</div></div><div> </div></div><div><div><div>422</div></div><div><span>; Default format for saving files. Supported formats: jpg, bmp, png, tif, webp</span></div></div><div><div><div>423</div></div><div><span>;保存文件的默认格式。支持的格式：JPG，BMP，PNG，TIF，WEPP</span></div></div><div><div><div>424</div></div><div><span>DefaultSaveFormat=jpg</span></div></div><div><div><div>425</div></div><div> </div></div><div><div><div>426</div></div><div><span>; Set to true to create a parameter DB entry when saving an image with JPEGView to avoid processing it again</span></div></div><div><div><div>427</div></div><div><span>;设置为true以使用jpegview保存图像时创建参数db条目以避免再次处理它</span></div></div><div><div><div>428</div></div><div><span>CreateParamDBEntryOnSave=true</span></div></div><div><div><div>429</div></div><div> </div></div><div><div><div>430</div></div><div><span>; If set to true, Ctrl-S overrides the original file on disk, applying the current processings without</span></div></div><div><div><div>431</div></div><div><span>; showing a dialog or prompting the user to confirm.</span></div></div><div><div><div>432</div></div><div><span>; CAUTION: Use at your own risk! Be aware that the original image file is overridden and cannot be restored anymore!</span></div></div><div><div><div>433</div></div><div><span>;如果设置为true，则Ctrl-s覆盖磁盘上的原始文件，应用当前处理</span></div></div><div><div><div>434</div></div><div><span>;显示对话框或提示用户确认。</span></div></div><div><div><div>435</div></div><div><span>;注意：以您自己的风险使用！请注意，原始图像文件被覆盖，无法恢复！</span></div></div><div><div><div>436</div></div><div><span>OverrideOriginalFileWithoutSaveDialog=false</span></div></div><div><div><div>437</div></div><div> </div></div><div><div><div>438</div></div><div><span>; If set to true, lossless JPEG transformations will trim the image as needed without prompting the user.</span></div></div><div><div><div>439</div></div><div><span>; This will remove 15 pixel rows/columns at the image borders in worst case.</span></div></div><div><div><div>440</div></div><div><span>; CAUTION: Use at your own risk! Be aware that the original image file is overridden and the trimmed borders cannot be restored anymore!</span></div></div><div><div><div>441</div></div><div><span>;如果设置为true，则无损JPEG转换将根据需要修剪图像，而不会提示用户。</span></div></div><div><div><div>442</div></div><div><span>;在最坏的情况下，这将删除图像边框的15个像素行/列。</span></div></div><div><div><div>443</div></div><div><span>;注意：以您自己的风险使用！请注意，原始图像文件被覆盖，修剪边框不能再恢复！</span></div></div><div><div><div>444</div></div><div><span>TrimWithoutPromptLosslessJPEG=false</span></div></div><div><div><div>445</div></div><div> </div></div><div><div><div>446</div></div><div><span>; Type of confirmation required when deleting a file with the 'x' button on the navigation panel</span></div></div><div><div><div>447</div></div><div><span>; Possible values: Never, OnlyWhenNoRecycleBin, Always</span></div></div><div><div><div>448</div></div><div><span>; OnlyWhenNoRecycleBin means to only require a confirmation when there is no recycle bin available (e.g. on memory sticks)</span></div></div><div><div><div>449</div></div><div><span>; Notice: Does not apply to deleting files with the Del key. To change this edit the KeyMap.txt and assign another command to the Del key.</span></div></div><div><div><div>450</div></div><div><span>;使用导航面板上的“X”按钮删除文件时所需的确认类型</span></div></div><div><div><div>451</div></div><div><span>;可能的价值观：永远不会，刚才</span></div></div><div><div><div>452</div></div><div><span>;只有WhenorecycleCyclebin意味着当没有可用的垃圾箱时只需要确认（例如，在记忆棒上）</span></div></div><div><div><div>453</div></div><div><span>;注意：不适用于删除del键的文件。要更改此编辑keymap.txt并将另一个命令分配给del键。</span></div></div><div><div><div>454</div></div><div><span>DeleteConfirmation=OnlyWhenNoRecycleBin</span></div></div><div><div><div>455</div></div><div> </div></div><div><div><div>456</div></div><div><span>; Set to false to disallow deletion of images in JPEGView. This hides the 'x' button on the navigation panel</span></div></div><div><div><div>457</div></div><div><span>; and disables the commands for deletion (IDM_MOVE_TO_RECYCLE_BIN etc.)</span></div></div><div><div><div>458</div></div><div><span>;设置为false以禁止删除JPEGVIEW中的图像。这隐藏了导航面板上的“x”按钮</span></div></div><div><div><div>459</div></div><div><span>;并禁用删除命令（idm_move_to_recycle_bin等）</span></div></div><div><div><div>460</div></div><div><span>AllowFileDeletion=false</span></div></div><div><div><div>461</div></div><div> </div></div><div><div><div>462</div></div><div><span>; Set to true to show the menu item that allows editing the global INI file</span></div></div><div><div><div>463</div></div><div><span>;设置为true以显示允许编辑全局INI文件的菜单项</span></div></div><div><div><div>464</div></div><div><span>AllowEditGlobalSettings=false</span></div></div><div><div><div>465</div></div><div> </div></div><div><div><div>466</div></div><div><span>; Only for multi-monitor systems!</span></div></div><div><div><div>467</div></div><div><span>; Monitor to start the application on</span></div></div><div><div><div>468</div></div><div><span>; -1: Use monitor with largest resolution, primary monitor if several monitors have the same resolution</span></div></div><div><div><div>469</div></div><div><span>; 0: Use primary monitor</span></div></div><div><div><div>470</div></div><div><span>; 1...n: Use the non-primary monitor with index n</span></div></div><div><div><div>471</div></div><div><span>;仅适用于多显示器系统！</span></div></div><div><div><div>472</div></div><div><span>;监视器启动应用程序</span></div></div><div><div><div>473</div></div><div><span>; -1：使用最大分辨率的显示器，主监视器如果多个监视器具有相同的分辨率</span></div></div><div><div><div>474</div></div><div><span>; 0：使用主监视器</span></div></div><div><div><div>475</div></div><div><span>; 1 ... N：使用索引n的非主监视器</span></div></div><div><div><div>476</div></div><div><span>DisplayMonitor=-1</span></div></div><div><div><div>477</div></div><div> </div></div><div><div><div>478</div></div><div><span>; Automatic contrast correction by histogram equalization</span></div></div><div><div><div>479</div></div><div><span>; F5 enables/disables the correction on the current image.</span></div></div><div><div><div>480</div></div><div><span>;直方图均衡自动对比度校正</span></div></div><div><div><div>481</div></div><div><span>; F5启用/禁用当前图像上的校正。</span></div></div><div><div><div>482</div></div><div><span>AutoContrastCorrection=false</span></div></div><div><div><div>483</div></div><div> </div></div><div><div><div>484</div></div><div><span>; Using the following two keys, it is possible to explicitly exclude/include folders from the contrast correction.</span></div></div><div><div><div>485</div></div><div><span>; More specific patterns have precedence over less specific patterns and inclusion has precedence over exclusion if</span></div></div><div><div><div>486</div></div><div><span>; a folder matches both. Example: '*\pics\orig\* has precedence over *\pics\* because it is more specific</span></div></div><div><div><div>487</div></div><div><span>; Use the ; character to separate two expressions.</span></div></div><div><div><div>488</div></div><div><span>; Example: ACCExclude=%mypictures%\Digicam\edited\*;*.bmp</span></div></div><div><div><div>489</div></div><div><span>; This will exclude all files in the ..\My Pictures\Digicam\edited\ folder and all its subfolders and all bmp files</span></div></div><div><div><div>490</div></div><div><span>; from automatic contrast correction.</span></div></div><div><div><div>491</div></div><div><span>; The following two placeholders are recognized:</span></div></div><div><div><div>492</div></div><div><span>; %mypictures% : "My documents\My Pictures" folder</span></div></div><div><div><div>493</div></div><div><span>; %mydocuments% : "My documents" folder</span></div></div><div><div><div>494</div></div><div><span>;使用以下两个键，可以从对比度校正中明确地排除/包含文件夹。</span></div></div><div><div><div>495</div></div><div><span>;更具体的模式优先于更小的图案，并且夹杂物优先于排除</span></div></div><div><div><div>496</div></div><div><span>;文件夹匹配两者。示例：'* \ Pics \ ORIG \ *优先于* \ PICS \ *因为它更具体</span></div></div><div><div><div>497</div></div><div><span>;使用 ;字符分离两个表达式。</span></div></div><div><div><div>498</div></div><div><span>;示例：Accexclude =％mypictures％\ digicam \编辑\ *; *。BMP</span></div></div><div><div><div>499</div></div><div><span>;这将排除在... \ my图片\ digicam \ redited \ folder和所有子文件夹和所有bmp文件中的所有文件</span></div></div><div><div><div>500</div></div><div><span>;从自动对比度校正。</span></div></div><div><div><div>501</div></div><div><span>;以下两个占位符被认可：</span></div></div><div><div><div>502</div></div><div><span>; ％mypictures％：“我的文件\我的图片”文件夹</span></div></div><div><div><div>503</div></div><div><span>; ％mydocuments％：“我的文档”文件夹</span></div></div><div><div><div>504</div></div><div><span>ACCExclude=</span></div></div><div><div><div>505</div></div><div><span>ACCInclude=</span></div></div><div><div><div>506</div></div><div> </div></div><div><div><div>507</div></div><div><span>; Amount of automatic contrast correction</span></div></div><div><div><div>508</div></div><div><span>; 0 means no contrast correction, 1 means full (to black and white point) contrast correction. Must be in (0 .. 1)</span></div></div><div><div><div>509</div></div><div><span>;自动对比度校正量</span></div></div><div><div><div>510</div></div><div><span>; 0表示没有对比校正，1表示完全（黑白点）对比度校正。必须在（0 .. 1）</span></div></div><div><div><div>511</div></div><div><span>AutoContrastCorrectionAmount=0.5</span></div></div><div><div><div>512</div></div><div> </div></div><div><div><div>513</div></div><div><span>; Amount of color correction in the color channels reg, green, blue, cyan, magenta and yellow</span></div></div><div><div><div>514</div></div><div><span>; The numbers must be between 0.0 (no correction) and 1.0 (total correction towards the gray world model)</span></div></div><div><div><div>515</div></div><div><span>;颜色频道中的颜色校正量reg，绿色，蓝色，青色，洋红色和黄色</span></div></div><div><div><div>516</div></div><div><span>;数字必须在0.0（无校正）和1.0之间（灰色世界模型的总校正）</span></div></div><div><div><div>517</div></div><div><span>ColorCorrection = "R: 0.2 G: 0.1 B: 0.35 C: 0.1 M: 0.3 Y: 0.15"</span></div></div><div><div><div>518</div></div><div> </div></div><div><div><div>519</div></div><div><span>; Amount of automatic brightness correction</span></div></div><div><div><div>520</div></div><div><span>; 0 means no brightness correction, 1 means full correction to middle gray. Must be in (0 .. 1)</span></div></div><div><div><div>521</div></div><div><span>;自动亮度校正量</span></div></div><div><div><div>522</div></div><div><span>; 0表示没有亮度校正，1表示对中间灰色的完全校正。必须在（0 .. 1）</span></div></div><div><div><div>523</div></div><div><span>AutoBrightnessCorrectionAmount=0.2</span></div></div><div><div><div>524</div></div><div> </div></div><div><div><div>525</div></div><div><span>; Automatic correction of local density (local brightness of images)</span></div></div><div><div><div>526</div></div><div><span>; Can be enabled/disabled on the image with F6</span></div></div><div><div><div>527</div></div><div><span>;自动校正局部密度（局部亮度的图像）</span></div></div><div><div><div>528</div></div><div><span>;可以使用f6在图像上启用/禁用</span></div></div><div><div><div>529</div></div><div><span>LocalDensityCorrection=false</span></div></div><div><div><div>530</div></div><div> </div></div><div><div><div>531</div></div><div><span>; See remark about exclusion/inclusion at the ACCExclude setting.</span></div></div><div><div><div>532</div></div><div><span>; The same applies to these settings.</span></div></div><div><div><div>533</div></div><div><span>;请参阅关于排除/包含在AccexClude环境中的备注。</span></div></div><div><div><div>534</div></div><div><span>;这同样适用于这些设置。</span></div></div><div><div><div>535</div></div><div><span>LDCExclude=</span></div></div><div><div><div>536</div></div><div><span>LDCInclude=</span></div></div><div><div><div>537</div></div><div> </div></div><div><div><div>538</div></div><div><span>; Amount of local density correction of shadows</span></div></div><div><div><div>539</div></div><div><span>; Can be in [0, 1]</span></div></div><div><div><div>540</div></div><div><span>;阴影的局部密度校正量</span></div></div><div><div><div>541</div></div><div><span>;可以在[0,1]中</span></div></div><div><div><div>542</div></div><div><span>LDCBrightenShadows=0.5</span></div></div><div><div><div>543</div></div><div> </div></div><div><div><div>544</div></div><div><span>; Deep shadow steepness of enhancement</span></div></div><div><div><div>545</div></div><div><span>; Can be in [0, 1], values bigger than 0.9 are not recommended</span></div></div><div><div><div>546</div></div><div><span>;深阴影陡峭的增强</span></div></div><div><div><div>547</div></div><div><span>;可以在[0,1]中，不推荐大于0.9的值</span></div></div><div><div><div>548</div></div><div><span>LDCBrightenShadowsSteepness=0.5</span></div></div><div><div><div>549</div></div><div> </div></div><div><div><div>550</div></div><div><span>; Amount of local density correction of highlights</span></div></div><div><div><div>551</div></div><div><span>; Can be in [0, 1]</span></div></div><div><div><div>552</div></div><div><span>;亮点的局部密度校正量</span></div></div><div><div><div>553</div></div><div><span>;可以在[0,1]中</span></div></div><div><div><div>554</div></div><div><span>LDCDarkenHighlights=0.25</span></div></div><div><div><div>555</div></div><div> </div></div><div><div><div>556</div></div><div><span>; Parameter set used in landscape enhancement mode</span></div></div><div><div><div>557</div></div><div><span>; Space separated, use -1 to leave parameter untouched</span></div></div><div><div><div>558</div></div><div><span>; Contrast Gamma Sharpen ColorCorrection ContrastCorrection LightenShadows DarkenHighlights DeepShadows CyanRed MagentaGreen YellowBlue Saturation</span></div></div><div><div><div>559</div></div><div><span>;参数集用于横向增强模式</span></div></div><div><div><div>560</div></div><div><span>;空间分开，使用-1留下参数未触及</span></div></div><div><div><div>561</div></div><div><span>;对比伽玛锐化色正粗校对比矫枉过神不良的摩托车散暗灯深层迎战蒙丹蒙丁·黄色布鲁饱和度</span></div></div><div><div><div>562</div></div><div><span>LandscapeModeParams=-1 -1 -1 -1 0.5 1.0 0.75 0.4 -1 -1 -1 -1</span></div></div><div><div><div>563</div></div><div> </div></div><div><div><div>564</div></div><div><span>; Set to true to turn on landscape enhancement mode automatically</span></div></div><div><div><div>565</div></div><div><span>;设置为true以自动打开横向增强模式</span></div></div><div><div><div>566</div></div><div><span>LandscapeMode=false</span></div></div><div><div><div>567</div></div><div> </div></div><div><div><div>568</div></div><div><span>; When setting a processed image as desktop wallpaper, the processed image must be saved somewhere.</span></div></div><div><div><div>569</div></div><div><span>; This INI setting sets the path to save the file. Default is %temp%, the system TEMP directory. You must have write access to the specified directory!</span></div></div><div><div><div>570</div></div><div><span>;将已处理图像设置为桌面壁纸时，必须将处理的图像保存在某处。</span></div></div><div><div><div>571</div></div><div><span>;此INI设置设置保存文件的路径。默认为％temp％，系统临时目录。您必须对指定目录有写访问权限！</span></div></div><div><div><div>572</div></div><div><span>WallpaperPath=%temp%</span></div></div><div><div><div>573</div></div><div> </div></div><div><div><div>574</div></div><div><span>; Editor for INI files</span></div></div><div><div><div>575</div></div><div><span>; notepad : Use notepad.exe</span></div></div><div><div><div>576</div></div><div><span>; system : Use application registered for INI files</span></div></div><div><div><div>577</div></div><div><span>; other : Full path to application for editing INI files, %exepath% placeholder can be used</span></div></div><div><div><div>578</div></div><div><span>; INI文件的编辑器</span></div></div><div><div><div>579</div></div><div><span>;记事本：使用Notepad.exe</span></div></div><div><div><div>580</div></div><div><span>;系统：使用为INI文件注册的应用程序</span></div></div><div><div><div>581</div></div><div><span>;其他：用于编辑INI文件的完整路径，可以使用％ExePath％占位符</span></div></div><div><div><div>582</div></div><div><span>IniEditor=notepad</span></div></div><div><div><div>583</div></div><div> </div></div><div><div><div>584</div></div><div><span>; URL for the map provider to display GPS coordinates on a map</span></div></div><div><div><div>585</div></div><div><span>; OpenStreetmap: www.openstreetmap.org/?mlat={lat}&amp;mlon={lng}&amp;zoom=15</span></div></div><div><div><div>586</div></div><div><span>; Google maps: https://www.google.com/maps/search/?api=1&amp;query={lat},{lng}</span></div></div><div><div><div>587</div></div><div><span>;地图提供商在地图上显示GPS坐标的URL</span></div></div><div><div><div>588</div></div><div><span>; OpenStreetMap：www.openstreetmap.org/?mlat=}＆mlon= {lng} &amp;zoom=15</span></div></div><div><div><div>589</div></div><div><span>;谷歌地图：https：//www.google.com/maps/search/?api=1&amp;query= {lat}，alng}</span></div></div><div><div><div>590</div></div><div><span>GPSMapProvider=https://opentopomap.org/#marker=15/{lat}/{lng}</span></div></div><div><div><div>591</div></div><div> </div></div><div><div><div>592</div></div><div><span>; User commands</span></div></div><div><div><div>593</div></div><div><span>; User command must be named UserCmd# where # stands for a number. The numbers 0 to 2 are already used by the global INI file.</span></div></div><div><div><div>594</div></div><div><span>; User command must have the following form:</span></div></div><div><div><div>595</div></div><div><span>; UserCmd#="KeyCode: %Key% Cmd: '%Cmd%' [Confirm: '%confirm%'] [HelpText: '%help%'] [Flags: '%flags%']"</span></div></div><div><div><div>596</div></div><div><span>; %Key% : Key that invokes the command. Do not define keys already used by JPEGView.</span></div></div><div><div><div>597</div></div><div><span>; The following keys are known: Alt, Ctrl, Shift, Esc, Return, Space, End, Home, Back, Tab, PgDn, PgUp,</span></div></div><div><div><div>598</div></div><div><span>; Left, Right, Up, Down, Insert, Del, Plus, Minus, Mul, Div, Comma, Period, A .. Z F1 .. F12</span></div></div><div><div><div>599</div></div><div><span>; Combine modifier keys with +, e.g. 'Alt+Ctrl+P'</span></div></div><div><div><div>600</div></div><div><span>; %Cmd% : Application to start, including command arguments. Enclose the application name with double quotes ("") if the path contains</span></div></div><div><div><div>601</div></div><div><span>; spaces. To execute command line commands or batch files, use 'cmd /c command' respectively 'cmd /c MyBatchFile.bat'.</span></div></div><div><div><div>602</div></div><div><span>; The following placeholders can be used in the %cmd% argument:</span></div></div><div><div><div>603</div></div><div><span>; %filename% : Filename of current image, including path</span></div></div><div><div><div>604</div></div><div><span>; %filetitle% : Filename of current image, excluding path</span></div></div><div><div><div>605</div></div><div><span>; %directory% : Directory or current image, without trailing backslash</span></div></div><div><div><div>606</div></div><div><span>; %mydocuments%: The 'My Documents' folder without trailing backslash</span></div></div><div><div><div>607</div></div><div><span>; %mypictures% : The 'My Pictures' folder without trailing backslash</span></div></div><div><div><div>608</div></div><div><span>; %exepath% : Path to EXE folder where JPEGView is running</span></div></div><div><div><div>609</div></div><div><span>; %exedrive% : Drive letter of the EXE path, e.g. "c:"</span></div></div><div><div><div>610</div></div><div><span>; The resulting names are enclosed with double quotes automatically by JPEGView when no backslash is before or after the placeholder.</span></div></div><div><div><div>611</div></div><div><span>; %confirm% : Message text that is shown and must be confirmed before the command is executed.</span></div></div><div><div><div>612</div></div><div><span>; This is an optional argument, if not used, no confirmation is needed for the command.</span></div></div><div><div><div>613</div></div><div><span>; %help% : Help string that is displayed in JPEG view when F1 is pressed.</span></div></div><div><div><div>614</div></div><div><span>; This is an optional argument, if not used, no help text will be available.</span></div></div><div><div><div>615</div></div><div><span>; %flags% : The following flags are supported:</span></div></div><div><div><div>616</div></div><div><span>; NoWindow : For console applications - if set do not display a console window.</span></div></div><div><div><div>617</div></div><div><span>; If the started application is the command interpreter (cmd.exe) this flag is implicitly set.</span></div></div><div><div><div>618</div></div><div><span>; ShortFilename : If set, the short (8.3) file name (and path) is passed to the executing application.</span></div></div><div><div><div>619</div></div><div><span>; Set this flag if the executing application cannot handle long file names or files and path</span></div></div><div><div><div>620</div></div><div><span>; names containing spaces.</span></div></div><div><div><div>621</div></div><div><span>; WaitForTerminate : If set, JPEGView is blocked until the command has finished execution. If not set, the command is</span></div></div><div><div><div>622</div></div><div><span>; started and JPEGView continues.</span></div></div><div><div><div>623</div></div><div><span>; MoveToNext : If set, JPEGView moves to the next image in the folder after the command has been executed.</span></div></div><div><div><div>624</div></div><div><span>; Cannot be combined with the ReloadCurrent flag.</span></div></div><div><div><div>625</div></div><div><span>; ReloadFileList : If set, the file-list of the current folder is reloaded after execution of the command. Set this</span></div></div><div><div><div>626</div></div><div><span>; flag when the command modifies the content of the folder (e.g. moves, renames or deletes files).</span></div></div><div><div><div>627</div></div><div><span>; ReloadCurrent : If set, the currently shown file is re-loaded from disk after execution of the command.</span></div></div><div><div><div>628</div></div><div><span>; Set this flag if the command changes the pixel data of the current image.</span></div></div><div><div><div>629</div></div><div><span>; ReloadAll: If set, the file-list of the current folder is reloaded and the current image and all cached images</span></div></div><div><div><div>630</div></div><div><span>; are reloaded. Set this flag only if the command changes pixel data of images other than the current.</span></div></div><div><div><div>631</div></div><div><span>; KeepModDate: Keeps the modification date/time of the current image. Can be used to preserve this time stamp</span></div></div><div><div><div>632</div></div><div><span>; when modifications on the image are done to keep sort ordering.</span></div></div><div><div><div>633</div></div><div><span>; Caution: When using this flag, always combine with the WaitForTerminate flag!</span></div></div><div><div><div>634</div></div><div><span>; ShellExecute: Uses the ShellExecute() system call to start the external process instead of CreateProcess().</span></div></div><div><div><div>635</div></div><div><span>; Some applications do not start properly with CreateProcess(). If this flag is set, the WaitForTerminate</span></div></div><div><div><div>636</div></div><div><span>; must not be used. All flags requiring WaitForTerminate to be set must not be set either.</span></div></div><div><div><div>637</div></div><div><span>; Typically ShellExecute is set to start large external applications, e.g. an image editor.</span></div></div><div><div><div>638</div></div><div> </div></div><div><div><div>639</div></div><div><span>; IMPORTANT: Start with UserCmd1 except you want to override the Delete image command</span></div></div><div><div><div>640</div></div><div> </div></div><div><div><div>641</div></div><div><span>; Here are some examples for user commands</span></div></div><div><div><div>642</div></div><div><span>;UserCmd1="KeyCode: Ctrl+P Cmd: 'C:\WINDOWS\system32\mspaint.exe /p %filename%' Confirm: 'Do you really want to print the file %filename%?' HelpText: 'P\tPrint current image'"</span></div></div><div><div><div>643</div></div><div><span>;UserCmd2="KeyCode: Q Cmd: 'cmd /c move %filename% "%mypictures%\trash\' Confirm: 'Really move file to %mypictures%\trash\%filetitle%' HelpText: 'Q\tMove file to trash directory' Flags: 'WaitForTerminate ReloadFileList MoveToNext'"</span></div></div><div><div><div>644</div></div><div><span>;UserCmd3="KeyCode: W Cmd: 'cmd /c copy %filename% "%mypictures%\trash\%filetitle%"' Confirm: 'Really copy file to %mypictures%\trash\%filetitle%' HelpText: 'W\tCopy file to trash directory' Flags: 'WaitForTerminate'"</span></div></div><div><div><div>645</div></div><div><span>;UserCmd4="KeyCode: A Cmd: 'cmd /u /c echo %filename% &gt;&gt; "%mydocuments%\test.txt"' HelpText: 'A\tAppend to file list'"</span></div></div><div><div><div>646</div></div><div> </div></div><div><div><div>647</div></div><div><span>; Open with menu commands, shown in the 'Open with..' submenu of the JPEGView context menu.</span></div></div><div><div><div>648</div></div><div><span>; These commands must be named OpenWith# where # stands for a number. The first open with command has the number zero (OpenWith0)</span></div></div><div><div><div>649</div></div><div><span>; and the numbering of the commands must be continuous.</span></div></div><div><div><div>650</div></div><div><span>; Open with commands must have the following form:</span></div></div><div><div><div>651</div></div><div><span>; OpenWith#="Cmd: '%Cmd%' Menuitem: '%menu%' [KeyCode: %Key%] [Confirm: '%confirm%'] [Flags: '%flags%']"</span></div></div><div><div><div>652</div></div><div><span>; For an explanation of the different options, refer to the user command documentation above.</span></div></div><div><div><div>653</div></div><div><span>; Example for a menu entry that opens the current image in MS Paint:</span></div></div><div><div><div>654</div></div><div><span>;OpenWith0="Cmd: 'C:\WINDOWS\system32\mspaint.exe %filename%' Menuitem: 'Microsoft Paint' Flags: 'ShellExecute'"</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section>https://kanochan.net/posts/shinsekai-yori-excerpts/https://kanochan.net/posts/shinsekai-yori-excerpts/摘录《来自新世界》中关于人性、痛苦与同理心的深刻文字。Mon, 08 Nov 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/11/07/kvpby3i7.png" alt="kvpby3i7.png" title="kvpby3i7.png" /><figcaption>kvpby3i7.png</figcaption></figure><p></p> <section><h4>“是的。你的心能否感受到别人的痛苦。如果能感受得到，应该就会觉得一定要做些什么去帮助别人。这是生而为人的最重要的事情。”<a href="#是的你的心能否感受到别人的痛苦如果能感受得到应该就会觉得一定要做些什么去帮助别人这是生而为人的最重要的事情"><span>#</span></a></h4></section>https://kanochan.net/posts/virtualhere-config-manual/https://kanochan.net/posts/virtualhere-config-manual/深入解析VirtualHere配置文件参数，并处理USB共享中的驱动冲突。Tue, 26 Oct 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/10/25/kv6jtz5x.png" alt="PID：85821610" title="PID：85821610" /><figcaption>PID：85821610</figcaption></figure><p></p> <p>在openwrt部署了VirtualHere服务端来共享扫描仪，在使用的过程中发现了一些问题：VirtualHere与USB打印服务器“冲突”。 我在openwrt部署了USB打印服务器，通过p910nd来实现，另外也部署了VirtualHere用于共享打印机的扫描仪，现在遇到的情况是，启用了VirtualHere服务端后，openwrt系统无法识别到打印机，导致打印服务器无法使用，共享打印无法正常进行。对此我Google了一些中文资料，发现并没有人解决了这个问题。这个问题并非我第一个发现，早在19年10月恩山论坛用户就提出过这个问题，但直到现在仍没有人提供解决方法。查看了VirtualHere的官方文档后，我找到了解决办法。很简单，官方提供了能够解决这一问题的功能，只是这个功能在openwrt系统上默认被关闭了。下面来看一下VirtualHere的配置文件，英文水平有限，所有描述均由谷歌翻译而来。 <img src="https://image.kanochan.net/2021/10/25/kv6gzsfq.png" alt="" /></p> <section><h1>关于config.ini配置文件<a href="#关于configini配置文件"><span>#</span></a></h1><p>所有 VirtualHere USB 服务器设置都存储在一个名为config.ini 的文本文件中，通常与 vhusbd 二进制文件位于同一目录中。 当作为守护程序或服务运行时，config.ini文件可能在 Linux 的 /root 或 Windows 的 c 中。 当服务器最初启动时，或在没有 config.ini 文件的情况下启动时，它将使用合理的默认值，任何非默认值都将写入新的 config.ini。</p></section> <section><h1>关于config.ini配置的参数<a href="#关于configini配置的参数"><span>#</span></a></h1><p>所述的config.ini文件具有以下参数（它们不区分大小写），所述参数被输入到一个所述的 <code>config.ininame=value</code> 格式，每行一个。</p><section><h2>以下是可选的参数：<a href="#以下是可选的参数"><span>#</span></a></h2><p><code>ServerName</code> 出现在客户端中的服务器名称，例如“Virtual USB Hub”。如果将此值设置为特殊字符串<span><span>HOSTNAMEHOSTNAME</span><span><span><span></span><span>H</span><span>O</span><span>S</span><span>T</span><span>N</span><span>A</span><span>M</span><span>E</span></span></span></span>，它将采用服务器的主机名值。</p><p><code>License</code>服务器的许可证代码。注册服务器时，VirtualHere 通过电子邮件发送此值。</p><p><code>DeviceNicknames</code>这是格式，例如，如果设备插入相同的端口，地址总是相同的。您应该使用 VirtualHere 客户端通过右键单击设备并选择“重命名…”来设置昵称，而不是直接编辑此值，因为在连接客户端之前无法访问该地址。</p><p><code>UseAVAHI</code> 1表示使用Bonjour在网络上广播此服务器的存在，0表示不使用广播消息在网络上宣传此服务器。默认为1开启。关闭此设置对于防火墙后面的客户端很有用，因为防火墙或子网会阻止 IP 广播数据包，他们宁愿直接在客户端中输入 IP 地址。</p><p><code>Hostname</code>这指定了与客户端通信时服务器的主机名。默认情况下，它是调用主机上的主机名实用程序的结果，但可以通过在此处指定一个值来覆盖。例如。USB服务器。请注意，如果网络上有多个 virtualhere 服务器，它们必须具有唯一的主机名</p><p><code>CompressionLimit</code>一旦 USB 传输大于此处指定的字节数，它将被压缩以节省网络传输时间。较小的值将使用更多的 CPU 来略微提高网络吞吐量，较大的值将使用较少的 CPU，但网络吞吐量会受到影响。从反复试验来看384似乎是正确的。</p><p><code>IgnoredDevices</code>这指定了插入服务器时要忽略的设备。此设置的格式<code>xxxx[/yyyy],xxxx/yyyy,...</code>，其中XXXX是设备的USB厂商ID和YYYY是设备的USB产品ID（可选）（没有前导零和值均为十六进制）。例如，在 Raspberry PI 上运行的 VirtualHere 会自动填充它，424/ec00因为这是内置于电路板中的基于 Raspberry Pi USB 的内部以太网适配器，不应共享。要找出特定设备的供应商/产品 ID，请将其插入并从 VirtualHere 客户端查看设备属性。您还可以为产品 ID 指定通配符，例如 424/*</p><p><code>IgnoredBuses</code>（仅限 Linux）这指定要忽略的特定 USB 端口。它的格式hostcontroller-hub.port,hostcontroller-hub.port,…例如忽略连接到 Raspberry pi 上的端口 2 的设备，将此值设置为1-1.2</p><p><code>AllowedDevices</code>除此处列出的设备外，所有设备都将被忽略。它与IgnoredDevices设置相反。格式与IgnoredDevices设置相同，即<code>xxxx[/yyyy][,xxxx/yyyy,]...</code>（无前导零）。如果此值为空，则将允许所有设备（同时考虑上面的IgnoredBuses和IgnoreDevices设置）您还可以为产品 ID 指定通配符，例如 424/*</p><p><code>AutoAttachToKernel</code>将此设置1为允许设备在远程用户不使用设备时可供主机使用。默认适用1于 NAS、Android 和 Debian（64/32 位）以及0所有其他平台</p><p><code>ClaimPorts</code>（仅限 Linux）默认情况下这是0（关闭）。当设置为1virtualhere 服务器时，将阻止服务器内核与设备交互。将此值设置为 1 可使服务器与对其选择的配置 1 敏感的 USB 设备更兼容。当这个设置打开时，内核与设备的唯一交互是查询设备描述符，但是目前外部集线器不能在这个设置打开的情况下使用。</p><p><code>PingInterval</code>默认值为4秒。这是从服务器到客户端的 ping 消息之间的秒数。客户端需要使用PingTimeout响应（见下文），然后才会考虑丢弃套接字并清理连接。有时，如果网络连接不稳定，套接字可能会断开，并且此设置和以下设置有助于针对不稳定连接调整服务器，但是您几乎应该始终将这些设置保留为默认值。</p><p><code>PingTimeou</code>t默认值为9秒。如果服务器在此时间之后没有收到来自客户端的响应 ping，则认为连接已断开并已清除。</p><p><code>ControlTimeout</code>默认值为3秒。如果设备表现不佳（由于某种原因卡住），则此设置会检测到并在此时间内向客户端返回错误，而不是无限期地等待…</p><p><code>UseAvahiServiceFile</code>（仅限 Linux）如果设置为1，VirtualHere 服务器将向 Linux 操作系统上的内置 avahi-daemon 注册自己。默认是0这意味着 VirtualHere 服务器将使用其内置的小型 avahi 类型服务器 (mdns)</p><p><code>ReverseClients</code>（新，如果您升级到（至少）服务器 2.4.5 和客户端 3.1.1，则可以直接在 GUI 或客户端 API 中进行配置，无需手动编辑服务器配置文件），此设置将使服务器启动到客户端的连接，而不是客户端启动连接的通常方式。这对于防火墙或 NAT 后面的服务器很有用。指定每个客户端的主机 ip 和可选端口，以逗号分隔。例如ReverseClients=192.168.2.129,192.168.2.110。如果未指定端口，则默认为 7573，这是标准的 virtualhere 反向查找端口。在客户端中，确保在右键单击 USB 集线器 -&gt; 指定集线器 -&gt; 防火墙/NAT下选中启用反向连接。服务器将尝试依次连接到每个客户端。</p><p><code>ReverseClientsRetryPeriod</code>默认为 15 秒。这是服务器尝试反向客户端的连接尝试之间的秒数（它还没有连接到）。</p></section><section><h2>以下是高级参数，因此仅在购买的服务器上支持<a href="#以下是高级参数因此仅在购买的服务器上支持"><span>#</span></a></h2><p><code>TCPPort</code>这是 VirtualHere 服务器运行的 TCP 端口，如果未指定，则默认为7575. 您可以指定任何未使用的端口号，也可以使用 0 指定随机端口。（客户端仍然可以通过 bonjour 广播自动自动查找服务器）。</p><p><code>ClientIdMap</code>此设置允许您将客户端 ID重新映射到昵称。甲客户端ID是当在客户机的日志，它是由在客户机OS确定在自动传递和具有格式 &lt;空间&gt;（&lt;用户名&gt;）。例如，如果客户的用户名为“Michael Jones (michael)”，您可以将客户 ID 更改为“Mick”，那么这将出现在其他客户的使用信息中。这种设置格式是ClientIdMap=,[,,…]例如ClientIdMap=Michael Jones (michael),Mick,Steve Jones (steve),Steve. 客户端 ID 必须与客户端的用户名和全名完全匹配。这可以通过右键单击使用中的设备并查看属性中的 USER: 条目来找到。</p><p><code>HideClientInfo</code>默认值为0(false)。如果设置为1Device In-Use 信息不会显示给其他客户端</p><p><code>NetworkInterface</code>( Linux Only ) 这指定将服务器绑定到哪个网络接口。如果未指定（默认），则服务器将侦听所有网络接口上的传入客户端连接。否则，如果您有多个网卡并且只想侦听其中一个，请指定将服务器绑定到的 IP 地址。</p><p><code>ClientAuthorization</code>这指定了要运行以授权特定用户/设备组合的脚本。</p><p><code>ClientDeauthorization</code>与ClientAuthorization相同，除了在用户与设备断开连接时调用</p><p><code>SSLCert</code>用于 SSL 传输的 ssl PEM 证书文件（包含未加密的公钥和私钥）的完整路径。如果指定了此参数，则与服务器的所有通信都将通过 SSL 而不是普通 TCP 运行。端口将在下面的 sslPort 设置中指定。有关 SSL 的更多信息，请参见此处</p><p><code>SSLPort</code>如果指定了sslCert参数，则此端口将用于客户端通信。端口默认为7574</p><p><code>SSLUseClientCerts</code>将此参数设置1为打开客户端 SSL 证书。如果启用，VirtualHere 客户端必须在连接时向服务器提供 SSL 客户端证书</p><p><code>SSLCAFile</code>此文件包含使用服务器和客户端 SSL 证书的 PEM 编码证书颁发机构 (CA) 可信根证书。</p><p><code>VirtualHere</code> 服务器还包含一个事件处理系统，可以将其配置为在特定时间调用脚本。这对于解决设备怪癖或执行特定操作（如日志记录）很有用，请参见 <a href="https://www.virtualhere.com/quirks" target="_blank">此处</a></p><p>{mtitle title=end/}</p><p>针对前述的问题，我们需要关注的是<code>AutoAttachToKernel</code>这个参数，这个参数决定了USB设备没有在被远程客户端时，能否被服务端主机使用。很显然，根据文档的描述，这项功能在NAS、Android 和 Debian平台默认是开启的，所以很不意外的，在openwrt系统开启VirtualHere后，系统的USB设备就不能再被主机自己使用。 解决方法很简单，那就是编写一个配置文件，将这个功能设置为开启就好了，下面来介绍如何解决。</p></section></section> <section><h1>创建config.ini配置文件<a href="#创建configini配置文件"><span>#</span></a></h1><p>在不同的系统环境中，config.ini可能不会自动创建，我们需要手动来创建一个config.ini文件，在config.ini文件中写入以下参数：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>AutoAttachToKernel=1</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>然后保存文件。前述的各项参数，不必全部写入config.ini配置文件，缺省项目会自动使用系统默认配置，只需写入需要修改的项即可。</p></section> <section><h1>附加config.ini启动VirtualHere<a href="#附加configini启动virtualhere"><span>#</span></a></h1><p>将config.ini保存到与VirtualHere程序相同的目录，输入以下命令启动VirtualHere,注意修改文件所在的路径。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>/etc/VirtualHere/vhusbdx -b -c /etc/VirtualHere/config.ini</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>做完这些工作后，问题就解决了，现在USB设备没有被远程使用时，主机自身也可以使用。</p></section> <section><h1>VirtualHere常用命令<a href="#virtualhere常用命令"><span>#</span></a></h1><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>usage: vhusbdx [-bhliqnu] [-c &lt;configuration file&gt;] [-r &lt;log file&gt;]</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>options:</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>-b run as daemon in the background 作为守护程序运行在后台</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>-c configuration file 加载配置启动</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>-h display this usage 帮助</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>-l display license text 许可证信息</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>-i prefer ipv6 (dual/stack) 使用IPV6网络</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>-r log to file instead of syslog 输出日志文件</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section>https://kanochan.net/posts/armbian-gpt-error-time-sync/https://kanochan.net/posts/armbian-gpt-error-time-sync/解决Armbian系统中的密钥报错，并补充时区与时间同步设置。Sat, 23 Oct 2021 00:00:00 GMT<p>重新安装了armdian系统，更新软件源得时候GPT报错，更新GPT的时候又发现系统时间不对，GPT安装不上。记录一下是怎么解决的。 </p><figure><img src="https://image.kanochan.net/2021/10/22/kv2i1fx1.png" alt="kv2i1fx1.png" title="kv2i1fx1.png" /><figcaption>kv2i1fx1.png</figcaption></figure><p></p> <p>{mtitle title=GPT报错/}</p> <section><h1>更新ＧＰＴ<a href="#更新ｇｐｔ"><span>#</span></a></h1><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>apt-key adv --keyserver keyserver.ubuntu.com --recv 密钥</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>密钥在报错的信息里边，如图上就是 <code>0E98404D386FA1D9</code> 、 <code>648ACFD622F3D138</code> 、 <code>0E98404D386FA1D9</code> 这几个密钥报错，执行 <code>apt-key adv --keyserver keyserver.ubuntu.com --recv 648ACFD622F3D138</code> 命令即可解决，一个密钥一条命令。</p></section> <section><h1>修改系统时间<a href="#修改系统时间"><span>#</span></a></h1><p>执行命令</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>tzselect</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>在出现的结果中，用数字选择大洲、国家、地区</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# tzselect</span></div></div><div><div><div>2</div></div><div><span>Please identify a location so that time zone rules can be set correctly.</span></div></div><div><div><div>3</div></div><div><span>Please select a continent, ocean, "coord", or "TZ".</span></div></div><div><div><div>4</div></div><div><span>1) Africa 7) Europe</span></div></div><div><div><div>5</div></div><div><span>2) Americas 8) Indian Ocean</span></div></div><div><div><div>6</div></div><div><span>3) Antarctica 9) Pacific Ocean</span></div></div><div><div><div>7</div></div><div><span>4) Asia 10) coord - I want to use geographical coordinates.</span></div></div><div><div><div>8</div></div><div><span>5) Atlantic Ocean 11) TZ - I want to specify the timezone using the Posix TZ format.</span></div></div><div><div><div>9</div></div><div><span>6) Australia</span></div></div><div><div><div>10</div></div><div><span>#?</span></div></div></code></pre><div><div></div><div></div></div></figure></div><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# tzselect</span></div></div><div><div><div>2</div></div><div><span>Please identify a location so that time zone rules can be set correctly.</span></div></div><div><div><div>3</div></div><div><span>Please select a continent, ocean, "coord", or "TZ".</span></div></div><div><div><div>4</div></div><div><span>1) Africa 7) Europe</span></div></div><div><div><div>5</div></div><div><span>2) Americas 8) Indian Ocean</span></div></div><div><div><div>6</div></div><div><span>3) Antarctica 9) Pacific Ocean</span></div></div><div><div><div>7</div></div><div><span>4) Asia 10) coord - I want to use geographical coordinates.</span></div></div><div><div><div>8</div></div><div><span>5) Atlantic Ocean 11) TZ - I want to specify the timezone using the Posix TZ format.</span></div></div><div><div><div>9</div></div><div><span>6) Australia</span></div></div><div><div><div>10</div></div><div><span>#? 4</span></div></div><div><div><div>11</div></div><div><span>Please select a country whose clocks agree with yours.</span></div></div><div><div><div>12</div></div><div><span>1) Afghanistan 10) Cyprus 19) Japan 28) Macau 37) Qatar 46) Turkmenistan</span></div></div><div><div><div>13</div></div><div><span>2) Armenia 11) East Timor 20) Jordan 29) Malaysia 38) Russia 47) United Arab Emirates</span></div></div><div><div><div>14</div></div><div><span>3) Azerbaijan 12) Georgia 21) Kazakhstan 30) Mongolia 39) Saudi Arabia 48) Uzbekistan</span></div></div><div><div><div>15</div></div><div><span>4) Bahrain 13) Hong Kong 22) Korea (North) 31) Myanmar (Burma) 40) Singapore 49) Vietnam</span></div></div><div><div><div>16</div></div><div><span>5) Bangladesh 14) India 23) Korea (South) 32) Nepal 41) Sri Lanka 50) Yemen</span></div></div><div><div><div>17</div></div><div><span>6) Bhutan 15) Indonesia 24) Kuwait 33) Oman 42) Syria</span></div></div><div><div><div>18</div></div><div><span>7) Brunei 16) Iran 25) Kyrgyzstan 34) Pakistan 43) Taiwan</span></div></div><div><div><div>19</div></div><div><span>8) Cambodia 17) Iraq 26) Laos 35) Palestine 44) Tajikistan</span></div></div><div><div><div>20</div></div><div><span>9) China 18) Israel 27) Lebanon 36) Philippines 45) Thailand</span></div></div><div><div><div>21</div></div><div><span>#? 9</span></div></div><div><div><div>22</div></div><div><span>Please select one of the following timezones.</span></div></div><div><div><div>23</div></div><div><span>1) Beijing Time</span></div></div><div><div><div>24</div></div><div><span>2) Xinjiang Time</span></div></div><div><div><div>25</div></div><div><span>#? 1</span></div></div><div><div><div>26</div></div><div> </div></div><div><div><div>27</div></div><div><span>The following information has been given:</span></div></div><div><div><div>28</div></div><div> </div></div><div><div><div>29</div></div><div><span><span> </span></span><span>China</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>Beijing Time</span></div></div><div><div><div>31</div></div><div> </div></div><div><div><div>32</div></div><div><span>Therefore TZ='Asia/Shanghai' will be used.</span></div></div><div><div><div>33</div></div><div><span>Selected time is now: Sun Oct 24 11:11:56 CST 2021.</span></div></div><div><div><div>34</div></div><div><span>Universal Time is now: Sun Oct 24 03:11:56 UTC 2021.</span></div></div><div><div><div>35</div></div><div><span>Is the above information OK?</span></div></div><div><div><div>36</div></div><div><span>1) Yes</span></div></div><div><div><div>37</div></div><div><span>2) No</span></div></div><div><div><div>38</div></div><div><span>#? 1</span></div></div><div><div><div>39</div></div><div> </div></div><div><div><div>40</div></div><div><span>You can make this change permanent for yourself by appending the line</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>TZ='Asia/Shanghai'; export TZ</span></div></div><div><div><div>42</div></div><div><span>to the file '.profile' in your home directory; then log out and log in again.</span></div></div><div><div><div>43</div></div><div> </div></div><div><div><div>44</div></div><div><span>Here is that TZ value again, this time on standard output so that you</span></div></div><div><div><div>45</div></div><div><span>can use the /usr/bin/tzselect command in shell scripts:</span></div></div><div><div><div>46</div></div><div><span>Asia/Shanghai</span></div></div><div><div><div>47</div></div><div><span>root@Chainedbox:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>将修改结果存入本地文件中</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>cp /usr/share/zoneinfo/Asia/Shanghai /etc/localtime</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>更新系统时间</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>ntpd time.windows.com</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>验证是否修改成功</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>date -R</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>可以看到修改完成，此时将系统重启，以免计划任务执行异常</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# date -R</span></div></div><div><div><div>2</div></div><div><span>Sun, 24 Oct 2021 11:18:15 +0800</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section>https://kanochan.net/posts/virtualhere-shared-scanner-usage/https://kanochan.net/posts/virtualhere-shared-scanner-usage/利用VirtualHere远程虚拟USB能力实现局域网扫描仪共享。Sat, 23 Oct 2021 00:00:00 GMT<p>受制于扫描仪驱动程序的限制，扫描仪无法实现真正意义上的共享。现在采取远程虚拟USB的形式曲线救国，由于USB协议的限制，每次只能连接一台设备，所以在不使用扫描仪时，需要关闭VirtualHere客户端软件，以免影响别人使用。VirtualHere服务端已经在服务器部署完成，客户机上只需要安装打印机驱动及VirtualHere客户端即可。</p> <section><h1>安装VirtualHere客户端<a href="#安装virtualhere客户端"><span>#</span></a></h1><p>下载客户端软件，软件为免安装版本，打开即可使用。</p><p>{cloud title=VirtualHere客户端 type=default url=<a href="https://drive.kanochan.net/s/gPt5" target="_blank">https://drive.kanochan.net/s/gPt5</a> password=\/}</p><p>确保已经连上宿舍的wifi或有线网络，打开VirtualHere软件，可见提示找到了一个服务器。 </p><figure><img src="https://image.kanochan.net/2021/10/23/kv3eymp6.png" alt="kv3eymp6.png" title="kv3eymp6.png" /><figcaption>kv3eymp6.png</figcaption></figure> 在列出的远程USB列表中，选择第二项（如果打印机未开机，则不会有此项） <figure><img src="https://image.kanochan.net/2021/10/23/kv3f1p4e.png" alt="kv3f1p4e.png" title="kv3f1p4e.png" /><figcaption>kv3f1p4e.png</figcaption></figure> 右键，选择 <code>use this device</code> ，等到提示 <code>in use by you</code> 即可将远程USB设备添加到本地计算机中。 <figure><img src="https://image.kanochan.net/2021/10/23/kv3f3lqt.png" alt="kv3f3lqt.png" title="kv3f3lqt.png" /><figcaption>kv3f3lqt.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/10/23/kv3f5fwh.png" alt="kv3f5fwh.png" title="kv3f5fwh.png" /><figcaption>kv3f5fwh.png</figcaption></figure> 保持VirtualHere处于开启状态，接下来安装打印机驱动。<p></p></section> <section><h1>安装打印机驱动<a href="#安装打印机驱动"><span>#</span></a></h1><p>下载驱动程序文件，双击文件，默认选项安装即可。安装完成后会提示需要重启计算机，重启即可。 {cloud title=打印机驱动 type=default url=<a href="https://drive.kanochan.net/s/O8H3" target="_blank">https://drive.kanochan.net/s/O8H3</a> password=\/}</p></section> <section><h1>开始使用扫描仪<a href="#开始使用扫描仪"><span>#</span></a></h1><p>1、打开打印机电源 2、将待扫描文件放到平板扫描器上，内容页朝下。以左上角为基准点对齐，将盖板合上。 3、确保连上宿舍的WiFi或有线网络 4、启动VirtualHere客户端 5、添加远程USB设备到本地计算机，方法见上述 <code>安装VirtualHere客户端</code> 6、打开扫描仪程序 </p><figure><img src="https://image.kanochan.net/2021/10/23/kv3fikzb.png" alt="kv3fikzb.png" title="kv3fikzb.png" /><figcaption>kv3fikzb.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/10/23/kv3fjefd.png" alt="kv3fjefd.png" title="kv3fjefd.png" /><figcaption>kv3fjefd.png</figcaption></figure> 7、选择图像扫描 <figure><img src="https://image.kanochan.net/2021/10/23/kv3fkggj.png" alt="kv3fkggj.png" title="kv3fkggj.png" /><figcaption>kv3fkggj.png</figcaption></figure> 8、设置相关参数 <figure><img src="https://image.kanochan.net/2021/10/23/kv3fljb6.png" alt="kv3fljb6.png" title="kv3fljb6.png" /><figcaption>kv3fljb6.png</figcaption></figure> <code>目标应用程序</code> ：画图 <code>目标文件路径</code> ：即扫描出来的文件存放到哪里，根据需要选择 <code>文件大小</code> ：大 <code>分辨率</code> ：600*600dpi <code>扫描类型</code> ：根据需要选择 <code>连续扫描</code> ：若需要扫描多份文件，勾选即可。<p></p></section> <section><h1>开始扫描<a href="#开始扫描"><span>#</span></a></h1><p>设置完成后，点击 <code>扫描</code> ，打印机即可开启扫描工作。 </p><figure><img src="https://image.kanochan.net/2021/10/23/kv3fy2l9.png" alt="kv3fy2l9.png" title="kv3fy2l9.png" /><figcaption>kv3fy2l9.png</figcaption></figure><p></p><p>{mtitle title=扫描进行时/}</p><p>扫描完成时，会自动弹出 <code>画图</code> 程序，关闭即可，不需要保存。 </p><figure><img src="https://image.kanochan.net/2021/10/23/kv3g08l8.png" alt="kv3g08l8.png" title="kv3g08l8.png" /><figcaption>kv3g08l8.png</figcaption></figure> 在文件存放处可看到已经扫描好的文件。 <figure><img src="https://image.kanochan.net/2021/10/23/kv3g1gkw.png" alt="kv3g1gkw.png" title="kv3g1gkw.png" /><figcaption>kv3g1gkw.png</figcaption></figure><p></p></section> <section><h1>关闭打印机及VirtualHere客户端<a href="#关闭打印机及virtualhere客户端"><span>#</span></a></h1><p>关闭打印机电源，并在系统托盘VirtualHere软件右键选择退出，以免影响他人使用（USB协议限制每次只能一个人连接）。 </p><figure><img src="https://image.kanochan.net/2021/10/23/kv3g4loh.png" alt="kv3g4loh.png" title="kv3g4loh.png" /><figcaption>kv3g4loh.png</figcaption></figure><p></p><p>本文仅针对打印机扫描仪的使用，与日常打印无关。日常的打印，不需要开启VirtualHere客户端及brother软件。</p></section>https://kanochan.net/posts/chainedbox-qbittorrent-install/https://kanochan.net/posts/chainedbox-qbittorrent-install/记录在我家云Armbian环境下安装并配置qBittorrent的方法。Fri, 22 Oct 2021 00:00:00 GMT<blockquote><p>相比较于transmission，我觉得qbittorrent更好用</p></blockquote> <p>安装前需要添加一个软件源才能安装最新版本的qbittorrent。</p> <section><h1>添加软件源<a href="#添加软件源"><span>#</span></a></h1><p>1、在debian官网寻找软件源 </p><figure><img src="https://image.kanochan.net/2021/10/21/kv0p8t9l.png" alt="kv0p8t9l.png" title="kv0p8t9l.png" /><figcaption>kv0p8t9l.png</figcaption></figure> 值得注意的是，软件源依据你的处理器平台而不同，你需要选择正确的处理器平台。我家云属于armhf平台。 <figure><img src="https://image.kanochan.net/2021/10/21/kv0pcwga.png" alt="kv0pcwga.png" title="kv0pcwga.png" /><figcaption>kv0pcwga.png</figcaption></figure> 点击搜索后你会获得这个软件所在的源地址，选择适合你地理位置的软件源即可。 2、编辑 <code>/etc/apt/sources.list</code> 文件 将你复制好的软件源粘贴到文件最后一行里，保存即可。 <figure><img src="https://image.kanochan.net/2021/10/21/kv0pgu7t.png" alt="kv0pgu7t.png" title="kv0pgu7t.png" /><figcaption>kv0pgu7t.png</figcaption></figure><p></p></section> <section><h1>更新软件源<a href="#更新软件源"><span>#</span></a></h1><p>在终端里执行 <code>apt update</code> 更新软件源，更新完成后输入 <code>apt show qbittorrent-nox</code> 查看qbittorrent的版本，如果版本是4.2.5，就可以安装了。（注意，随着时间的推移，版本会变化，截至本文发布，最新版本为4.2.5-0.1）</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Chainedbox:~# apt show qbittorrent-nox</span></div></div><div><div><div>2</div></div><div><span>Package: qbittorrent-nox</span></div></div><div><div><div>3</div></div><div><span>Version: 4.2.5-0.1</span></div></div><div><div><div>4</div></div><div><span>Priority: optional</span></div></div><div><div><div>5</div></div><div><span>Section: net</span></div></div><div><div><div>6</div></div><div><span>Source: qbittorrent</span></div></div><div><div><div>7</div></div><div><span>Maintainer: Cristian Greco &lt;cristian@debian.org&gt;</span></div></div><div><div><div>8</div></div><div><span>Installed-Size: 6,845 kB</span></div></div><div><div><div>9</div></div><div><span>Depends: libc6 (&gt;= 2.29), libgcc-s1 (&gt;= 3.0), libqt5core5a (&gt;= 5.10.0), libqt5network5 (&gt;= 5.9.0~beta), libqt5xml5 (&gt;= 5.2.0), libssl1.1 (&gt;= 1.1.0), libstdc++6 (&gt;= 5.2), libtorrent-rasterbar10 (&gt;= 1.2.5), zlib1g (&gt;= 1:1.2.0)</span></div></div><div><div><div>10</div></div><div><span>Suggests: qbittorrent-dbg</span></div></div><div><div><div>11</div></div><div><span>Homepage: http://www.qbittorrent.org/</span></div></div><div><div><div>12</div></div><div><span>Tag: devel::lang:c++, devel::library, implemented-in::c++,</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>interface::graphical, interface::shell, interface::web, interface::x11,</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>network::client, protocol::bittorrent, role::devel-lib, role::program,</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>uitoolkit::qt, use::downloading, x11::application</span></div></div><div><div><div>16</div></div><div><span>Download-Size: 5,130 kB</span></div></div><div><div><div>17</div></div><div><span>APT-Sources: http://ftp.cn.debian.org/debian bullseye/main arm64 Packages</span></div></div><div><div><div>18</div></div><div><span>Description: bittorrent client based on libtorrent-rasterbar (without X support)</span></div></div><div><div><div>19</div></div><div> </div></div><div><div><div>20</div></div><div><span>N: There is 1 additional record. Please use the '-a' switch to see it</span></div></div><div><div><div>21</div></div><div><span>root@Chainedbox:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section> <section><h1>安装qbittorrent<a href="#安装qbittorrent"><span>#</span></a></h1><p>执行命令 <code>apt install qbittorrent-nox</code> ,安装时间视你的网络状况而定，建议全程科学网络操作。 </p><figure><img src="https://image.kanochan.net/2021/10/21/kv0prk99.png" alt="kv0prk99.png" title="kv0prk99.png" /><figcaption>kv0prk99.png</figcaption></figure> 安装过程中会跳出选择界面，大意是安装过程中会重启某些系统服务，可能会影响别的程序运行，问你是否自动重启这些服务。选择否的话，qbittorrent安装完成后，你需要重启一些服务（安装完成后会给出来）才能运行qbittorrent。一般来说，没有什么特殊情况，就选“是”吧。 <figure><img src="https://image.kanochan.net/2021/10/21/kv0pwopd.png" alt="kv0pwopd.png" title="kv0pwopd.png" /><figcaption>kv0pwopd.png</figcaption></figure> 这里选择使用现有配置（选第二项），以免出现不可预料的问题。 <figure><img src="https://image.kanochan.net/2021/10/21/kv0pz2k2.png" alt="kv0pz2k2.png" title="kv0pz2k2.png" /><figcaption>kv0pz2k2.png</figcaption></figure> 安装完成。<p></p></section> <section><h1>配置qbittorrent开机自启<a href="#配置qbittorrent开机自启"><span>#</span></a></h1><p>新建一个文件 <code>/etc/systemd/system/qbittorrent.service</code> ，写入下面的内容后，保存。</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[Unit]</span></div></div><div><div><div>2</div></div><div><span>Description=qbittorrent torrent server</span></div></div><div><div><div>3</div></div><div> </div></div><div><div><div>4</div></div><div><span>[Service]</span></div></div><div><div><div>5</div></div><div><span>User=root</span></div></div><div><div><div>6</div></div><div><span>ExecStart=/usr/bin/qbittorrent-nox</span></div></div><div><div><div>7</div></div><div><span>Restart=on-abort</span></div></div><div><div><div>8</div></div><div> </div></div><div><div><div>9</div></div><div><span>[Install]</span></div></div><div><div><div>10</div></div><div><span>WantedBy=multi-user.target</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>重启系统单元<a href="#重启系统单元"><span>#</span></a></h1><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl daemon-reload</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>设置开机自启<a href="#设置开机自启"><span>#</span></a></h1><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl enable qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>启动qbittorrent<a href="#启动qbittorrent"><span>#</span></a></h1><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl start qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>关闭qbittorrent<a href="#关闭qbittorrent"><span>#</span></a></h1><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl stop qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>重启qbittorrent<a href="#重启qbittorrent"><span>#</span></a></h1><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>systemctl restart qbittorrent</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>本文完 参考资料： <a href="https://www.right.com.cn/FORUM/thread-4110750-1-1.html" target="_blank">玩客云armbian5.67手动安装qb,tr,samba,FTP实现文件下载与共享</a></p></section>https://kanochan.net/posts/onecloud-armbian-transmission/https://kanochan.net/posts/onecloud-armbian-transmission/详述玩客云刷入Armbian后安装Transmission与配置Samba共享的全过程。Sat, 16 Oct 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/10/16/kut6d0hy.png" alt="kut6d0hy.png" title="kut6d0hy.png" /><figcaption>kut6d0hy.png</figcaption></figure><p></p> <p>{mtitle title=ID85821610/}</p> <section><h1>事前先上参考文章，我们都是站在巨人的肩膀上<a href="#事前先上参考文章我们都是站在巨人的肩膀上"><span>#</span></a></h1><p>1、 <a href="https://www.right.com.cn/forum/thread-4111603-1-1.html" target="_blank">玩客云/网心云 小白保姆教程 电视盒子、armbian、openwrt、双系统齐全【2021/10/12】</a> 2、 <a href="https://www.right.com.cn/FORUM/thread-4110750-1-1.html" target="_blank">玩客云armbian5.67手动安装qb,tr,samba,FTP实现文件下载与共享</a> 3、 <a href="https://www.ippa.top/700.html" target="_blank">如何在Armbian 19.11.3 (debian 10)挂载NTFS移动硬盘</a></p></section> <section><h1>拆开玩客云<a href="#拆开玩客云"><span>#</span></a></h1><p></p><figure><img src="https://image.kanochan.net/2021/10/16/kut6olrs.png" alt="kut6olrs.png" title="kut6olrs.png" /><figcaption>kut6olrs.png</figcaption></figure> 撕掉后面黑色的胶条即可 <figure><img src="https://image.kanochan.net/2021/10/16/kut6pb4i.png" alt="kut6pb4i.png" title="kut6pb4i.png" /><figcaption>kut6pb4i.png</figcaption></figure> 用双面胶粘着，很容易就撕开，拧出螺丝，即可取出主板 <figure><img src="https://image.kanochan.net/2021/10/16/kut6wvcq.png" alt="kut6wvcq.png" title="kut6wvcq.png" /><figcaption>kut6wvcq.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/10/16/kut6x1hg.png" alt="kut6x1hg.png" title="kut6x1hg.png" /><figcaption>kut6x1hg.png</figcaption></figure><p></p><p>{mtitle title=主板全貌/}</p><p>从左上角的“V1.3”字样中不难看出，这是1.3版本的主板，如果你的主板没有这个字样，则是1.0版本的主板。两者的短接方式不同，需要注意 </p><figure><img src="https://image.kanochan.net/2021/10/16/kut7fce7.png" alt="kut7fce7.png" title="kut7fce7.png" /><figcaption>kut7fce7.png</figcaption></figure><p></p><p>{mtitle title=V1.3短接的地方/}</p><p></p><figure><img src="https://image.kanochan.net/2021/10/16/kut7gxpl.png" alt="kut7gxpl.png" title="kut7gxpl.png" /><figcaption>kut7gxpl.png</figcaption></figure> {mtitle title=V1.0短接的地方/} 图源：<a href="https://www.youtube.com/watch?v=qy9_xCs4oS4" target="_blank">https://www.youtube.com/watch?v=qy9_xCs4oS4</a><p></p></section> <section><h1>安装Amlogic USB Burning Tool<a href="#安装amlogic-usb-burning-tool"><span>#</span></a></h1><p>{cloud title=Amlogic_USB_Burning_Tool_v3.1.0 type=default url=<a href="https://cloud.kanoer.net/Software/Windows/Amlogic_USB_Burning_Tool_v3.1.0/" target="_blank">https://cloud.kanoer.net/Software/Windows/Amlogic_USB_Burning_Tool_v3.1.0/</a> password=\/}</p></section> <section><h1>amrbian镜像下载<a href="#amrbian镜像下载"><span>#</span></a></h1><p>{cloud title=armbian5.67 type=default url=<a href="https://cloud.kanoer.net/Img/Linux/armbian/" target="_blank">https://cloud.kanoer.net/Img/Linux/armbian/</a> password=\/}</p></section> <section><h1>开始刷机<a href="#开始刷机"><span>#</span></a></h1><p>1、使用双公头usb线一头连接玩客云靠近hdmi接口的usb接口，一头连接至电脑，台式机请连接后面的USB口，暂时不要通电。 2、打开usb burnning tool软件，选择刚才下载好的镜像 </p><figure><img src="https://image.kanochan.net/2021/10/16/kutbbwxi.png" alt="kutbbwxi.png" title="kutbbwxi.png" /><figcaption>kutbbwxi.png</figcaption></figure><p></p><p>{mtitle title=确认如图设置/} 3、使用镊子按照下图（V1.3版主板）短接触点，并保持不要松手，给玩客云通电电脑会有连接成功声音及图示，显示连接成功后松开短接点，点击软件上“开始” </p><figure><img src="https://image.kanochan.net/2021/10/16/kut7fce7.png" alt="kut7fce7.png" title="kut7fce7.png" /><figcaption>kut7fce7.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/10/16/kutbgzws.png" alt="kutbgzws.png" title="kutbgzws.png" /><figcaption>kutbgzws.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/10/16/kutbhb6h.png" alt="kutbhb6h.png" title="kutbhb6h.png" /><figcaption>kutbhb6h.png</figcaption></figure> 如显示红字错误，可以将usb线拨下停2秒再插上，重新短接触点看见刷机进度进行后松手（放心这个刷不坏），整个过程约3～5分钟，待软件上显示烧录成功后，点击停止，并关闭软件，拨下usb线，断开电源。 <figure><img src="https://image.kanochan.net/2021/10/16/kutbul2b.png" alt="kutbul2b.png" title="kutbul2b.png" /><figcaption>kutbul2b.png</figcaption></figure><p></p></section> <section><h1>开始使用amrbian<a href="#开始使用amrbian"><span>#</span></a></h1><p>将玩客云连上网线和电源，系统会自行启动。 </p><figure><img src="https://image.kanochan.net/2021/10/16/kutbypzt.png" alt="kutbypzt.png" title="kutbypzt.png" /><figcaption>kutbypzt.png</figcaption></figure> 查看路由器后台，获取玩客云IP地址 <figure><img src="https://image.kanochan.net/2021/10/16/kutc25cw.png" alt="kutc25cw.png" title="kutc25cw.png" /><figcaption>kutc25cw.png</figcaption></figure> 打开SSH工具，登入到amrbian，默认用户：root，默认密码：1234 <figure><img src="https://image.kanochan.net/2021/10/16/kutc3zei.png" alt="kutc3zei.png" title="kutc3zei.png" /><figcaption>kutc3zei.png</figcaption></figure> 第一次登入会要求更改root账户密码，因为我已经更改过了，所以没有提示。更改的时候，第一次输入的是原始密码，即：1234，然后回车，输入新的密码，回车，再次输入新的密码，完成。<p></p></section> <section><h1>安装transmission<a href="#安装transmission"><span>#</span></a></h1><p>输入命令 <code>apt install transmission-daemon</code></p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OneCloud:~# apt install transmission-daemon</span></div></div><div><div><div>2</div></div><div><span>Reading package lists... Done</span></div></div><div><div><div>3</div></div><div><span>Building dependency tree</span></div></div><div><div><div>4</div></div><div><span>Reading state information... Done</span></div></div><div><div><div>5</div></div><div><span>The following additional packages will be installed:</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>libevent-2.0-5 libminiupnpc10 libnatpmp1 transmission-common</span></div></div><div><div><div>7</div></div><div><span>Suggested packages:</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>minissdpd natpmp-utils</span></div></div><div><div><div>9</div></div><div><span>Recommended packages:</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>minissdpd transmission-cli</span></div></div><div><div><div>11</div></div><div><span>The following NEW packages will be installed:</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>libevent-2.0-5 libminiupnpc10 libnatpmp1 transmission-common transmission-daemon</span></div></div><div><div><div>13</div></div><div><span>0 upgraded, 5 newly installed, 0 to remove and 129 not upgraded.</span></div></div><div><div><div>14</div></div><div><span>Need to get 642 kB of archives.</span></div></div><div><div><div>15</div></div><div><span>After this operation, 1,578 kB of additional disk space will be used.</span></div></div><div><div><div>16</div></div><div><span>Do you want to continue? [Y/n]</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>输入 <code>y</code> 进行下载安装</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OneCloud:~# apt install transmission-daemon</span></div></div><div><div><div>2</div></div><div><span>Reading package lists... Done</span></div></div><div><div><div>3</div></div><div><span>Building dependency tree</span></div></div><div><div><div>4</div></div><div><span>Reading state information... Done</span></div></div><div><div><div>5</div></div><div><span>The following additional packages will be installed:</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>libevent-2.0-5 libminiupnpc10 libnatpmp1 transmission-common</span></div></div><div><div><div>7</div></div><div><span>Suggested packages:</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>minissdpd natpmp-utils</span></div></div><div><div><div>9</div></div><div><span>Recommended packages:</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>minissdpd transmission-cli</span></div></div><div><div><div>11</div></div><div><span>The following NEW packages will be installed:</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>libevent-2.0-5 libminiupnpc10 libnatpmp1 transmission-common transmission-daemon</span></div></div><div><div><div>13</div></div><div><span>0 upgraded, 5 newly installed, 0 to remove and 129 not upgraded.</span></div></div><div><div><div>14</div></div><div><span>Need to get 642 kB of archives.</span></div></div><div><div><div>15</div></div><div><span>After this operation, 1,578 kB of additional disk space will be used.</span></div></div><div><div><div>16</div></div><div><span>Do you want to continue? [Y/n] y</span></div></div><div><div><div>17</div></div><div><span>Get:1 http://security.debian.org stretch/updates/main armhf transmission-common all 2.92-2+deb9u2 [288 kB]</span></div></div><div><div><div>18</div></div><div><span>Get:2 http://httpredir.debian.org/debian stretch/main armhf libevent-2.0-5 armhf 2.0.21-stable-3 [134 kB]</span></div></div><div><div><div>19</div></div><div><span>Get:3 http://httpredir.debian.org/debian stretch/main armhf libminiupnpc10 armhf 1.9.20140610-4 [25.7 kB]</span></div></div><div><div><div>20</div></div><div><span>Get:4 http://httpredir.debian.org/debian stretch/main armhf libnatpmp1 armhf 20110808-4+b1 [8,338 B]</span></div></div><div><div><div>21</div></div><div><span>Get:5 http://security.debian.org stretch/updates/main armhf transmission-daemon armhf 2.92-2+deb9u2 [186 kB]</span></div></div><div><div><div>22</div></div><div><span>Fetched 642 kB in 33s (18.9 kB/s)</span></div></div><div><div><div>23</div></div><div><span>Selecting previously unselected package transmission-common.</span></div></div><div><div><div>24</div></div><div><span>(Reading database ... 30447 files and directories currently installed.)</span></div></div><div><div><div>25</div></div><div><span>Preparing to unpack .../transmission-common_2.92-2+deb9u2_all.deb ...</span></div></div><div><div><div>26</div></div><div><span>Unpacking transmission-common (2.92-2+deb9u2) ...</span></div></div><div><div><div>27</div></div><div><span>Selecting previously unselected package libevent-2.0-5:armhf.</span></div></div><div><div><div>28</div></div><div><span>Preparing to unpack .../libevent-2.0-5_2.0.21-stable-3_armhf.deb ...</span></div></div><div><div><div>29</div></div><div><span>Unpacking libevent-2.0-5:armhf (2.0.21-stable-3) ...</span></div></div><div><div><div>30</div></div><div><span>Selecting previously unselected package libminiupnpc10:armhf.</span></div></div><div><div><div>31</div></div><div><span>Preparing to unpack .../libminiupnpc10_1.9.20140610-4_armhf.deb ...</span></div></div><div><div><div>32</div></div><div><span>Unpacking libminiupnpc10:armhf (1.9.20140610-4) ...</span></div></div><div><div><div>33</div></div><div><span>Selecting previously unselected package libnatpmp1:armhf.</span></div></div><div><div><div>34</div></div><div><span>Preparing to unpack .../libnatpmp1_20110808-4+b1_armhf.deb ...</span></div></div><div><div><div>35</div></div><div><span>Unpacking libnatpmp1:armhf (20110808-4+b1) ...</span></div></div><div><div><div>36</div></div><div><span>Selecting previously unselected package transmission-daemon.</span></div></div><div><div><div>37</div></div><div><span>Preparing to unpack .../transmission-daemon_2.92-2+deb9u2_armhf.deb ...</span></div></div><div><div><div>38</div></div><div><span>Unpacking transmission-daemon (2.92-2+deb9u2) ...</span></div></div><div><div><div>39</div></div><div><span>Setting up libminiupnpc10:armhf (1.9.20140610-4) ...</span></div></div><div><div><div>40</div></div><div><span>Setting up libnatpmp1:armhf (20110808-4+b1) ...</span></div></div><div><div><div>41</div></div><div><span>Setting up transmission-common (2.92-2+deb9u2) ...</span></div></div><div><div><div>42</div></div><div><span>Processing triggers for libc-bin (2.24-11+deb9u3) ...</span></div></div><div><div><div>43</div></div><div><span>Processing triggers for systemd (232-25+deb9u6) ...</span></div></div><div><div><div>44</div></div><div><span>Processing triggers for man-db (2.7.6.1-2) ...</span></div></div><div><div><div>45</div></div><div><span>Setting up libevent-2.0-5:armhf (2.0.21-stable-3) ...</span></div></div><div><div><div>46</div></div><div><span>Setting up transmission-daemon (2.92-2+deb9u2) ...</span></div></div><div><div><div>47</div></div><div><span>Created symlink /etc/systemd/system/multi-user.target.wants/transmission-daemon.service → /lib/systemd/system/transmission-daemon.service.</span></div></div><div><div><div>48</div></div><div><span>Processing triggers for libc-bin (2.24-11+deb9u3) ...</span></div></div><div><div><div>49</div></div><div><span>Processing triggers for systemd (232-25+deb9u6) ...</span></div></div><div><div><div>50</div></div><div><span>root@OneCloud:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>安装完成,输入IP:9091访问transmission web控制台，不出意外会被拒绝连接 </p><figure><img src="https://image.kanochan.net/2021/10/16/kutchsgo.png" alt="kutchsgo.png" title="kutchsgo.png" /><figcaption>kutchsgo.png</figcaption></figure> 修改配置文件： <code>/etc/transmission-daemon/settings.json</code> <figure><img src="https://image.kanochan.net/2021/10/16/kutcoguv.png" alt="kutcoguv.png" title="kutcoguv.png" /><figcaption>kutcoguv.png</figcaption></figure> 将 <code>"rpc-whitelist": "127.0.0.1"</code> 改成 <code>"rpc-whitelist": "*"</code> 表示允许所有IP访问，保存文件。 重启transmission： <code>systemctl restart transmission-daemon</code><p></p></section> <section><h1>汉化transmission<a href="#汉化transmission"><span>#</span></a></h1><p>项目地址：<a href="https://github.com/ronggang/transmission-web-control" target="_blank">https://github.com/ronggang/transmission-web-control</a> 下载安装脚本 <code>wget https://github.com/ronggang/transmission-web-control/raw/master/release/install-tr-control-cn.sh</code> 执行安装 输入 1 安装 <code>bash install-tr-control-cn.sh</code> 完成后重启 <code>systemctl restart transmission-daemon</code> 以下为全程演示：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OneCloud:~# wget https://github.com/ronggang/transmission-web-control/raw/master/release/install-tr-control-cn.sh</span></div></div><div><div><div>2</div></div><div><span>--2021-10-16 05:42:24-- https://github.com/ronggang/transmission-web-control/raw/master/release/install-tr-control-cn.sh</span></div></div><div><div><div>3</div></div><div><span>Resolving github.com (github.com)... 20.205.243.166</span></div></div><div><div><div>4</div></div><div><span>Connecting to github.com (github.com)|20.205.243.166|:443... connected.</span></div></div><div><div><div>5</div></div><div><span>HTTP request sent, awaiting response... No data received.</span></div></div><div><div><div>6</div></div><div><span>Retrying.</span></div></div><div><div><div>7</div></div><div> </div></div><div><div><div>8</div></div><div><span>--2021-10-16 05:42:40-- (try: 2) https://github.com/ronggang/transmission-web-control/raw/master/release/install-tr-control-cn.sh</span></div></div><div><div><div>9</div></div><div><span>Connecting to github.com (github.com)|20.205.243.166|:443... connected.</span></div></div><div><div><div>10</div></div><div><span>HTTP request sent, awaiting response... 302 Found</span></div></div><div><div><div>11</div></div><div><span>Location: https://raw.githubusercontent.com/ronggang/transmission-web-control/master/release/install-tr-control-cn.sh [following]</span></div></div><div><div><div>12</div></div><div><span>--2021-10-16 05:42:40-- https://raw.githubusercontent.com/ronggang/transmission-web-control/master/release/install-tr-control-cn.sh</span></div></div><div><div><div>13</div></div><div><span>Resolving raw.githubusercontent.com (raw.githubusercontent.com)... 185.199.109.133, 185.199.111.133, 185.199.110.133, ...</span></div></div><div><div><div>14</div></div><div><span>Connecting to raw.githubusercontent.com (raw.githubusercontent.com)|185.199.109.133|:443... connected.</span></div></div><div><div><div>15</div></div><div><span>HTTP request sent, awaiting response... 200 OK</span></div></div><div><div><div>16</div></div><div><span>Length: 13561 (13K) [text/plain]</span></div></div><div><div><div>17</div></div><div><span>Saving to: ‘install-tr-control-cn.sh’</span></div></div><div><div><div>18</div></div><div> </div></div><div><div><div>19</div></div><div><span>install-tr-control-cn.sh 100%[============================================================================&gt;] 13.24K 3.02KB/s in 4.4s</span></div></div><div><div><div>20</div></div><div> </div></div><div><div><div>21</div></div><div><span>2021-10-16 05:42:48 (3.02 KB/s) - ‘install-tr-control-cn.sh’ saved [13561/13561]</span></div></div><div><div><div>22</div></div><div> </div></div><div><div><div>23</div></div><div><span>root@OneCloud:~# bash install-tr-control-cn.sh</span></div></div><div><div><div>24</div></div><div><span>/usr/bin/whoami</span></div></div><div><div><div>25</div></div><div> </div></div><div><div><div>26</div></div><div><span><span> </span></span><span>欢迎使用 Transmission Web Control 中文安装脚本。</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>官方帮助文档：https://github.com/ronggang/transmission-web-control/wiki</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>安装脚本版本：1.2.3</span></div></div><div><div><div>29</div></div><div> </div></div><div><div><div>30</div></div><div><span><span> </span></span><span>1. 安装最新的发布版本（release）；</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>2. 安装指定版本，可用于降级；</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>3. 恢复到官方UI；</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>4. 重新下载安装脚本（install-tr-control-cn.sh）；</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>5. 检测 Transmission 是否已启动；</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>6. 指定安装目录；</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>9. 安装最新代码库中的内容（master）；</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>===================</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>0. 退出安装；</span></div></div><div><div><div>39</div></div><div> </div></div><div><div><div>40</div></div><div><span><span> </span></span><span>请输入对应的数字：1</span></div></div><div><div><div>41</div></div><div> </div></div><div><div><div>42</div></div><div><span>--2021-10-16 05:48:03-- https://api.github.com/repos/ronggang/transmission-web-control/releases/latest</span></div></div><div><div><div>43</div></div><div><span>Resolving api.github.com (api.github.com)... 192.30.255.116</span></div></div><div><div><div>44</div></div><div><span>Connecting to api.github.com (api.github.com)|192.30.255.116|:443... connected.</span></div></div><div><div><div>45</div></div><div><span>HTTP request sent, awaiting response... 200 OK</span></div></div><div><div><div>46</div></div><div><span>Length: 5884 (5.7K) [application/json]</span></div></div><div><div><div>47</div></div><div><span>Saving to: ‘STDOUT’</span></div></div><div><div><div>48</div></div><div> </div></div><div><div><div>49</div></div><div><span>- 100%[============================================================================&gt;] 5.75K --.-KB/s in 0.003s</span></div></div><div><div><div>50</div></div><div> </div></div><div><div><div>51</div></div><div><span>2021-10-16 05:48:05 (2.16 MB/s) - written to stdout [5884/5884]</span></div></div><div><div><div>52</div></div><div> </div></div><div><div><div>53</div></div><div><span>&lt;&lt; 2021-10-16 05:48:05 &gt;&gt; == 开始 ==</span></div></div><div><div><div>54</div></div><div><span>&lt;&lt; 2021-10-16 05:48:05 &gt;&gt;</span></div></div><div><div><div>55</div></div><div><span>&lt;&lt; 2021-10-16 05:48:05 &gt;&gt; 当前 Transmission Web 目录为: /usr/share/transmission/web</span></div></div><div><div><div>56</div></div><div><span>&lt;&lt; 2021-10-16 05:48:05 &gt;&gt; 您正在使用指定版本安装，版本： 1.6.1-update1</span></div></div><div><div><div>57</div></div><div><span>&lt;&lt; 2021-10-16 05:48:05 &gt;&gt; 正在尝试指定版本 1.6.1-update1</span></div></div><div><div><div>58</div></div><div><span>&lt;&lt; 2021-10-16 05:48:05 &gt;&gt; 正在下载 Transmission Web Control...</span></div></div><div><div><div>59</div></div><div> </div></div><div><div><div>60</div></div><div><span>--2021-10-16 05:48:06-- https://github.com/ronggang/transmission-web-control/archive/v1.6.1-update1.tar.gz</span></div></div><div><div><div>61</div></div><div><span>Resolving github.com (github.com)... 20.205.243.166</span></div></div><div><div><div>62</div></div><div><span>Connecting to github.com (github.com)|20.205.243.166|:443... connected.</span></div></div><div><div><div>63</div></div><div><span>HTTP request sent, awaiting response... 302 Found</span></div></div><div><div><div>64</div></div><div><span>Location: https://codeload.github.com/ronggang/transmission-web-control/tar.gz/v1.6.1-update1 [following]</span></div></div><div><div><div>65</div></div><div><span>--2021-10-16 05:48:06-- https://codeload.github.com/ronggang/transmission-web-control/tar.gz/v1.6.1-update1</span></div></div><div><div><div>66</div></div><div><span>Resolving codeload.github.com (codeload.github.com)... 20.205.243.165</span></div></div><div><div><div>67</div></div><div><span>Connecting to codeload.github.com (codeload.github.com)|20.205.243.165|:443... connected.</span></div></div><div><div><div>68</div></div><div><span>HTTP request sent, awaiting response... 200 OK</span></div></div><div><div><div>69</div></div><div><span>Length: unspecified [application/x-gzip]</span></div></div><div><div><div>70</div></div><div><span>Saving to: ‘v1.6.1-update1.tar.gz’</span></div></div><div><div><div>71</div></div><div> </div></div><div><div><div>72</div></div><div><span>v1.6.1-update1.tar.gz [ &lt;=&gt; ] 1.15M 1.74MB/s in 0.7s</span></div></div><div><div><div>73</div></div><div> </div></div><div><div><div>74</div></div><div><span>2021-10-16 05:48:08 (1.74 MB/s) - ‘v1.6.1-update1.tar.gz’ saved [1206252]</span></div></div><div><div><div>75</div></div><div> </div></div><div><div><div>76</div></div><div><span>&lt;&lt; 2021-10-16 05:48:08 &gt;&gt; 下载完成，正在准备安装...</span></div></div><div><div><div>77</div></div><div><span>&lt;&lt; 2021-10-16 05:48:08 &gt;&gt; 正在解压安装包...</span></div></div><div><div><div>78</div></div><div><span>&lt;&lt; 2021-10-16 05:48:08 &gt;&gt; 正在复制安装包...</span></div></div><div><div><div>79</div></div><div><span>&lt;&lt; 2021-10-16 05:48:08 &gt;&gt; 正在设置权限，大约需要一分钟 ...</span></div></div><div><div><div>80</div></div><div><span>&lt;&lt; 2021-10-16 05:48:15 &gt;&gt; Transmission Web Control 安装完成!</span></div></div><div><div><div>81</div></div><div><span>&lt;&lt; 2021-10-16 05:48:15 &gt;&gt; 正在清理安装包...</span></div></div><div><div><div>82</div></div><div><span>&lt;&lt; 2021-10-16 05:48:15 &gt;&gt; 安装脚本执行完成。如遇到问题请查看：https://github.com/ronggang/transmission-web-control/wiki</span></div></div><div><div><div>83</div></div><div><span>&lt;&lt; 2021-10-16 05:48:15 &gt;&gt; == 结束 ==</span></div></div><div><div><div>84</div></div><div> </div></div><div><div><div>85</div></div><div><span>root@OneCloud:~# systemctl restart transmission-daemon</span></div></div><div><div><div>86</div></div><div><span>root@OneCloud:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>刷新页面，可以看到汉化完成 </p><figure><img src="https://image.kanochan.net/2021/10/16/kute09mv.png" alt="kute09mv.png" title="kute09mv.png" /><figcaption>kute09mv.png</figcaption></figure><p></p></section> <section><h1>挂载移动硬盘<a href="#挂载移动硬盘"><span>#</span></a></h1><p>连接好硬盘后输入命令 <code>fdisk -l</code> 查看硬盘状态</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OneCloud:~# fdisk -l</span></div></div><div><div><div>2</div></div><div><span>Disk /dev/zram0: 50 MiB, 52428800 bytes, 12800 sectors</span></div></div><div><div><div>3</div></div><div><span>Units: sectors of 1 * 4096 = 4096 bytes</span></div></div><div><div><div>4</div></div><div><span>Sector size (logical/physical): 4096 bytes / 4096 bytes</span></div></div><div><div><div>5</div></div><div><span>I/O size (minimum/optimal): 4096 bytes / 4096 bytes</span></div></div><div><div><div>6</div></div><div> </div></div><div><div><div>7</div></div><div><span>Disk /dev/mmcblk0: 7.3 GiB, 7818182656 bytes, 15269888 sectors</span></div></div><div><div><div>8</div></div><div><span>Units: sectors of 1 * 512 = 512 bytes</span></div></div><div><div><div>9</div></div><div><span>Sector size (logical/physical): 512 bytes / 512 bytes</span></div></div><div><div><div>10</div></div><div><span>I/O size (minimum/optimal): 512 bytes / 512 bytes</span></div></div><div><div><div>11</div></div><div><span>Disklabel type: dos</span></div></div><div><div><div>12</div></div><div><span>Disk identifier: 0x0000fde5</span></div></div><div><div><div>13</div></div><div> </div></div><div><div><div>14</div></div><div><span>Device Boot Start End Sectors Size Id Type</span></div></div><div><div><div>15</div></div><div><span>/dev/mmcblk0p1 16065 14964479 14948415 7.1G 83 Linux</span></div></div><div><div><div>16</div></div><div> </div></div><div><div><div>17</div></div><div><span>Disk /dev/mmcblk0boot1: 4 MiB, 4194304 bytes, 8192 sectors</span></div></div><div><div><div>18</div></div><div><span>Units: sectors of 1 * 512 = 512 bytes</span></div></div><div><div><div>19</div></div><div><span>Sector size (logical/physical): 512 bytes / 512 bytes</span></div></div><div><div><div>20</div></div><div><span>I/O size (minimum/optimal): 512 bytes / 512 bytes</span></div></div><div><div><div>21</div></div><div><span>Disklabel type: dos</span></div></div><div><div><div>22</div></div><div><span>Disk identifier: 0x0000fde5</span></div></div><div><div><div>23</div></div><div> </div></div><div><div><div>24</div></div><div><span>Device Boot Start End Sectors Size Id Type</span></div></div><div><div><div>25</div></div><div><span>/dev/mmcblk0boot1p1 16065 7727264 7711200 3.7G b W95 FAT32</span></div></div><div><div><div>26</div></div><div> </div></div><div><div><div>27</div></div><div><span>Disk /dev/mmcblk0boot0: 4 MiB, 4194304 bytes, 8192 sectors</span></div></div><div><div><div>28</div></div><div><span>Units: sectors of 1 * 512 = 512 bytes</span></div></div><div><div><div>29</div></div><div><span>Sector size (logical/physical): 512 bytes / 512 bytes</span></div></div><div><div><div>30</div></div><div><span>I/O size (minimum/optimal): 512 bytes / 512 bytes</span></div></div><div><div><div>31</div></div><div><span>Disklabel type: dos</span></div></div><div><div><div>32</div></div><div><span>Disk identifier: 0x0000fde5</span></div></div><div><div><div>33</div></div><div> </div></div><div><div><div>34</div></div><div><span>Device Boot Start End Sectors Size Id Type</span></div></div><div><div><div>35</div></div><div><span>/dev/mmcblk0boot0p1 16065 7727264 7711200 3.7G b W95 FAT32</span></div></div><div><div><div>36</div></div><div> </div></div><div><div><div>37</div></div><div><span>Disk /dev/sda: 298.1 GiB, 320072933376 bytes, 625142448 sectors</span></div></div><div><div><div>38</div></div><div><span>Units: sectors of 1 * 512 = 512 bytes</span></div></div><div><div><div>39</div></div><div><span>Sector size (logical/physical): 512 bytes / 512 bytes</span></div></div><div><div><div>40</div></div><div><span>I/O size (minimum/optimal): 512 bytes / 512 bytes</span></div></div><div><div><div>41</div></div><div><span>Disklabel type: gpt</span></div></div><div><div><div>42</div></div><div><span>Disk identifier: 0F191B0D-5858-9090-8081-828310111213</span></div></div><div><div><div>43</div></div><div> </div></div><div><div><div>44</div></div><div><span>Device Start End Sectors Size Type</span></div></div><div><div><div>45</div></div><div><span>/dev/sda1 2048 625137344 625135297 298.1G Microsoft basic data</span></div></div><div><div><div>46</div></div><div><span>root@OneCloud:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>可以看到300G的硬盘已经被系统识别，但是文件格式是NTFS格式，无法直接挂载，我们需要安装 <code>ntfs-3g</code> 来挂载。输入命令 <code>apt-get install ntfs-3g</code> 安装</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OneCloud:~# apt-get install ntfs-3g</span></div></div><div><div><div>2</div></div><div><span>Reading package lists... Done</span></div></div><div><div><div>3</div></div><div><span>Building dependency tree</span></div></div><div><div><div>4</div></div><div><span>Reading state information... Done</span></div></div><div><div><div>5</div></div><div><span>The following additional packages will be installed:</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>libntfs-3g871</span></div></div><div><div><div>7</div></div><div><span>The following packages will be upgraded:</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>libntfs-3g871 ntfs-3g</span></div></div><div><div><div>9</div></div><div><span>2 upgraded, 0 newly installed, 0 to remove and 127 not upgraded.</span></div></div><div><div><div>10</div></div><div><span>Need to get 0 B/557 kB of archives.</span></div></div><div><div><div>11</div></div><div><span>After this operation, 0 B of additional disk space will be used.</span></div></div><div><div><div>12</div></div><div><span>Do you want to continue? [Y/n] y</span></div></div><div><div><div>13</div></div><div><span>(Reading database ... 30587 files and directories currently installed.)</span></div></div><div><div><div>14</div></div><div><span>Preparing to unpack .../ntfs-3g_1%3a2016.2.22AR.1+dfsg-1+deb9u1_armhf.deb ...</span></div></div><div><div><div>15</div></div><div><span>Unpacking ntfs-3g (1:2016.2.22AR.1+dfsg-1+deb9u1) over (1:2016.2.22AR.1+dfsg-1) ...</span></div></div><div><div><div>16</div></div><div><span>Preparing to unpack .../libntfs-3g871_1%3a2016.2.22AR.1+dfsg-1+deb9u1_armhf.deb ...</span></div></div><div><div><div>17</div></div><div><span>Unpacking libntfs-3g871 (1:2016.2.22AR.1+dfsg-1+deb9u1) over (1:2016.2.22AR.1+dfsg-1) ...</span></div></div><div><div><div>18</div></div><div><span>Processing triggers for initramfs-tools (0.130) ...</span></div></div><div><div><div>19</div></div><div><span>ln: failed to create hard link '/boot/initrd.img-3.10.108.dpkg-bak' =&gt; '/boot/initrd.img-3.10.108': Operation not permitted</span></div></div><div><div><div>20</div></div><div><span>update-initramfs: Generating /boot/initrd.img-3.10.108</span></div></div><div><div><div>21</div></div><div><span>update-initramfs: Converting to u-boot format</span></div></div><div><div><div>22</div></div><div><span>Processing triggers for libc-bin (2.24-11+deb9u3) ...</span></div></div><div><div><div>23</div></div><div><span>Processing triggers for man-db (2.7.6.1-2) ...</span></div></div><div><div><div>24</div></div><div><span>Setting up libntfs-3g871 (1:2016.2.22AR.1+dfsg-1+deb9u1) ...</span></div></div><div><div><div>25</div></div><div><span>Setting up ntfs-3g (1:2016.2.22AR.1+dfsg-1+deb9u1) ...</span></div></div><div><div><div>26</div></div><div><span>Processing triggers for libc-bin (2.24-11+deb9u3) ...</span></div></div><div><div><div>27</div></div><div><span>Processing triggers for initramfs-tools (0.130) ...</span></div></div><div><div><div>28</div></div><div><span>ln: failed to create hard link '/boot/initrd.img-3.10.108.dpkg-bak' =&gt; '/boot/initrd.img-3.10.108': Operation not permitted</span></div></div><div><div><div>29</div></div><div><span>update-initramfs: Generating /boot/initrd.img-3.10.108</span></div></div><div><div><div>30</div></div><div><span>update-initramfs: Converting to u-boot format</span></div></div><div><div><div>31</div></div><div><span>root@OneCloud:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>创建挂载点： <code>mkdir /mnt/sda1</code> 挂载硬盘到sda1文件夹： <code>mount -t ntfs-3g /dev/sda1 /mnt/sda1</code> 输入 <code>df-h</code> 查看挂载情况如下，磁盘已被成功挂载</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OneCloud:~# mount -t ntfs-3g /dev/sda1 /mnt/sda1</span></div></div><div><div><div>2</div></div><div><span>root@OneCloud:~# df -h</span></div></div><div><div><div>3</div></div><div><span>Filesystem Size Used Avail Use% Mounted on</span></div></div><div><div><div>4</div></div><div><span>udev 395M 0 395M 0% /dev</span></div></div><div><div><div>5</div></div><div><span>tmpfs 80M 5.5M 74M 7% /run</span></div></div><div><div><div>6</div></div><div><span>/dev/system 6.7G 872M 5.8G 13% /</span></div></div><div><div><div>7</div></div><div><span>tmpfs 397M 0 397M 0% /dev/shm</span></div></div><div><div><div>8</div></div><div><span>tmpfs 5.0M 4.0K 5.0M 1% /run/lock</span></div></div><div><div><div>9</div></div><div><span>tmpfs 397M 0 397M 0% /sys/fs/cgroup</span></div></div><div><div><div>10</div></div><div><span>tmpfs 397M 4.0K 397M 1% /tmp</span></div></div><div><div><div>11</div></div><div><span>/dev/boot 32M 15M 18M 46% /boot</span></div></div><div><div><div>12</div></div><div><span>/dev/zram0 49M 1.4M 44M 4% /var/log</span></div></div><div><div><div>13</div></div><div><span>tmpfs 80M 0 80M 0% /run/user/0</span></div></div><div><div><div>14</div></div><div><span>/dev/sda1 299G 97G 202G 33% /mnt/sda1</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h1>安装samba<a href="#安装samba"><span>#</span></a></h1><p>输入命令： <code>apt install samba</code> ，输入 <code>y</code> 确认安装，消耗的时间视网络情况而异</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OneCloud:~# apt install samba</span></div></div><div><div><div>2</div></div><div><span>Reading package lists... Done</span></div></div><div><div><div>3</div></div><div><span>Building dependency tree</span></div></div><div><div><div>4</div></div><div><span>Reading state information... Done</span></div></div><div><div><div>5</div></div><div><span>The following additional packages will be installed:</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>libavahi-client3 libavahi-common-data libavahi-common3 libcups2 libfile-copy-recursive-perl libldb1 libpython2.7 libpython2.7-minimal libpython2.7-stdlib</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>libtalloc2 libtdb1 libtevent0 libwbclient0 python-crypto python-dnspython python-ldb python-samba python-talloc python-tdb python2.7 python2.7-minimal</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>samba-common samba-common-bin samba-libs tdb-tools update-inetd</span></div></div><div><div><div>9</div></div><div><span>Suggested packages:</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>cups-common python-crypto-dbg python-crypto-doc python-gpgme python2.7-doc binfmt-support bind9 bind9utils ctdb ldb-tools smbldap-tools winbind ufw</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>heimdal-clients</span></div></div><div><div><div>12</div></div><div><span>Recommended packages:</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>attr samba-dsdb-modules samba-vfs-modules</span></div></div><div><div><div>14</div></div><div><span>The following NEW packages will be installed:</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>libavahi-client3 libavahi-common-data libavahi-common3 libcups2 libfile-copy-recursive-perl libldb1 libpython2.7 libtalloc2 libtdb1 libtevent0</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>libwbclient0 python-crypto python-dnspython python-ldb python-samba python-talloc python-tdb samba samba-common samba-common-bin samba-libs tdb-tools</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>update-inetd</span></div></div><div><div><div>18</div></div><div><span>The following packages will be upgraded:</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>libpython2.7-minimal libpython2.7-stdlib python2.7 python2.7-minimal</span></div></div><div><div><div>20</div></div><div><span>4 upgraded, 23 newly installed, 0 to remove and 123 not upgraded.</span></div></div><div><div><div>21</div></div><div><span>Need to get 7,317 kB/13.2 MB of archives.</span></div></div><div><div><div>22</div></div><div><span>After this operation, 41.8 MB of additional disk space will be used.</span></div></div><div><div><div>23</div></div><div><span>Do you want to continue? [Y/n] y</span></div></div><div><div><div>24</div></div><div><span>Get:1 http://security.debian.org stretch/updates/main armhf samba-libs armhf 2:4.5.16+dfsg-1+deb9u4 [4,523 kB]</span></div></div><div><div><div>25</div></div><div><span>Get:2 http://security.debian.org stretch/updates/main armhf python-samba armhf 2:4.5.16+dfsg-1+deb9u4 [1,173 kB]</span></div></div><div><div><div>26</div></div><div><span>Get:3 http://security.debian.org stretch/updates/main armhf samba-common all 2:4.5.16+dfsg-1+deb9u4 [175 kB]</span></div></div><div><div><div>27</div></div><div><span>Get:4 http://security.debian.org stretch/updates/main armhf samba-common-bin armhf 2:4.5.16+dfsg-1+deb9u4 [563 kB]</span></div></div><div><div><div>28</div></div><div><span>Get:5 http://security.debian.org stretch/updates/main armhf samba armhf 2:4.5.16+dfsg-1+deb9u4 [883 kB]</span></div></div><div><div><div>29</div></div><div><span>Fetched 6,752 kB in 1s (5,645 kB/s)</span></div></div><div><div><div>30</div></div><div><span>Preconfiguring packages ...</span></div></div><div><div><div>31</div></div><div><span>Selecting previously unselected package libwbclient0:armhf.</span></div></div><div><div><div>32</div></div><div><span>(Reading database ... 30587 files and directories currently installed.)</span></div></div><div><div><div>33</div></div><div><span>Preparing to unpack .../00-libwbclient0_2%3a4.5.16+dfsg-1+deb9u4_armhf.deb ...</span></div></div><div><div><div>34</div></div><div><span>Unpacking libwbclient0:armhf (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>35</div></div><div><span>Preparing to unpack .../01-python2.7_2.7.13-2+deb9u5_armhf.deb ...</span></div></div><div><div><div>36</div></div><div><span>Unpacking python2.7 (2.7.13-2+deb9u5) over (2.7.13-2+deb9u3) ...</span></div></div><div><div><div>37</div></div><div><span>Preparing to unpack .../02-libpython2.7-stdlib_2.7.13-2+deb9u5_armhf.deb ...</span></div></div><div><div><div>38</div></div><div><span>Unpacking libpython2.7-stdlib:armhf (2.7.13-2+deb9u5) over (2.7.13-2+deb9u3) ...</span></div></div><div><div><div>39</div></div><div><span>Preparing to unpack .../03-python2.7-minimal_2.7.13-2+deb9u5_armhf.deb ...</span></div></div><div><div><div>40</div></div><div><span>Unpacking python2.7-minimal (2.7.13-2+deb9u5) over (2.7.13-2+deb9u3) ...</span></div></div><div><div><div>41</div></div><div><span>Preparing to unpack .../04-libpython2.7-minimal_2.7.13-2+deb9u5_armhf.deb ...</span></div></div><div><div><div>42</div></div><div><span>Unpacking libpython2.7-minimal:armhf (2.7.13-2+deb9u5) over (2.7.13-2+deb9u3) ...</span></div></div><div><div><div>43</div></div><div><span>Selecting previously unselected package python-dnspython.</span></div></div><div><div><div>44</div></div><div><span>Preparing to unpack .../05-python-dnspython_1.15.0-1+deb9u1_all.deb ...</span></div></div><div><div><div>45</div></div><div><span>Unpacking python-dnspython (1.15.0-1+deb9u1) ...</span></div></div><div><div><div>46</div></div><div><span>Selecting previously unselected package python-crypto.</span></div></div><div><div><div>47</div></div><div><span>Preparing to unpack .../06-python-crypto_2.6.1-7_armhf.deb ...</span></div></div><div><div><div>48</div></div><div><span>Unpacking python-crypto (2.6.1-7) ...</span></div></div><div><div><div>49</div></div><div><span>Selecting previously unselected package libtalloc2:armhf.</span></div></div><div><div><div>50</div></div><div><span>Preparing to unpack .../07-libtalloc2_2.1.8-1_armhf.deb ...</span></div></div><div><div><div>51</div></div><div><span>Unpacking libtalloc2:armhf (2.1.8-1) ...</span></div></div><div><div><div>52</div></div><div><span>Selecting previously unselected package libtdb1:armhf.</span></div></div><div><div><div>53</div></div><div><span>Preparing to unpack .../08-libtdb1_1.3.11-2_armhf.deb ...</span></div></div><div><div><div>54</div></div><div><span>Unpacking libtdb1:armhf (1.3.11-2) ...</span></div></div><div><div><div>55</div></div><div><span>Selecting previously unselected package libtevent0:armhf.</span></div></div><div><div><div>56</div></div><div><span>Preparing to unpack .../09-libtevent0_0.9.31-1_armhf.deb ...</span></div></div><div><div><div>57</div></div><div><span>Unpacking libtevent0:armhf (0.9.31-1) ...</span></div></div><div><div><div>58</div></div><div><span>Selecting previously unselected package libldb1:armhf.</span></div></div><div><div><div>59</div></div><div><span>Preparing to unpack .../10-libldb1_2%3a1.1.27-1+deb9u2_armhf.deb ...</span></div></div><div><div><div>60</div></div><div><span>Unpacking libldb1:armhf (2:1.1.27-1+deb9u2) ...</span></div></div><div><div><div>61</div></div><div><span>Selecting previously unselected package libpython2.7:armhf.</span></div></div><div><div><div>62</div></div><div><span>Preparing to unpack .../11-libpython2.7_2.7.13-2+deb9u5_armhf.deb ...</span></div></div><div><div><div>63</div></div><div><span>Unpacking libpython2.7:armhf (2.7.13-2+deb9u5) ...</span></div></div><div><div><div>64</div></div><div><span>Selecting previously unselected package python-ldb.</span></div></div><div><div><div>65</div></div><div><span>Preparing to unpack .../12-python-ldb_2%3a1.1.27-1+deb9u2_armhf.deb ...</span></div></div><div><div><div>66</div></div><div><span>Unpacking python-ldb (2:1.1.27-1+deb9u2) ...</span></div></div><div><div><div>67</div></div><div><span>Selecting previously unselected package python-tdb.</span></div></div><div><div><div>68</div></div><div><span>Preparing to unpack .../13-python-tdb_1.3.11-2_armhf.deb ...</span></div></div><div><div><div>69</div></div><div><span>Unpacking python-tdb (1.3.11-2) ...</span></div></div><div><div><div>70</div></div><div><span>Selecting previously unselected package python-talloc.</span></div></div><div><div><div>71</div></div><div><span>Preparing to unpack .../14-python-talloc_2.1.8-1_armhf.deb ...</span></div></div><div><div><div>72</div></div><div><span>Unpacking python-talloc (2.1.8-1) ...</span></div></div><div><div><div>73</div></div><div><span>Selecting previously unselected package libavahi-common-data:armhf.</span></div></div><div><div><div>74</div></div><div><span>Preparing to unpack .../15-libavahi-common-data_0.6.32-2_armhf.deb ...</span></div></div><div><div><div>75</div></div><div><span>Unpacking libavahi-common-data:armhf (0.6.32-2) ...</span></div></div><div><div><div>76</div></div><div><span>Selecting previously unselected package libavahi-common3:armhf.</span></div></div><div><div><div>77</div></div><div><span>Preparing to unpack .../16-libavahi-common3_0.6.32-2_armhf.deb ...</span></div></div><div><div><div>78</div></div><div><span>Unpacking libavahi-common3:armhf (0.6.32-2) ...</span></div></div><div><div><div>79</div></div><div><span>Selecting previously unselected package libavahi-client3:armhf.</span></div></div><div><div><div>80</div></div><div><span>Preparing to unpack .../17-libavahi-client3_0.6.32-2_armhf.deb ...</span></div></div><div><div><div>81</div></div><div><span>Unpacking libavahi-client3:armhf (0.6.32-2) ...</span></div></div><div><div><div>82</div></div><div><span>Selecting previously unselected package libcups2:armhf.</span></div></div><div><div><div>83</div></div><div><span>Preparing to unpack .../18-libcups2_2.2.1-8+deb9u6_armhf.deb ...</span></div></div><div><div><div>84</div></div><div><span>Unpacking libcups2:armhf (2.2.1-8+deb9u6) ...</span></div></div><div><div><div>85</div></div><div><span>Selecting previously unselected package samba-libs:armhf.</span></div></div><div><div><div>86</div></div><div><span>Preparing to unpack .../19-samba-libs_2%3a4.5.16+dfsg-1+deb9u4_armhf.deb ...</span></div></div><div><div><div>87</div></div><div><span>Unpacking samba-libs:armhf (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>88</div></div><div><span>Selecting previously unselected package python-samba.</span></div></div><div><div><div>89</div></div><div><span>Preparing to unpack .../20-python-samba_2%3a4.5.16+dfsg-1+deb9u4_armhf.deb ...</span></div></div><div><div><div>90</div></div><div><span>Unpacking python-samba (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>91</div></div><div><span>Selecting previously unselected package samba-common.</span></div></div><div><div><div>92</div></div><div><span>Preparing to unpack .../21-samba-common_2%3a4.5.16+dfsg-1+deb9u4_all.deb ...</span></div></div><div><div><div>93</div></div><div><span>Unpacking samba-common (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>94</div></div><div><span>Selecting previously unselected package samba-common-bin.</span></div></div><div><div><div>95</div></div><div><span>Preparing to unpack .../22-samba-common-bin_2%3a4.5.16+dfsg-1+deb9u4_armhf.deb ...</span></div></div><div><div><div>96</div></div><div><span>Unpacking samba-common-bin (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>97</div></div><div><span>Selecting previously unselected package tdb-tools.</span></div></div><div><div><div>98</div></div><div><span>Preparing to unpack .../23-tdb-tools_1.3.11-2_armhf.deb ...</span></div></div><div><div><div>99</div></div><div><span>Unpacking tdb-tools (1.3.11-2) ...</span></div></div><div><div><div>100</div></div><div><span>Selecting previously unselected package libfile-copy-recursive-perl.</span></div></div><div><div><div>101</div></div><div><span>Preparing to unpack .../24-libfile-copy-recursive-perl_0.38-1_all.deb ...</span></div></div><div><div><div>102</div></div><div><span>Unpacking libfile-copy-recursive-perl (0.38-1) ...</span></div></div><div><div><div>103</div></div><div><span>Selecting previously unselected package update-inetd.</span></div></div><div><div><div>104</div></div><div><span>Preparing to unpack .../25-update-inetd_4.44_all.deb ...</span></div></div><div><div><div>105</div></div><div><span>Unpacking update-inetd (4.44) ...</span></div></div><div><div><div>106</div></div><div><span>Selecting previously unselected package samba.</span></div></div><div><div><div>107</div></div><div><span>Preparing to unpack .../26-samba_2%3a4.5.16+dfsg-1+deb9u4_armhf.deb ...</span></div></div><div><div><div>108</div></div><div><span>Unpacking samba (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>109</div></div><div><span>Setting up python-dnspython (1.15.0-1+deb9u1) ...</span></div></div><div><div><div>110</div></div><div><span>Setting up libtdb1:armhf (1.3.11-2) ...</span></div></div><div><div><div>111</div></div><div><span>Setting up libwbclient0:armhf (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>112</div></div><div><span>Setting up python-crypto (2.6.1-7) ...</span></div></div><div><div><div>113</div></div><div><span>Processing triggers for mime-support (3.60) ...</span></div></div><div><div><div>114</div></div><div><span>Setting up samba-common (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>115</div></div><div> </div></div><div><div><div>116</div></div><div><span>Creating config file /etc/samba/smb.conf with new version</span></div></div><div><div><div>117</div></div><div><span>Processing triggers for libc-bin (2.24-11+deb9u3) ...</span></div></div><div><div><div>118</div></div><div><span>Processing triggers for systemd (232-25+deb9u6) ...</span></div></div><div><div><div>119</div></div><div><span>Setting up tdb-tools (1.3.11-2) ...</span></div></div><div><div><div>120</div></div><div><span>update-alternatives: using /usr/bin/tdbbackup.tdbtools to provide /usr/bin/tdbbackup (tdbbackup) in auto mode</span></div></div><div><div><div>121</div></div><div><span>Processing triggers for man-db (2.7.6.1-2) ...</span></div></div><div><div><div>122</div></div><div><span>Setting up libtalloc2:armhf (2.1.8-1) ...</span></div></div><div><div><div>123</div></div><div><span>Setting up libpython2.7-minimal:armhf (2.7.13-2+deb9u5) ...</span></div></div><div><div><div>124</div></div><div><span>Setting up libpython2.7-stdlib:armhf (2.7.13-2+deb9u5) ...</span></div></div><div><div><div>125</div></div><div><span>Setting up python2.7-minimal (2.7.13-2+deb9u5) ...</span></div></div><div><div><div>126</div></div><div><span>Setting up libfile-copy-recursive-perl (0.38-1) ...</span></div></div><div><div><div>127</div></div><div><span>Setting up libavahi-common-data:armhf (0.6.32-2) ...</span></div></div><div><div><div>128</div></div><div><span>Setting up update-inetd (4.44) ...</span></div></div><div><div><div>129</div></div><div><span>Setting up python2.7 (2.7.13-2+deb9u5) ...</span></div></div><div><div><div>130</div></div><div><span>Setting up libtevent0:armhf (0.9.31-1) ...</span></div></div><div><div><div>131</div></div><div><span>Setting up libpython2.7:armhf (2.7.13-2+deb9u5) ...</span></div></div><div><div><div>132</div></div><div><span>Setting up libavahi-common3:armhf (0.6.32-2) ...</span></div></div><div><div><div>133</div></div><div><span>Setting up python-talloc (2.1.8-1) ...</span></div></div><div><div><div>134</div></div><div><span>Setting up python-tdb (1.3.11-2) ...</span></div></div><div><div><div>135</div></div><div><span>Setting up libldb1:armhf (2:1.1.27-1+deb9u2) ...</span></div></div><div><div><div>136</div></div><div><span>Setting up libavahi-client3:armhf (0.6.32-2) ...</span></div></div><div><div><div>137</div></div><div><span>Setting up libcups2:armhf (2.2.1-8+deb9u6) ...</span></div></div><div><div><div>138</div></div><div><span>Setting up python-ldb (2:1.1.27-1+deb9u2) ...</span></div></div><div><div><div>139</div></div><div><span>Setting up samba-libs:armhf (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>140</div></div><div><span>Setting up python-samba (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>141</div></div><div><span>Setting up samba-common-bin (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>142</div></div><div><span>Setting up samba (2:4.5.16+dfsg-1+deb9u4) ...</span></div></div><div><div><div>143</div></div><div><span>Adding group `sambashare' (GID 115) ...</span></div></div><div><div><div>144</div></div><div><span>Done.</span></div></div><div><div><div>145</div></div><div><span>Samba is not being run as an AD Domain Controller, masking samba-ad-dc-service.</span></div></div><div><div><div>146</div></div><div><span>Please ignore the following error about deb-systemd-helper not finding samba-ad-dc-service.</span></div></div><div><div><div>147</div></div><div><span>Created symlink /etc/systemd/system/multi-user.target.wants/nmbd.service → /lib/systemd/system/nmbd.service.</span></div></div><div><div><div>148</div></div><div><span>Failed to preset unit: Unit file /etc/systemd/system/samba-ad-dc.service is masked.</span></div></div><div><div><div>149</div></div><div><span>/usr/bin/deb-systemd-helper: error: systemctl preset failed on samba-ad-dc.service: No such file or directory</span></div></div><div><div><div>150</div></div><div><span>Created symlink /etc/systemd/system/multi-user.target.wants/smbd.service → /lib/systemd/system/smbd.service.</span></div></div><div><div><div>151</div></div><div><span>Processing triggers for libc-bin (2.24-11+deb9u3) ...</span></div></div><div><div><div>152</div></div><div><span>Processing triggers for systemd (232-25+deb9u6) ...</span></div></div><div><div><div>153</div></div><div><span>root@OneCloud:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>添加用户和密码，输入 <code>smbpasswd -a root</code> #root是想用的samba账号，接着会让你输入两次密码，输入即可。 编辑 <code>/etc/samba/smb.conf</code> 文件，在末尾处添加以下内容：</p><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[share]</span></div></div><div><div><div>2</div></div><div><span>comment = 1T-share</span></div></div><div><div><div>3</div></div><div><span># 共享目录</span></div></div><div><div><div>4</div></div><div><span>path = /mnt/sda1</span></div></div><div><div><div>5</div></div><div><span>create mask = 0700</span></div></div><div><div><div>6</div></div><div><span>directory mask = 0700</span></div></div><div><div><div>7</div></div><div><span># 用于登录的账户</span></div></div><div><div><div>8</div></div><div><span>valid users = root</span></div></div><div><div><div>9</div></div><div><span>force user = root</span></div></div><div><div><div>10</div></div><div><span>force group = root</span></div></div><div><div><div>11</div></div><div><span># 是否公开分享</span></div></div><div><div><div>12</div></div><div><span>public = yes</span></div></div><div><div><div>13</div></div><div><span># 是否允许来宾用户访问</span></div></div><div><div><div>14</div></div><div><span>guest ok = yes</span></div></div><div><div><div>15</div></div><div><span># 是否只读</span></div></div><div><div><div>16</div></div><div><span>read only = no</span></div></div><div><div><div>17</div></div><div><span># 是否可被浏览</span></div></div><div><div><div>18</div></div><div><span>browseable = yes</span></div></div><div><div><div>19</div></div><div><span>available = yes</span></div></div><div><div><div>20</div></div><div><span>writable = yes</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>保存后重启samba服务 <code>systemctl restart smbd</code> ，再通过电脑添加网络位置，用户选择root，输入你设置好的密码即可。 </p><figure><img src="https://image.kanochan.net/2021/10/16/kutg5r1m.png" alt="kutg5r1m.png" title="kutg5r1m.png" /><figcaption>kutg5r1m.png</figcaption></figure><p></p><p>{mtitle title=成功访问samba服/}</p><p>至此，本文完结。</p></section>https://kanochan.net/posts/winhex-sector-overlay-fix/https://kanochan.net/posts/winhex-sector-overlay-fix/解决WinHex在数据恢复过程中叠加扇区功能无法启用的问题。Thu, 07 Oct 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/10/06/kufm8p60.png" alt="kufm8p60.png" title="kufm8p60.png" /><figcaption>kufm8p60.png</figcaption></figure><p></p> <p>{mtitle title=ID85037897/}</p> <p>在数据恢复的过程中，会不可避免地使用到叠加扇区的功能，但是有时我们发现，叠加扇区却处于不可用的灰色状态，那该如何解决？ </p><figure><img src="https://image.kanochan.net/2021/10/06/kuflzrx9.png" alt="kuflzrx9.png" title="kuflzrx9.png" /><figcaption>kuflzrx9.png</figcaption></figure><p></p> <p>{mtitle title=灰色的叠加扇区按钮/}</p> <p>很简单，之所以按钮是灰色的，是因为winhex编辑模式设置的问题，只要更改编辑模式，问题迎刃而解。 </p><figure><img src="https://image.kanochan.net/2021/10/06/kufm4jiz.png" alt="kufm4jiz.png" title="kufm4jiz.png" /><figcaption>kufm4jiz.png</figcaption></figure><p></p> <p>{mtitle title=设置编辑模式/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/10/06/kufm5n5y.png" alt="kufm5n5y.png" title="kufm5n5y.png" /><figcaption>kufm5n5y.png</figcaption></figure><p></p> <p>{mtitle title=选择只读模式/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/10/06/kufm7131.png" alt="kufm7131.png" title="kufm7131.png" /><figcaption>kufm7131.png</figcaption></figure> 完成之后可以看到，叠加扇区已经处于可选状态。<p></p>https://kanochan.net/posts/typecho-joe-image-limit/https://kanochan.net/posts/typecho-joe-image-limit/通过调整主题代码修复Joe主题图片过大导致版面失衡的问题。Mon, 04 Oct 2021 00:00:00 GMT<p>闲着无聊翻翻自己的博客，不翻还好，一翻就有事情做了… </p><figure><img src="https://image.kanochan.net/2021/10/03/kub80af6.png" alt="kub80af6.png" title="kub80af6.png" /><figcaption>kub80af6.png</figcaption></figure><p></p> <p>闲着无聊翻翻自己的博客，不翻还好，一翻就有事情做了。突然发现一个比较严重的问题，那就是高清图片占用的页面面积比较大，一张图片要用滚轮滚好多次，导致文章内容割裂感极强，缺少整体感，读者对图片后面的内容缺少预知感，让人感到无趣甚至想关掉页面。而在手机上，得益于手机普遍修长的先天优势，这种糟糕的体验并不存在。</p> <p></p><figure><img src="https://image.kanochan.net/2021/10/03/kub8c9g7.png" alt="kub8c9g7.png" title="kub8c9g7.png" /><figcaption>kub8c9g7.png</figcaption></figure><p></p> <p>我也不知道这是Typecho的锅还是Joe主题的锅，咱也不敢查，咱也不敢问，总之把它解决掉就好了。</p> <section><h2>解决办法<a href="#解决办法"><span>#</span></a></h2><p>打开网站根目录下的 <code>/var/HyperDown.php</code> 文件</p><p>搜索</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>"&lt;img src=</span><span><span>{</span><span>$url</span><span>}</span></span><span> alt=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span> title=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span>&gt;"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>替换为：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>"&lt;img src=</span><span><span>{</span><span>$url</span><span>}</span></span><span> alt=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span> title=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span> style=max-width:300px;max-height:600px &gt;"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>再次搜索</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>"&lt;img src=</span><span><span>{</span><span>$self</span></span><span>-&gt;</span><span>_definitions</span><span>[</span><span>$matches</span><span>[</span><span>2</span><span>]]</span><span>}</span><span> alt=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span> title=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span>&gt;"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>替换为：</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>"&lt;img src=</span><span><span>{</span><span>$self</span></span><span>-&gt;</span><span>_definitions</span><span>[</span><span>$matches</span><span>[</span><span>2</span><span>]]</span><span>}</span><span> alt=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span> title=</span><span><span>{</span><span>$escaped</span><span>}</span></span><span> style=max-width:300px;max-height:600px &gt;"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>上面的代码，设置的是限制图片最大高度为600px,最大宽度为300px，你可以根据自己的需要来修改，然后保存覆盖这个文件即可。已知的问题是，如果你的宽度设置得太大，移动端页面显示的图片宽度可能会溢出。暂时不知道怎么解决，也许可以通过修改主题文件的某些代码来解决，还没空研究，先凑合着用吧。</p></section> <section><h2>修改前后对比<a href="#修改前后对比"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2021/10/03/kub8c9g7.png" alt="kub8c9g7.png" title="kub8c9g7.png" /><figcaption>kub8c9g7.png</figcaption></figure><p></p><p></p><figure><img src="https://image.kanochan.net/2021/10/03/kub98vsg.png" alt="kub98vsg.png" title="kub98vsg.png" /><figcaption>kub98vsg.png</figcaption></figure><p></p><p>值得注意的是，Joe主题自带图片灯箱，点击图片即可放大，避免了图片过小导致看不清的问题。</p></section>https://kanochan.net/posts/jellyfin-common-issues-fix/https://kanochan.net/posts/jellyfin-common-issues-fix/总结Docker环境下Jellyfin常见封面与字幕乱码问题的解决方案。Sat, 02 Oct 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/10/02/ku9dgvyd.png" alt="PID：69606589" title="PID：69606589" /><figcaption>PID：69606589</figcaption></figure><p></p> <section><h1>封面乱码<a href="#封面乱码"><span>#</span></a></h1><p></p><figure><img src="https://image.kanochan.net/2022/03/14/image.png" alt="封面文字显示方块" title="封面文字显示方块" /><figcaption>封面文字显示方块</figcaption></figure><p></p><p>这种情况直接在docker里面安装中文字体就好了，进入到docker容器内，执行命令</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>apt update &amp;&amp; apt install fonts-noto-cjk-extra</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>fonts-noto-cjk-extra是字体系列的集合，每个系列在视觉上都在脚本中协调一致。此软件包包含繁体中文、简体中文、日文和韩文的 Noto 字体系列。</p><p>字体安装完成后要重启docker以生效。</p><p>重启完成后需要删除jellyfin的封面图片，并重新添加。</p><p></p><figure><img src="https://image.kanochan.net/2022/03/14/image17bb5f264d6c6208.png" alt="重新添加图片" title="重新添加图片" /><figcaption>重新添加图片</figcaption></figure><p></p></section> <section><h1>中文字幕乱码<a href="#中文字幕乱码"><span>#</span></a></h1><p>缺少中文字体所致，在docker中映射字体文件夹，把中文字体放进去即可，一般用微软雅黑字体，字体文件命名随意，最后启用备用字体即可。 </p><figure><img src="https://image.kanochan.net/2021/10/02/ku9ds3in.png" alt="ku9ds3in.png" title="ku9ds3in.png" /><figcaption>ku9ds3in.png</figcaption></figure> {mtitle title=挂载字体文件夹/} <figure><img src="https://image.kanochan.net/2021/10/02/ku9dqoz0.png" alt="ku9dqoz0.png" title="ku9dqoz0.png" /><figcaption>ku9dqoz0.png</figcaption></figure> {mtitle title=启用字体/} 值得注意的一点是，在烧录字幕时应该选择自动模式，否则可能无法转码播放。 <figure><img src="https://image.kanochan.net/2021/10/02/ku9dwt05.png" alt="ku9dwt05.png" title="ku9dwt05.png" /><figcaption>ku9dwt05.png</figcaption></figure><p></p></section> <section><h1>硬件解码相关<a href="#硬件解码相关"><span>#</span></a></h1><p>如果你的处理器不支持某些编码，而你又启用了它们，会造成无法播放，就像下面一样 </p><figure><img src="https://image.kanochan.net/2021/10/02/ku9epldc.png" alt="ku9epldc.png" title="ku9epldc.png" /><figcaption>ku9epldc.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/10/02/ku9enufg.png" alt="ku9enufg.png" title="ku9enufg.png" /><figcaption>ku9enufg.png</figcaption></figure> 此时的解决办法是，关掉你的处理器不支持的那些编码，就可以了。 <figure><img src="https://image.kanochan.net/2021/10/02/ku9esvqk.png" alt="ku9esvqk.png" title="ku9esvqk.png" /><figcaption>ku9esvqk.png</figcaption></figure> 不出意外，此时你的处理器占用应该会到达100%，因为软件解码的效率是低下的。<p></p></section>https://kanochan.net/posts/cleaning-memories-items/https://kanochan.net/posts/cleaning-memories-items/从清扫房间翻出的旧物出发，回望在钦州求学生活的片段。Sat, 14 Aug 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksaighob.png" alt="PID：850491" title="PID：850491" /><figcaption>PID：850491</figcaption></figure><p></p> <p>{mtitle title=PID：850491/}</p> <p>看着日渐凌乱的房间，强迫症又犯了，看着很不爽，决定来一次彻底的大扫除。然后翻出了一些压箱底的物件，带出了久远的回忆…</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksagoydz.png" alt="钦州市地图" title="钦州市地图" /><figcaption>钦州市地图</figcaption></figure><p></p> <p>{mtitle title=钦州市地图/} </p><figure><img src="https://image.kanochan.net/2021/08/13/ksah1sny.png" alt="ksah1sny.png" title="ksah1sny.png" /><figcaption>ksah1sny.png</figcaption></figure><p></p> <p>{mtitle title=钦州市城区地图/} </p><figure><img src="https://image.kanochan.net/2021/08/13/ksah2ted.png" alt="ksah2ted.png" title="ksah2ted.png" /><figcaption>ksah2ted.png</figcaption></figure><p></p> <p>{mtitle title=钦州市城区地图一角/}</p> <p>这是一幅钦州市的地图，那时候在钦州上学，手上仅有一部老人机，对钦州人生地不熟，老人机又不能用地图导航，为了能让自己找到回学校的路，去书店的时候顺手买了一份钦州市地图，出校门的时候就带着，防止迷路。这份地图在当时可真是帮了大忙，对于我这种不太喜欢问路的人。 翻了翻手机相册，还保存着一些钦州的见闻。 </p><figure><img src="https://image.kanochan.net/2021/08/13/ksahj6h0.png" alt="ksahj6h0.png" title="ksahj6h0.png" /><figcaption>ksahj6h0.png</figcaption></figure><p></p> <p>{mtitle title=不想做垃圾桶的垃圾桶/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahllul.png" alt="ksahllul.png" title="ksahllul.png" /><figcaption>ksahllul.png</figcaption></figure><p></p> <p>{mtitle title=枯水期的钦江/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahmu17.png" alt="ksahmu17.png" title="ksahmu17.png" /><figcaption>ksahmu17.png</figcaption></figure><p></p> <p>{mtitle title=钦州百年历史的古街/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahoktx.png" alt="ksahoktx.png" title="ksahoktx.png" /><figcaption>ksahoktx.png</figcaption></figure><p></p> <p>{mtitle title=家门口开档的理发师傅/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahqwvp.png" alt="ksahqwvp.png" title="ksahqwvp.png" /><figcaption>ksahqwvp.png</figcaption></figure><p></p> <p>{mtitle title=误打误撞走进的教堂/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahrjlm.png" alt="ksahrjlm.png" title="ksahrjlm.png" /><figcaption>ksahrjlm.png</figcaption></figure><p></p> <p>{mtitle title=钦州市天主教会/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahsqtq.png" alt="ksahsqtq.png" title="ksahsqtq.png" /><figcaption>ksahsqtq.png</figcaption></figure><p></p> <p>{mtitle title=兰州拉面的炒面/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahvb86.png" alt="ksahvb86.png" title="ksahvb86.png" /><figcaption>ksahvb86.png</figcaption></figure><p></p> <p>{mtitle title=白石湖公园看齐白石/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahyvef.png" alt="ksahyvef.png" title="ksahyvef.png" /><figcaption>ksahyvef.png</figcaption></figure><p></p> <p>{mtitle title=枯水期的钦江/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksahzj84.png" alt="ksahzj84.png" title="ksahzj84.png" /><figcaption>ksahzj84.png</figcaption></figure><p></p> <p>{mtitle title=枯水期的钦江/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksai0lkw.png" alt="ksai0lkw.png" title="ksai0lkw.png" /><figcaption>ksai0lkw.png</figcaption></figure><p></p> <p>{mtitle title=子材大桥底下的书法展/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksai2lsy.png" alt="ksai2lsy.png" title="ksai2lsy.png" /><figcaption>ksai2lsy.png</figcaption></figure><p></p> <p>{mtitle title=一个人看电影/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksai3ddk.png" alt="ksai3ddk.png" title="ksai3ddk.png" /><figcaption>ksai3ddk.png</figcaption></figure><p></p> <p>{mtitle title=校园一角/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksai41vz.png" alt="ksai41vz.png" title="ksai41vz.png" /><figcaption>ksai41vz.png</figcaption></figure><p></p> <p>{mtitle title=校园一角/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/13/ksai4gkg.png" alt="ksai4gkg.png" title="ksai4gkg.png" /><figcaption>ksai4gkg.png</figcaption></figure><p></p> <p>{mtitle title=标准的身材/雾/}</p> <p>以上，就是在记忆里的钦州，那是一段美好的时光。</p> <hr /> <p>一副旧的眼镜，我的第二副眼镜，对比一下现在的眼镜，厚度果然增加了不少。</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/15/kscn6y9w.png" alt="kscn6y9w.png" title="kscn6y9w.png" /><figcaption>kscn6y9w.png</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/08/15/kscn6f9y.png" alt="kscn6f9y.png" title="kscn6f9y.png" /><figcaption>kscn6f9y.png</figcaption></figure><p></p> <hr /> <p>老爹给我的增广贤文，里边记载着一些人生道理，俗称“老人言”，有些年头了，现在来看，里面又可取之处也有糟粕之地，需要辩证地看待。</p> <p></p><figure><img src="https://image.kanochan.net/2021/08/15/kscn9sdh.png" alt="kscn9sdh.png" title="kscn9sdh.png" /><figcaption>kscn9sdh.png</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/08/15/kscnaib7.png" alt="kscnaib7.png" title="kscnaib7.png" /><figcaption>kscnaib7.png</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/08/15/kscnanrv.png" alt="kscnanrv.png" title="kscnanrv.png" /><figcaption>kscnanrv.png</figcaption></figure><p></p> <hr /> <p>上高中的时候，和几个好友骑行去扬美古镇游玩，在村口碰见一位阿姨，问我们吃饭了没有，要不要去她家馆子坐坐。简单问了价格后，就决定去她家吃饭，在此之前让阿姨帮忙拍了一个合照，就是下图这张，不知道什么时候去洗了出来，放到文件夹里，现在才翻出来。杨美古镇距离南宁市区大概40公里左右，那时候去车行租的自行车，还有一些护具，就这样上路了。骑行的过程是很艰辛的，但是回想起来确实这么快乐，早上九点出发，回来到南宁时已经是晚上9点多了，虽然累得像一条狗，但是很开心。那位阿姨家里得梅菜扣肉，直到现在我还是念念不忘，真的非常好吃，有机会一定要再去一次。还有那里得特产杨桃，非常好吃，个大超甜，完全没有苦涩味，回程时还买了一袋回去，直到现在，那还是我吃过的最好吃得杨桃。 </p><figure><img src="https://image.kanochan.net/2021/08/15/kscniuvw.png" alt="kscniuvw.png" title="kscniuvw.png" /><figcaption>kscniuvw.png</figcaption></figure><p></p> <hr />https://kanochan.net/posts/genshin-impact-inazuma-mood/https://kanochan.net/posts/genshin-impact-inazuma-mood/记录在提瓦特稻妻地图中肝图时的游戏体验与假期心情。Sun, 08 Aug 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/08/07/ks1sjihz.png" alt="原神-稻妻" title="原神-稻妻" /><figcaption>原神-稻妻</figcaption></figure><p></p> <p>{music id=356587 color=#1989fa /}</p> <p>七月中旬，期末成绩出来了，很庆幸没有挂科，之后就开始了假期游戏之旅，终于能愉快地打游戏了，这半个学年，真是万分煎熬，14门课程，也不知道自己是怎么熬过去的，照着镜子，感觉到自己的头发似乎在慢慢变少。当然，痛苦的日子，现在暂时过去了，已经记不清自己多久没打过游戏了，提瓦特大陆上的草大概已经一人高了。最近一直在肝原神，所以博客也没有更新。不可否认，这是一个优秀的游戏，无论是画面还是人物亦或是不轻易察觉的背景音乐，都让我感到无可挑剔。现在做完了璃月的任务，刚开完稻妻的地图，神里大小姐真的很可人（但是我永远喜欢胡桃堂主）。所以说题目是怎么回事啊，打原神根本不会空虚好吧（确信）。 </p><figure><img src="https://image.kanochan.net/2021/08/07/ks1te4nl.png" alt="神里绫华" title="神里绫华" /><figcaption>神里绫华</figcaption></figure><p></p>https://kanochan.net/posts/spiritual-growth-reflection/https://kanochan.net/posts/spiritual-growth-reflection/一篇关于提升格局与摆脱世俗眼光困扰的人生感悟随笔。Wed, 21 Jul 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/07/20/krbrl1ku.png" alt="krbrl1ku.png" title="krbrl1ku.png" /><figcaption>krbrl1ku.png</figcaption></figure><p></p> <p>“乘飞机的人常有这样的经验：当飞机在一定高度之上飞行，俯望是一片铅灰的云层，下面的世界倾注着大雨，而舷窗之外却是伸手可触的蓝天，碧空如洗，纤尘不染。 永远要记住：在某个高度上，就没有风雨云层。如果你生命中的云层遮蔽了阳光，那是因为你的心灵飞得还不够高。大多数人所犯的错误是去抗拒问题，他们努力试图消灭云层。正确的做法是使你的心灵飞到云层之上的高度，那里的天空永远是碧蓝的。”</p> <p>转载自： <a href="https://www.zhihu.com/question/473104039/answer/2009229080" target="_blank">我要怎么和男朋友说我家是收废品的？ - 泡泡龙的回答 - 知乎</a></p>https://kanochan.net/posts/honkai-impact-3rd-moon-halo/https://kanochan.net/posts/honkai-impact-3rd-moon-halo/分享《崩坏3》印象曲Moon Halo带来的音乐力量与情感共鸣。Thu, 15 Jul 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/07/14/kr3jpcwx.png" alt="蹦蹦蹦" title="蹦蹦蹦" /><figcaption>蹦蹦蹦</figcaption></figure><p></p> <p>虽然我听不懂，但是我大为震撼。 这大概是音乐得力量吧，我一直坚信，音乐是无国界的，即使语言不通，其中包含的感情，也能被人们所感知。为世界所有的美好而战！</p>https://kanochan.net/posts/android-wechat-downgrade-guide/https://kanochan.net/posts/android-wechat-downgrade-guide/借助ADB在保留聊天数据的前提下强制降级安卓微信客户端。Thu, 10 Jun 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_193117.jpg" alt="微信占用的内存" title="微信占用的内存" /><figcaption>微信占用的内存</figcaption></figure><p></p> <p>{mtitle title=8.0微信占用的内存/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/10/03/kub6pdzz.png" alt="kub6pdzz.png" title="kub6pdzz.png" /><figcaption>kub6pdzz.png</figcaption></figure><p></p> <p>事情源于几天前，手贱清除了低版本的微信应用数据，再次登入时提示“当前应用版本过低，请下载最新版本登入使用”，被迫用最新版本。然而最新的版本就是一坨屎，就打开啥也不干就占用1G内存，我都搞不明白是谁给它的勇气，给用户喂屎的本事，腾讯真的是无人出其右。这能忍，肯定忍不了，降级走起。</p> <section><h1>第一步 打开电脑（废话） 下载ADB工具包、USB驱动<a href="#第一步-打开电脑废话-下载adb工具包usb驱动"><span>#</span></a></h1><ol> <li>下载USB通用驱动，下载地址：<a href="https://developer.android.com/studio/run/win-usb" target="_blank">https://developer.android.com/studio/run/win-usb</a></li> <li>下载ADB工具包，下载地址：<a href="https://developer.android.com/studio/releases/platform-tools" target="_blank">https://developer.android.com/studio/releases/platform-tools</a></li> </ol><section><h2>安装USB驱动<a href="#安装usb驱动"><span>#</span></a></h2><ol> <li>解压下载好的驱动文件</li> <li>找到 <code>android_winusb.inf</code> 这个文件，右键选择 <code>安装</code> <figure><img src="https://image.kanochan.net/2021/06/09/kppi1qii.png" alt="kppi1qii.png" title="kppi1qii.png" /><figcaption>kppi1qii.png</figcaption></figure></li> </ol></section><section><h2>安装ADB工具包<a href="#安装adb工具包"><span>#</span></a></h2><ol> <li>解压下载好的文件</li> <li>在C盘根目录新建<code>adb</code>文件夹，并将解压好的文件复制到 <code>adb</code> 文件夹中（重要，这将决定你的adb命令格式，谨慎起见最好按我说的做） <figure><img src="https://image.kanochan.net/2021/06/09/kppi7u7e.png" alt="kppi7u7e.png" title="kppi7u7e.png" /><figcaption>kppi7u7e.png</figcaption></figure></li> </ol><p>{mtitle title=路径及文件内容/}</p></section><section><h2>启动ADB调试<a href="#启动adb调试"><span>#</span></a></h2><ol> <li>运行系统 <code>CMD</code> 命令行程序</li> <li>输入 <code>cd /d C:\adb</code> 命令进入到ADB文件夹</li> <li>输入命令 <code>adb --version</code> 查看adb版本号，若正确显示，则安装成功。否则跳转 <code>第一步</code> <figure><img src="https://image.kanochan.net/2021/06/09/kppihnsc.png" alt="kppihnsc.png" title="kppihnsc.png" /><figcaption>kppihnsc.png</figcaption></figure></li> </ol><p>参考：<a href="https://nerdschalk.com/how-to-install-adb-and-fastboot/" target="_blank">How to Install ADB and Fastboot on Windows: All the methods and help!</a></p></section></section> <section><h1>第二步 手机启用ADB调试<a href="#第二步-手机启用adb调试"><span>#</span></a></h1><ol> <li>打开手机开发者选项（连续按五下系统版本号）</li> <li>启用 <code>USB调试</code> 、 <code>USB安装</code> <figure><img src="https://image.kanochan.net/2021/06/09/kppjcp57.png" alt="kppjcp57.png" title="kppjcp57.png" /><figcaption>kppjcp57.png</figcaption></figure></li> <li>将手机通过数据线与电脑连接</li> <li>打开 <code>cmd</code> 命令行工具，输入 <code>cd /d C:\adb</code> 命令进入到adb文件夹，输入命令 <code>adb devices</code> 查看设备连接情况 <figure><img src="https://image.kanochan.net/2021/06/09/kppjgc90.png" alt="kppjgc90.png" title="kppjgc90.png" /><figcaption>kppjgc90.png</figcaption></figure></li> </ol><p>{mtitle title=设备已连接/}</p></section> <section><h1>第三步 降级微信客户端<a href="#第三步-降级微信客户端"><span>#</span></a></h1><ol> <li>前往 <a href="https://www.wandoujia.com/" target="_blank">豌豆荚应用市场</a> ，下载微信历史版本，注意：经过测试，7.0.5以上的版本均可正常刷入使用，本文以7.0.5版本为例</li> <li>将下载好的apk文件放入 <code>C:\adb</code> 文件夹中</li> <li>将下载好的微信安卓客户端重命名为： <code>weixin705.apk</code> （重要！）</li> <li>不要退出微信账号，cmd窗口输入命令 <code>adb install -r -d weixin705.apk</code></li> <li><code>-r</code> 参数表示覆盖安装且保留数据，这对我们非常重要，微信无数个GB的聊天数据不是说清就能清的，要命。<code>-d</code> 参数表示强制将低版本覆盖安装到现有版本上，无论现有高低。</li> <li>提示 <code>success</code> 即降级完成，快打开微信试试吧 <figure><img src="https://image.kanochan.net/2021/06/09/kppjzz0n.png" alt="kppjzz0n.png" title="kppjzz0n.png" /><figcaption>kppjzz0n.png</figcaption></figure></li> </ol><p></p><figure><img src="https://image.kanochan.net/2021/06/09/kppktcoa.png" alt="kppktcoa.png" title="kppktcoa.png" /><figcaption>kppktcoa.png</figcaption></figure><p></p><p>{mtitle title=降级完成/}</p><p>参考： <a href="https://sspai.com/post/64752" target="_blank">微信Android端如何安全降级</a></p></section>https://kanochan.net/posts/my-ordinary-day-log/https://kanochan.net/posts/my-ordinary-day-log/用流水账式的方式记录平凡一天里的琐碎生活与小感受。Wed, 09 Jun 2021 00:00:00 GMT<section><h4>2021-06-09 01:05:52 星期三<a href="#2021-06-09-010552-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_010410.jpg" alt="IMG_20210609_010410.jpg" title="IMG_20210609_010410.jpg" /><figcaption>IMG_20210609_010410.jpg</figcaption></figure> 带着一天的疲惫，准备睡觉。当然，不会忘记定好明天的闹钟。<p></p></section> <section><h4>2021-06-09 07:04:31 星期三<a href="#2021-06-09-070431-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_070305.jpg" alt="IMG_20210609_070305.jpg" title="IMG_20210609_070305.jpg" /><figcaption>IMG_20210609_070305.jpg</figcaption></figure><p></p><p>起床</p></section> <section><h4>2021-06-09 07:30:33 星期三<a href="#2021-06-09-073033-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_073004.jpg" alt="IMG_20210609_073004.jpg" title="IMG_20210609_073004.jpg" /><figcaption>IMG_20210609_073004.jpg</figcaption></figure><p></p><p>在食堂买了4块钱饺子作早餐，午餐则是糯米鸡和肉包/食堂太远，天气太热，懒得去吃午餐罢了</p></section> <section><h4>2021-06-09 07:36:13 星期三<a href="#2021-06-09-073613-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_073547.jpg" alt="IMG_20210609_073547.jpg" title="IMG_20210609_073547.jpg" /><figcaption>IMG_20210609_073547.jpg</figcaption></figure><p></p><p>我以为我是比较早的，但是教室早已亮起了灯</p></section> <section><h4>2021-06-09 07:42:44 星期三<a href="#2021-06-09-074244-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_074232.jpg" alt="IMG_20210609_074232.jpg" title="IMG_20210609_074232.jpg" /><figcaption>IMG_20210609_074232.jpg</figcaption></figure> 放点早间音乐，吃点早餐，准备干活<p></p></section> <section><h4>2021-06-09 07:54:59 星期三<a href="#2021-06-09-075459-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_075401.jpg" alt="IMG_20210609_075401.jpg" title="IMG_20210609_075401.jpg" /><figcaption>IMG_20210609_075401.jpg</figcaption></figure> 开始干活，好困。因为怕吵醒正在睡的舍友，就没烧热水冲两支G7咖啡。<p></p></section> <section><h4>2021-06-09 11:49:08 星期三<a href="#2021-06-09-114908-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_114833.jpg" alt="IMG_20210609_114833.jpg" title="IMG_20210609_114833.jpg" /><figcaption>IMG_20210609_114833.jpg</figcaption></figure> 愉快地午餐时间<p></p></section> <section><h4>2021-06-09 15:04:37 星期三<a href="#2021-06-09-150437-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_150530.jpg" alt="IMG_20210609_150530.jpg" title="IMG_20210609_150530.jpg" /><figcaption>IMG_20210609_150530.jpg</figcaption></figure> 3点几了，饮茶先<p></p></section> <section><h4>2021-06-09 16:41:28 星期三<a href="#2021-06-09-164128-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_164049.jpg" alt="IMG_20210609_164049.jpg" title="IMG_20210609_164049.jpg" /><figcaption>IMG_20210609_164049.jpg</figcaption></figure><p></p><p>真是见了鬼，转笔把笔给摔断了</p><p></p><figure><img src="https://image.kanochan.net/2021/06/09/Screenshot_2021-06-09-16-38-45-930_com.taobao.taobao.jpg" alt="Screenshot_2021-06-09-16-38-45-930_com.taobao.taobao.jpg" title="Screenshot_2021-06-09-16-38-45-930_com.taobao.taobao.jpg" /><figcaption>Screenshot_2021-06-09-16-38-45-930_com.taobao.taobao.jpg</figcaption></figure> 不得不说，这溢价太TM离谱了，一根笔芯25元，这是多大技术含量啊，真是让人增智慧。<p></p></section> <section><h4>2021-06-09 19:32:08 星期三<a href="#2021-06-09-193208-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_193117.jpg" alt="IMG_20210609_193117.jpg" title="IMG_20210609_193117.jpg" /><figcaption>IMG_20210609_193117.jpg</figcaption></figure> 看了一下后台任务，发现微信占用了1G的内存，越想越气。事情源于几天前，手贱清除了低版本的微信应用数据，再次登入时提示“当前应用版本过低，请下载最新版本登入使用”，被迫用最新版本。然而最新的版本就是一坨屎，就打开啥也不干就占用1G内存，我都搞不明白是谁给它的勇气，给用户喂屎的本事，腾讯真的是无人出其右。这能忍，肯定忍不了，我现在就回宿舍把它强制降级。<p></p></section> <section><h4>2021-06-09 19:50:34 星期三<a href="#2021-06-09-195034-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/IMG_20210609_195004.jpg" alt="IMG_20210609_195004.jpg" title="IMG_20210609_195004.jpg" /><figcaption>IMG_20210609_195004.jpg</figcaption></figure> 工地的人七点钟就放工了，真羡慕。<p></p></section> <section><h4>2021-06-09 22:36:17 星期三<a href="#2021-06-09-223617-星期三"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/09/kppktcoa.png" alt="kppktcoa.png" title="kppktcoa.png" /><figcaption>kppktcoa.png</figcaption></figure><p></p><p>微信已经降级完成了，顺手写了一篇教程： <a href="https://kanoer.net/archives/532.html" target="_blank">安卓微信客户端保留数据强制降级的方法</a></p></section> <section><h4>2021-06-10 00:42:09 星期五<a href="#2021-06-10-004209-星期五"><span>#</span></a></h4><p></p><figure><img src="https://image.kanochan.net/2021/06/11/bacc9bf2f36f0f37426c213a1156395a1621900531689.gif" alt="bacc9bf2f36f0f37426c213a1156395a1621900531689.gif" title="bacc9bf2f36f0f37426c213a1156395a1621900531689.gif" /><figcaption>bacc9bf2f36f0f37426c213a1156395a1621900531689.gif</figcaption></figure><p></p><p>睡觉，颓废的一天就这么结束了</p><p>{mtitle title=完/}</p></section>https://kanochan.net/posts/joe-theme-login-feature/https://kanochan.net/posts/joe-theme-login-feature/为Joe主题增加移动端侧边栏与导航栏的用户登录功能。Wed, 02 Jun 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/06/01/1614522653575.jpg" alt="1614522653575.jpg" title="1614522653575.jpg" /><figcaption>1614522653575.jpg</figcaption></figure><p></p> <p>{mtitle title=bilibili：风灵玉秀官方图/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/06/01/Screenshot_20210601_213803.jpg" alt="Screenshot_20210601_213803.jpg" title="Screenshot_20210601_213803.jpg" /><figcaption>Screenshot_20210601_213803.jpg</figcaption></figure> {mtitle title=图1 后台设置页效果/}<p></p> <p></p><figure><img src="https://image.kanochan.net/2021/06/01/Screenshot_20210601_212926.jpg" alt="Screenshot_20210601_212926.jpg" title="Screenshot_20210601_212926.jpg" /><figcaption>Screenshot_20210601_212926.jpg</figcaption></figure><p></p> <p>{mtitle title=图2 登入前效果/}</p> <p></p><figure><img src="https://image.kanochan.net/2021/06/01/Screenshot_20210601_212950.jpg" alt="Screenshot_20210601_212950.jpg" title="Screenshot_20210601_212950.jpg" /><figcaption>Screenshot_20210601_212950.jpg</figcaption></figure> {mtitle title=图3 登入后效果/}<p></p> <section><h3>一、修改 <code>usr/themes/Joe/public/header.php</code> ，增加以下代码<a href="#一修改-usrthemesjoepublicheaderphp-增加以下代码"><span>#</span></a></h3><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;ul class="joe_header__slideout-menu panel-box" style="margin-top: 15px; &lt;?php if(Helper::options()-&gt;login4Phone !== 'on') echo 'display:none;' ?&gt;"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;li&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;?php if ($this-&gt;user-&gt;hasLogin()) : ?&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;a class="link panel" href="#" rel="nofollow"&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;span&gt;&lt;?php $this-&gt;user-&gt;screenName(); ?&gt;&lt;/span&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"&gt;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;path d="M231.594 610.125C135.087 687.619 71.378 804.28 64.59 935.994c-.373 7.25 3.89 23.307 30.113 23.307s33.512-16.06 33.948-23.301c6.861-114.025 63.513-214.622 148.5-280.346 3.626-2.804 16.543-17.618 3.24-39.449-13.702-22.483-40.863-12.453-48.798-6.08zm280.112-98.44v63.96c204.109 0 370.994 159.345 383.06 360.421.432 7.219 8.649 23.347 32.44 23.347s31.991-16.117 31.62-23.342c-12.14-236.422-207.676-424.386-447.12-424.386z" /&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;path d="M319.824 319.804c0-105.974 85.909-191.883 191.882-191.883s191.883 85.91 191.883 191.883c0 26.57-5.405 51.88-15.171 74.887-5.526 14.809-2.082 31.921 20.398 38.345 23.876 6.822 36.732-8.472 41.44-20.583 11.167-28.729 17.294-59.973 17.294-92.65 0-141.297-114.545-255.842-255.843-255.842S255.863 178.506 255.863 319.804s114.545 255.843 255.843 255.843v-63.961c-105.973-.001-191.882-85.909-191.882-191.882z" /&gt;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>&lt;path d="M512 255.843s21.49-5.723 21.49-31.306S512 191.882 512 191.882c-70.65 0-127.921 57.273-127.921 127.922 0 3.322.126 6.615.375 9.875.264 3.454 14.94 18.116 37.044 14.425 22.025-3.679 26.6-21.93 26.6-21.93-.028-.788-.06-1.575-.06-2.37.001-35.325 28.637-63.961 63.962-63.961z" /&gt;</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;/svg&gt;</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>&lt;/a&gt;</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>&lt;ul class="slides panel-body"&gt;</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>&lt;li&gt;</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>&lt;?php if ($this-&gt;user-&gt;group == 'administrator' || $this-&gt;user-&gt;group == 'editor' || $this-&gt;user-&gt;group == 'contributor') : ?&gt;</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>&lt;a class="link" rel="noopener noreferrer nofollow" target="_blank" href="&lt;?php $this-&gt;options-&gt;adminUrl("manage-posts.php"); ?&gt;"&gt;管理文章&lt;/a&gt;</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>&lt;li&gt;</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>&lt;?php if ($this-&gt;user-&gt;group == 'administrator' || $this-&gt;user-&gt;group == 'editor') : ?&gt;</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>&lt;a class="link" rel="noopener noreferrer nofollow" target="_blank" href="&lt;?php $this-&gt;options-&gt;adminUrl("manage-comments.php"); ?&gt;"&gt;管理评论&lt;/a&gt;</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>&lt;li&gt;</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>&lt;?php if ($this-&gt;user-&gt;group == 'administrator') : ?&gt;</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>&lt;a class="link" rel="noopener noreferrer nofollow" target="_blank" href="&lt;?php $this-&gt;options-&gt;adminUrl("options-theme.php"); ?&gt;"&gt;修改外观&lt;/a&gt;</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>&lt;li&gt;</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>&lt;a class="link" rel="noopener noreferrer nofollow" target="_blank" href="&lt;?php $this-&gt;options-&gt;adminUrl(); ?&gt;"&gt;进入后台&lt;/a&gt;</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>&lt;li&gt;</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>&lt;a class="link" rel="noopener noreferrer nofollow" href="&lt;?php $this-&gt;options-&gt;logoutUrl(); ?&gt;"&gt;退出登录&lt;/a&gt;</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>&lt;/ul&gt;</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>&lt;?php else : ?&gt;</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>&lt;a class="link panel" href="#" rel="nofollow"&gt;</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>&lt;span&gt;用户登录&lt;/span&gt;</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>&lt;svg class="icon" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg" width="15" height="15"&gt;</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>&lt;path d="M231.594 610.125C135.087 687.619 71.378 804.28 64.59 935.994c-.373 7.25 3.89 23.307 30.113 23.307s33.512-16.06 33.948-23.301c6.861-114.025 63.513-214.622 148.5-280.346 3.626-2.804 16.543-17.618 3.24-39.449-13.702-22.483-40.863-12.453-48.798-6.08zm280.112-98.44v63.96c204.109 0 370.994 159.345 383.06 360.421.432 7.219 8.649 23.347 32.44 23.347s31.991-16.117 31.62-23.342c-12.14-236.422-207.676-424.386-447.12-424.386z" /&gt;</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>&lt;path d="M319.824 319.804c0-105.974 85.909-191.883 191.882-191.883s191.883 85.91 191.883 191.883c0 26.57-5.405 51.88-15.171 74.887-5.526 14.809-2.082 31.921 20.398 38.345 23.876 6.822 36.732-8.472 41.44-20.583 11.167-28.729 17.294-59.973 17.294-92.65 0-141.297-114.545-255.842-255.843-255.842S255.863 178.506 255.863 319.804s114.545 255.843 255.843 255.843v-63.961c-105.973-.001-191.882-85.909-191.882-191.882z" /&gt;</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>&lt;path d="M512 255.843s21.49-5.723 21.49-31.306S512 191.882 512 191.882c-70.65 0-127.921 57.273-127.921 127.922 0 3.322.126 6.615.375 9.875.264 3.454 14.94 18.116 37.044 14.425 22.025-3.679 26.6-21.93 26.6-21.93-.028-.788-.06-1.575-.06-2.37.001-35.325 28.637-63.961 63.962-63.961z" /&gt;</span></div></div><div><div><div>42</div></div><div><span><span> </span></span><span>&lt;/svg&gt;</span></div></div><div><div><div>43</div></div><div><span><span> </span></span><span>&lt;/a&gt;</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>&lt;ul class="slides panel-body"&gt;</span></div></div><div><div><div>45</div></div><div><span><span> </span></span><span>&lt;li&gt;</span></div></div><div><div><div>46</div></div><div><span><span> </span></span><span>&lt;a class="link" href="&lt;?php $this-&gt;options-&gt;adminUrl('login.php'); ?&gt;" target="_blank" rel="noopener noreferrer nofollow"&gt;登录&lt;/a&gt;</span></div></div><div><div><div>47</div></div><div><span><span> </span></span><span>&lt;?php if ($this-&gt;options-&gt;allowRegister) : ?&gt;</span></div></div><div><div><div>48</div></div><div><span><span> </span></span><span>&lt;a class="link" href="&lt;?php $this-&gt;options-&gt;adminUrl('register.php'); ?&gt;" target="_blan" rel="noopener noreferrer nofollow"&gt;注册&lt;/a&gt;</span></div></div><div><div><div>49</div></div><div><span><span> </span></span><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>50</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>&lt;/ul&gt;</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>53</div></div><div><span><span> </span></span><span>&lt;/li&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p></p><figure><img src="https://image.kanochan.net/2021/06/01/kpe2752e.png" alt="kpe2752e.png" title="kpe2752e.png" /><figcaption>kpe2752e.png</figcaption></figure><p></p><p>{mtitle title=图4 代码插入位置/}</p></section> <section><h3>二、修改 <code>usr/themes/Joe/functions.php</code> 在末尾插入以下代码，以在后台设置页面启用<a href="#二修改-usrthemesjoefunctionsphp-在末尾插入以下代码以在后台设置页面启用"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>// 手机端登录</span></div></div><div><div><div>2</div></div><div><span>$login4Phone = new Typecho_Widget_Helper_Form_Element_Select(</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>'login4Phone',</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>array(</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>'off' =&gt; '关闭（默认）',</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>'on' =&gt; '开启',</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>),</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>'on',</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>'是否启用手机端登录功能',</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>'介绍：开启后，手机端侧边栏将展示登录功能和登录后的操作'</span></div></div><div><div><div>11</div></div><div><span>);</span></div></div><div><div><div>12</div></div><div><span>$login4Phone-&gt;setAttribute('class', 'joe_content joe_custom'); // 如果无法展示，则将joe_custom替换为joe_other</span></div></div><div><div><div>13</div></div><div><span>$form-&gt;addInput($login4Phone-&gt;multiMode());</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p></p><figure><img src="https://image.kanochan.net/2021/06/01/kpe2bqvm.png" alt="kpe2bqvm.png" title="kpe2bqvm.png" /><figcaption>kpe2bqvm.png</figcaption></figure><p></p><p>{mtitle title=图5 代码插入位置/}</p><p>2021-06-01 21:16:42 星期二</p><p>来源： <a href="https://zhinianblog.com/archives/958/" target="_blank">Typecho的Joe主题实现手机端登录/注册功能</a></p></section>https://kanochan.net/posts/morning-scenery-photos/https://kanochan.net/posts/morning-scenery-photos/一组记录清晨景象与校园氛围的摄影照片分享。Tue, 01 Jun 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/2021/06/01/IMG_20210601_075334.jpg" alt="IMG_20210601_075334.jpg" title="IMG_20210601_075334.jpg" /><figcaption>IMG_20210601_075334.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/06/01/IMG_20210601_075605.jpg" alt="IMG_20210601_075605.jpg" title="IMG_20210601_075605.jpg" /><figcaption>IMG_20210601_075605.jpg</figcaption></figure><p></p> <p></p><figure><img src="https://image.kanochan.net/2021/06/01/IMG_20210601_080010.jpg" alt="IMG_20210601_080010.jpg" title="IMG_20210601_080010.jpg" /><figcaption>IMG_20210601_080010.jpg</figcaption></figure><p></p>https://kanochan.net/posts/openwrt-samba-start-failure-fix/https://kanochan.net/posts/openwrt-samba-start-failure-fix/解决OpenWrt中Samba因依赖异常而无法正常启动的问题。Fri, 07 May 2021 00:00:00 GMT<p>在这简要说明一下遇到的情况 1、磁盘已成功挂载，并且可以正常访问 <img src="https://image.kanochan.net/20210506192626.png" alt="" /> 2、samba网络共享设置完成 <img src="https://image.kanochan.net/20210506192757.png" alt="" /> 点击保存应用，在win10任务管理器死活看不见共享磁盘。在想着是不是samba是不是压根就没启动，然后谷歌一番samba启动的命令，无果，提示samba这个应用找不到</p> <div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Openwrt:~# samba start</span></div></div><div><div><div>2</div></div><div><span>-ash: samba: not found</span></div></div><div><div><div>3</div></div><div><span>root@Openwrt:~# /mnt/sdc1 /etc/init.d^C</span></div></div><div><div><div>4</div></div><div><span>root@Openwrt:~#</span></div></div><div><div><div>5</div></div><div><span>root@Openwrt:~# /etc/init.d/samba4 start</span></div></div><div><div><div>6</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>7</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>8</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>9</div></div><div><span>root@Openwrt:~# /etc/init.d/smbd restart</span></div></div><div><div><div>10</div></div><div><span>-ash: /etc/init.d/smbd: not found</span></div></div><div><div><div>11</div></div><div><span>root@Openwrt:~# /etc/init.d/samba restart</span></div></div><div><div><div>12</div></div><div><span>-ash: /etc/init.d/samba: not found</span></div></div><div><div><div>13</div></div><div><span>root@Openwrt:~# /etc/init.d/samba4 restart</span></div></div><div><div><div>14</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>15</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>16</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div> <p>然后就是艰难的广泛的谷歌搜索，直到看到了这篇文章： <a href="https://blog.csdn.net/beyondlm1314/article/details/101029863" target="_blank">查看samba 开启失败的原因，非常有用，直接有效</a> 输入命令： <code>smbd -F -S</code> 查看samba的启动日志</p> <div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Openwrt:~# smbd -F -S</span></div></div><div><div><div>2</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/samba/libsmbd-base-samba4.so)</span></div></div><div><div><div>3</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/samba/libauth-samba4.so)</span></div></div><div><div><div>4</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/libdcerpc-server-core.so.0)</span></div></div><div><div><div>5</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/libdcerpc-binding.so.0)</span></div></div><div><div><div>6</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/samba/libmsrpc3-samba4.so)</span></div></div><div><div><div>7</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/samba/liblibsmb-samba4.so)</span></div></div><div><div><div>8</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/samba/libgse-samba4.so)</span></div></div><div><div><div>9</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/samba/libcli-spoolss-samba4.so)</span></div></div><div><div><div>10</div></div><div><span>Error loading shared library libgensec-samba4.so: I/O error (needed by /usr/lib/samba/libcli-smb-common-samba4.so)</span></div></div><div><div><div>11</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_have_feature: symbol not found</span></div></div><div><div><div>12</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_start_mech_by_oid: symbol not found</span></div></div><div><div><div>13</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_update: symbol not found</span></div></div><div><div><div>14</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_want_feature: symbol not found</span></div></div><div><div><div>15</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_server_start: symbol not found</span></div></div><div><div><div>16</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_session_info: symbol not found</span></div></div><div><div><div>17</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_init: symbol not found</span></div></div><div><div><div>18</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_update_recv: symbol not found</span></div></div><div><div><div>19</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_update_send: symbol not found</span></div></div><div><div><div>20</div></div><div><span>Error relocating /usr/lib/samba/libsmbd-base-samba4.so: gensec_expire_time: symbol not found</span></div></div><div><div><div>21</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_security_by_auth_type: symbol not found</span></div></div><div><div><div>22</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_set_remote_address: symbol not found</span></div></div><div><div><div>23</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_set_local_address: symbol not found</span></div></div><div><div><div>24</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_set_credentials: symbol not found</span></div></div><div><div><div>25</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_init: symbol not found</span></div></div><div><div><div>26</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_server_start: symbol not found</span></div></div><div><div><div>27</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_security_by_oid: symbol not found</span></div></div><div><div><div>28</div></div><div><span>Error relocating /usr/lib/samba/libauth-samba4.so: gensec_set_target_service_description: symbol not found</span></div></div><div><div><div>29</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_have_feature: symbol not found</span></div></div><div><div><div>30</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_sig_size: symbol not found</span></div></div><div><div><div>31</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_set_remote_address: symbol not found</span></div></div><div><div><div>32</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_set_local_address: symbol not found</span></div></div><div><div><div>33</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_want_feature: symbol not found</span></div></div><div><div><div>34</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_update_send: symbol not found</span></div></div><div><div><div>35</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_session_info: symbol not found</span></div></div><div><div><div>36</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_update_recv: symbol not found</span></div></div><div><div><div>37</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_get_name_by_authtype: symbol not found</span></div></div><div><div><div>38</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_set_target_service_description: symbol not found</span></div></div><div><div><div>39</div></div><div><span>Error relocating /usr/lib/libdcerpc-server-core.so.0: gensec_start_mech_by_authtype: symbol not found</span></div></div><div><div><div>40</div></div><div><span>Error relocating /usr/lib/libdcerpc-binding.so.0: gensec_sign_packet: symbol not found</span></div></div><div><div><div>41</div></div><div><span>Error relocating /usr/lib/libdcerpc-binding.so.0: gensec_seal_packet: symbol not found</span></div></div><div><div><div>42</div></div><div><span>Error relocating /usr/lib/libdcerpc-binding.so.0: gensec_unseal_packet: symbol not found</span></div></div><div><div><div>43</div></div><div><span>Error relocating /usr/lib/libdcerpc-binding.so.0: gensec_check_packet: symbol not found</span></div></div><div><div><div>44</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_check_packet: symbol not found</span></div></div><div><div><div>45</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_have_feature: symbol not found</span></div></div><div><div><div>46</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_sign_packet: symbol not found</span></div></div><div><div><div>47</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_set_credentials: symbol not found</span></div></div><div><div><div>48</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_set_target_service: symbol not found</span></div></div><div><div><div>49</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_sig_size: symbol not found</span></div></div><div><div><div>50</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_session_key: symbol not found</span></div></div><div><div><div>51</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_seal_packet: symbol not found</span></div></div><div><div><div>52</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_set_target_hostname: symbol not found</span></div></div><div><div><div>53</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_update: symbol not found</span></div></div><div><div><div>54</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_unseal_packet: symbol not found</span></div></div><div><div><div>55</div></div><div><span>Error relocating /usr/lib/samba/libmsrpc3-samba4.so: gensec_want_feature: symbol not found</span></div></div><div><div><div>56</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_start_mech_by_oid: symbol not found</span></div></div><div><div><div>57</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_security_by_auth_type: symbol not found</span></div></div><div><div><div>58</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_security_by_name: symbol not found</span></div></div><div><div><div>59</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_client_start: symbol not found</span></div></div><div><div><div>60</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_set_target_service: symbol not found</span></div></div><div><div><div>61</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_start_mech_by_sasl_list: symbol not found</span></div></div><div><div><div>62</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_set_target_hostname: symbol not found</span></div></div><div><div><div>63</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_session_key: symbol not found</span></div></div><div><div><div>64</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_start_mech_by_name: symbol not found</span></div></div><div><div><div>65</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_want_feature: symbol not found</span></div></div><div><div><div>66</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_set_credentials: symbol not found</span></div></div><div><div><div>67</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_update_send: symbol not found</span></div></div><div><div><div>68</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_init: symbol not found</span></div></div><div><div><div>69</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_ntlmssp_server_domain: symbol not found</span></div></div><div><div><div>70</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_set_max_update_size: symbol not found</span></div></div><div><div><div>71</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_update_recv: symbol not found</span></div></div><div><div><div>72</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_security_by_oid: symbol not found</span></div></div><div><div><div>73</div></div><div><span>Error relocating /usr/lib/samba/liblibsmb-samba4.so: gensec_start_mech_by_authtype: symbol not found</span></div></div><div><div><div>74</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_magic_check_krb5_oid: symbol not found</span></div></div><div><div><div>75</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_setting_int: symbol not found</span></div></div><div><div><div>76</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_have_feature: symbol not found</span></div></div><div><div><div>77</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_get_target_principal: symbol not found</span></div></div><div><div><div>78</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_generate_session_info_pac: symbol not found</span></div></div><div><div><div>79</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_get_target_hostname: symbol not found</span></div></div><div><div><div>80</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_get_credentials: symbol not found</span></div></div><div><div><div>81</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_get_target_service: symbol not found</span></div></div><div><div><div>82</div></div><div><span>Error relocating /usr/lib/samba/libgse-samba4.so: gensec_get_remote_address: symbol not found</span></div></div><div><div><div>83</div></div><div><span>Error relocating /usr/lib/samba/libcli-spoolss-samba4.so: gensec_get_credentials: symbol not found</span></div></div><div><div><div>84</div></div><div><span>Error relocating /usr/lib/samba/libcli-smb-common-samba4.so: gensec_wrap: symbol not found</span></div></div><div><div><div>85</div></div><div><span>Error relocating /usr/lib/samba/libcli-smb-common-samba4.so: gensec_unwrap: symbol not found</span></div></div><div><div><div>86</div></div><div><span>root@Openwrt:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div> <p>好家伙，人都看傻了，这一大串是什么鬼。凭借我九年义务教育的智慧，我看到了 <code>needed</code> 这个单词，这分明就是缺少了某些运行必须的文件，去谷歌了一番，无果。只能是死马当活马医了。 卸载samba4-server 重装luci-i18n-samba4-zh-cn</p> <div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Openwrt:~# opkg install luci-i18n-samba4-zh-cn</span></div></div><div><div><div>2</div></div><div><span>Installing luci-i18n-samba4-zh-cn (git-21.103.42737-1ae6877) to root...</span></div></div><div><div><div>3</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/luci/luci-i18n-samba4-zh-cn_git-21.103.42737-1ae6877_all.ipk</span></div></div><div><div><div>4</div></div><div><span>Installing libtasn1 (4.16.0-1) to root...</span></div></div><div><div><div>5</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/packages/libtasn1_4.16.0-1_x86_64.ipk</span></div></div><div><div><div>6</div></div><div><span>Installing liburing (2.0-1) to root...</span></div></div><div><div><div>7</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/packages/liburing_2.0-1_x86_64.ipk</span></div></div><div><div><div>8</div></div><div><span>Installing libpam (1.5.1-1) to root...</span></div></div><div><div><div>9</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/packages/libpam_1.5.1-1_x86_64.ipk</span></div></div><div><div><div>10</div></div><div><span>Installing attr (2.5.1-1) to root...</span></div></div><div><div><div>11</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/packages/attr_2.5.1-1_x86_64.ipk</span></div></div><div><div><div>12</div></div><div><span>Installing samba4-libs (4.13.4-2) to root...</span></div></div><div><div><div>13</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/packages/samba4-libs_4.13.4-2_x86_64.ipk</span></div></div><div><div><div>14</div></div><div><span>^CInterrupted. Writing out status database.</span></div></div><div><div><div>15</div></div><div><span>root@Openwrt:~# opkg install luci-i18n-samba4-zh-cn</span></div></div><div><div><div>16</div></div><div><span>Installing luci-i18n-samba4-zh-cn (git-21.103.42737-1ae6877) to root...</span></div></div><div><div><div>17</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/luci/luci-i18n-samba4-zh-cn_git-21.103.42737-1ae6877_all.ipk</span></div></div><div><div><div>18</div></div><div><span>Installing samba4-server (4.13.4-2) to root...</span></div></div><div><div><div>19</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/packages/samba4-server_4.13.4-2_x86_64.ipk</span></div></div><div><div><div>20</div></div><div><span>Installing luci-app-samba4 (git-20.179.75976-ec03451) to root...</span></div></div><div><div><div>21</div></div><div><span>Downloading https://downloads.openwrt.org/snapshots/packages/x86_64/luci/luci-app-samba4_git-20.179.75976-ec03451_all.ipk</span></div></div><div><div><div>22</div></div><div><span>Configuring samba4-server.</span></div></div><div><div><div>23</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>24</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>25</div></div><div><span>grep: /proc/kallsyms: No such file or directory</span></div></div><div><div><div>26</div></div><div><span>Configuring luci-app-samba4.</span></div></div><div><div><div>27</div></div><div><span>Configuring luci-i18n-samba4-zh-cn.</span></div></div><div><div><div>28</div></div><div><span>Collected errors:</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>* resolve_conffiles: Existing conffile /etc/config/samba4 is different from the conffile in the new package. The new conffile will be placed at /etc/config/samba4-opkg.</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div> <p>报错不用管，我也不知到为什么报错，但是软件可以正常使用 <img src="https://image.kanochan.net/20210506201342.png" alt="" /> <img src="https://image.kanochan.net/20210506201407.png" alt="" /> <img src="https://image.kanochan.net/20210506201439.png" alt="" /> 双向传输10G大文件也没有发现什么问题.</p> <p>{lamp/}</p> <p>2021-05-06 20:16:51 星期四</p>https://kanochan.net/posts/joe-668-style-guide/https://kanochan.net/posts/joe-668-style-guide/面向Joe 6.68版本的样式指南，展示新增组件与实际效果。Mon, 26 Apr 2021 00:00:00 GMT<p><img src="https://image.kanochan.net/QQ%E6%88%AA%E5%9B%BE20210425193111133.png" alt="" /></p> <p></p><figure><img src="https://image.kanochan.net/2021/04/30/-694e1a9b5bdfe3e9.png" alt="-694e1a9b5bdfe3e9.png" title="-694e1a9b5bdfe3e9.png" /><figcaption>-694e1a9b5bdfe3e9.png</figcaption></figure><p></p> <blockquote><p>加粗</p></blockquote> <p>这是<strong>加粗</strong>文字</p> <blockquote><p>斜体</p></blockquote> <p>这是 _斜体_文字</p> <blockquote><p>删除线</p></blockquote> <p>删除</p> <blockquote><p>行内代码</p></blockquote> <p>这是 <code>行内</code> 代码</p> <blockquote><p>分割线</p></blockquote> <p>内容</p> <hr /> <p>内容</p> <hr /> <p>内容</p> <hr /> <blockquote><p>6级标题</p></blockquote> <section><h1>一级标题<a href="#一级标题"><span>#</span></a></h1><section><h2>二级标题<a href="#二级标题"><span>#</span></a></h2><section><h3>三级标题<a href="#三级标题"><span>#</span></a></h3><section><h4>四级标题<a href="#四级标题"><span>#</span></a></h4><section><h5>五级标题<a href="#五级标题"><span>#</span></a></h5><section><h6>六级标题<a href="#六级标题"><span>#</span></a></h6><blockquote><p>有列表</p></blockquote><ol> <li>内容</li> <li>内容</li> <li>内容</li> </ol><blockquote><p>无序列表</p></blockquote><ul> <li>内容</li> <li>内容</li> <li>内容</li> </ul><blockquote><p>文字超链接</p></blockquote><p><a href="https://kanoer.net/" target="_blank">超链接</a></p><blockquote><p>表格</p></blockquote> <table><thead><tr><th>姓名</th><th>身高 cm</th><th>体重 kg</th></tr></thead><tbody><tr><td>张三</td><td>180</td><td>60</td></tr><tr><td>李四</td><td>181</td><td>61</td></tr><tr><td>王五</td><td>182</td><td>62</td></tr></tbody></table><blockquote><p>代码段</p></blockquote><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo 'hello word'</span></div></div></code></pre><div><div></div><div></div></div></figure></div><blockquote><p>彩色文字</p></blockquote><p>这是一段彩色文字演示 这是一段彩色文字演示 这是一段彩色文字演示 这是一段彩色文字演示 这是一段彩色文字演示&gt; 插入当前时间</p><p>2021-04-25 20:02:21 星期日</p><blockquote><p>缩进</p></blockquote><p>未缩进 缩进效果</p><blockquote><p>特殊符号</p></blockquote><p>★ ✰ ┲ ㈣ № ζ</p><blockquote><p>表情符号</p></blockquote><p>::(乖) ::(哈哈) :@(尴尬) ∠( ᐛ 」∠)＿</p><blockquote><p>未完成任务</p></blockquote><p>{ } { } { }</p><blockquote><p>已完成任务</p></blockquote><p>{x} {x} {x}</p><blockquote><p>居中标题</p></blockquote><p>{mtitle title=居中标题/}</p><blockquote><p>多彩按钮</p></blockquote><p>{abtn icon=fa-bug color=#ff6800 href=<a href="https://kanoer.net/archives/372.html" target="_blank">https://kanoer.net/archives/372.html</a> radius=10 content=按钮/}</p><blockquote><p>便条按钮</p></blockquote><p>{anote icon=fa-bug href=<a href="https://kanoer.net/archives/372.html" target="_blank">https://kanoer.net/archives/372.html</a> type=info content=按钮/}</p><blockquote><p>彩色分割线</p></blockquote><p>{dotted startColor=#ff6c6c endColor=#1989fa/} {dotted startColor=#ff6c6c endColor=#1989fa/} {dotted startColor=#ff6c6c endColor=#1989fa/}</p><blockquote><p>回复可见</p></blockquote><p>{hide} 需要隐藏的内容 {/hide}</p><blockquote><p>卡片</p></blockquote><p>{card-default label=\ width=100%} 卡片内容 {/card-default}</p><blockquote><p>消息提示</p></blockquote><p>{message type=success content=提示内容/}</p><blockquote><p>进度条</p></blockquote><p>{progress percentage=45% color=#ff6c6c/}</p><blockquote><p>备注</p></blockquote><p>{callout color=#f0ad4e} 备注内容 {/callout}</p><blockquote><p>标签页</p></blockquote><p>{tabs} {tabs-pane label=支付宝} <img src="https://image.kanochan.net/20210425204701.png" alt="" /> {/tabs-pane} {tabs-pane label=微信} <img src="https://image.kanochan.net/20210425204630.png" alt="" /> {/tabs-pane} {/tabs}</p><blockquote><p>时间轴</p></blockquote><p>{timeline} {timeline-item color=#19be6b} 正式上线 {/timeline-item} {timeline-item color=#ed4014} 删库跑路 {/timeline-item} {/timeline}</p><blockquote><p>点击复制</p></blockquote><p>{copy showText=点击复制 copyText=我是傻逼/}</p><blockquote><p>描述卡片</p></blockquote><p>{card-describe title=卡片描述} 卡片内容 {/card-describe}</p><blockquote><p>跑马灯</p></blockquote><p>{lamp/} {lamp/} {lamp/} {lamp/}</p><blockquote><p>折叠栏</p></blockquote><p>{collapse} {collapse-item label=折叠标题一 open} 折叠内容一 {/collapse-item} {collapse-item label=折叠标题二} 折叠内容二 {/collapse-item} {/collapse}</p><blockquote><p>云盘下载</p></blockquote><p>{cloud title=猛男福利 type=lz url=<a href="https://kanoer.net/archives/372.html" target="_blank">https://kanoer.net/archives/372.html</a> password=\/}</p></section></section></section></section></section></section>https://kanochan.net/posts/joe-theme-customization-snippets/https://kanochan.net/posts/joe-theme-customization-snippets/分享Joe主题常见的定制代码片段，包括分享卡片与访问策略调整。Sun, 18 Apr 2021 00:00:00 GMT<p><img src="https://image.kanochan.net/49766Hiten%EF%BD%9C%E4%B8%89%E6%97%A5%E7%9B%AE%E8%A5%BF%E3%81%8236a%20%2068322571_p0.png" alt="" /></p> <section><h3>/Joe/public/include.php<a href="#joepublicincludephp"><span>#</span></a></h3><ul> <li>QQ卡片</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!-- QQCard BEGIN --&gt;</span></div></div><div><div><div>2</div></div><div><span>&lt;meta itemprop="name" content="&lt;?php $this-&gt;archiveTitle(array('category' =&gt; '分类 %s 下的文章', 'search' =&gt; '包含关键字 %s 的文章', 'tag' =&gt; '标签 %s 下的文章', 'author' =&gt; '%s 发布的文章'), '', ' - '); ?&gt;&lt;?php $this-&gt;options-&gt;title(); ?&gt;" /&gt;</span></div></div><div><div><div>3</div></div><div><span>&lt;meta itemprop="image" content="&lt;?php $this-&gt;options-&gt;JShare_QQ_Image() ?&gt;" /&gt;</span></div></div><div><div><div>4</div></div><div><span>&lt;meta name="description" itemprop="description" content="&lt;?php echo $this-&gt;fields-&gt;description ? $this-&gt;fields-&gt;description : htmlspecialchars($this-&gt;_description); ?&gt;" /&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>禁止反向代理</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!-- 禁止反向代理访问 --&gt;</span></div></div><div><div><div>2</div></div><div><span>&lt;?php</span></div></div><div><div><div>3</div></div><div><span>if($_SERVER['SERVER_NAME'] != 'kanoer.net')</span></div></div><div><div><div>4</div></div><div><span>{</span></div></div><div><div><div>5</div></div><div><span>exit('检测到非法的反向代理访问,请认准域名：https://anoer.net');</span></div></div><div><div><div>6</div></div><div><span>}</span></div></div><div><div><div>7</div></div><div><span>?&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>完整文件代码如下，定位添加位置</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!-- QQCard BEGIN --&gt;</span></div></div><div><div><div>2</div></div><div><span>&lt;meta itemprop="name" content="&lt;?php $this-&gt;archiveTitle(array('category' =&gt; '分类 %s 下的文章', 'search' =&gt; '包含关键字 %s 的文章', 'tag' =&gt; '标签 %s 下的文章', 'author' =&gt; '%s 发布的文章'), '', ' - '); ?&gt;&lt;?php $this-&gt;options-&gt;title(); ?&gt;" /&gt;</span></div></div><div><div><div>3</div></div><div><span>&lt;meta itemprop="image" content="&lt;?php $this-&gt;options-&gt;JShare_QQ_Image() ?&gt;" /&gt;</span></div></div><div><div><div>4</div></div><div><span>&lt;meta name="description" itemprop="description" content="&lt;?php echo $this-&gt;fields-&gt;description ? $this-&gt;fields-&gt;description : htmlspecialchars($this-&gt;_description); ?&gt;" /&gt;</span></div></div><div><div><div>5</div></div><div> </div></div><div><div><div>6</div></div><div><span>&lt;!-- 禁止反向代理访问 --&gt;</span></div></div><div><div><div>7</div></div><div><span>&lt;?php</span></div></div><div><div><div>8</div></div><div><span>if($_SERVER['SERVER_NAME'] != 'kanoer.net')</span></div></div><div><div><div>9</div></div><div><span>{</span></div></div><div><div><div>10</div></div><div><span>exit('检测到非法的反向代理访问,请认准域名：https://anoer.net');</span></div></div><div><div><div>11</div></div><div><span>}</span></div></div><div><div><div>12</div></div><div><span>?&gt;</span></div></div><div><div><div>13</div></div><div> </div></div><div><div><div>14</div></div><div><span>&lt;?php $this-&gt;need('public/config.php'); ?&gt;</span></div></div><div><div><div>15</div></div><div><span>&lt;meta charset="utf-8" /&gt;</span></div></div><div><div><div>16</div></div><div><span>&lt;meta name="renderer" content="webkit" /&gt;</span></div></div><div><div><div>17</div></div><div><span>&lt;meta name="format-detection" content="email=no" /&gt;</span></div></div><div><div><div>18</div></div><div><span>&lt;meta name="format-detection" content="telephone=no" /&gt;</span></div></div><div><div><div>19</div></div><div><span>&lt;meta http-equiv="Cache-Control" content="no-siteapp" /&gt;</span></div></div><div><div><div>20</div></div><div><span>&lt;meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /&gt;</span></div></div><div><div><div>21</div></div><div><span>&lt;meta itemprop="image" content="&lt;?php $this-&gt;options-&gt;JShare_QQ_Image() ?&gt;" /&gt;</span></div></div><div><div><div>22</div></div><div><span>&lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, shrink-to-fit=no, viewport-fit=cover"&gt;</span></div></div><div><div><div>23</div></div><div><span>&lt;link rel="shortcut icon" href="&lt;?php $this-&gt;options-&gt;JFavicon() ?&gt;" /&gt;</span></div></div><div><div><div>24</div></div><div><span>&lt;title&gt;&lt;?php $this-&gt;archiveTitle(array('category' =&gt; '分类 %s 下的文章', 'search' =&gt; '包含关键字 %s 的文章', 'tag' =&gt; '标签 %s 下的文章', 'author' =&gt; '%s 发布的文章'), '', ' - '); ?&gt;&lt;?php $this-&gt;options-&gt;title(); ?&gt;&lt;/title&gt;</span></div></div><div><div><div>25</div></div><div><span>&lt;?php if ($this-&gt;is('single')) : ?&gt;</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>&lt;meta name="keywords" content="&lt;?php echo $this-&gt;fields-&gt;keywords ? $this-&gt;fields-&gt;keywords : htmlspecialchars($this-&gt;_keywords); ?&gt;" /&gt;</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>&lt;meta name="description" content="&lt;?php echo $this-&gt;fields-&gt;description ? $this-&gt;fields-&gt;description : htmlspecialchars($this-&gt;_description); ?&gt;" /&gt;</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;header('keywords=&amp;description='); ?&gt;</span></div></div><div><div><div>29</div></div><div><span>&lt;?php else : ?&gt;</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>&lt;?php $this-&gt;header(); ?&gt;</span></div></div><div><div><div>31</div></div><div><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>32</div></div><div><span>&lt;link rel="stylesheet" href="&lt;?php $this-&gt;options-&gt;themeUrl('assets/css/joe.mode.min.css'); ?&gt;"&gt;</span></div></div><div><div><div>33</div></div><div><span>&lt;link rel="stylesheet" href="&lt;?php $this-&gt;options-&gt;themeUrl('assets/css/joe.normalize.min.css'); ?&gt;"&gt;</span></div></div><div><div><div>34</div></div><div><span>&lt;link rel="stylesheet" href="&lt;?php $this-&gt;options-&gt;themeUrl('assets/css/joe.global.min.css'); ?&gt;"&gt;</span></div></div><div><div><div>35</div></div><div><span>&lt;link rel="stylesheet" href="&lt;?php $this-&gt;options-&gt;themeUrl('assets/css/joe.responsive.min.css'); ?&gt;"&gt;</span></div></div><div><div><div>36</div></div><div><span>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/plugin/qmsg/qmsg.css"&gt;</span></div></div><div><div><div>37</div></div><div><span>&lt;?php if ($this-&gt;options-&gt;JAside_Weather_Key) : ?&gt;</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>&lt;link rel="stylesheet" href="https://apip.weatherdt.com/standard/static/css/weather-standard.css"&gt;</span></div></div><div><div><div>39</div></div><div><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>40</div></div><div><span>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /&gt;</span></div></div><div><div><div>41</div></div><div><span>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/animate.css@3.7.2/animate.min.css" /&gt;</span></div></div><div><div><div>42</div></div><div><span>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome@4.7.0/css/font-awesome.min.css"&gt;</span></div></div><div><div><div>43</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.min.js"&gt;&lt;/script&gt;</span></div></div><div><div><div>44</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/plugin/scroll/joe.scroll.js"&gt;&lt;/script&gt;</span></div></div><div><div><div>45</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/lazysizes@5.3.0/lazysizes.min.js"&gt;&lt;/script&gt;</span></div></div><div><div><div>46</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/plugin/sketchpad/joe.sketchpad.js"&gt;&lt;/script&gt;</span></div></div><div><div><div>47</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/@fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"&gt;&lt;/script&gt;</span></div></div><div><div><div>48</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/assets/js/joe.extend.min.js"&gt;&lt;/script&gt;</span></div></div><div><div><div>49</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/plugin/qmsg/qmsg.js"&gt;&lt;/script&gt;</span></div></div><div><div><div>50</div></div><div><span>&lt;script src="https://cdn.jsdelivr.net/npm/typecho-joe-next@6.0.0/plugin/smooth/joe.smooth.js" async&gt;&lt;/script&gt;</span></div></div><div><div><div>51</div></div><div><span>&lt;?php if ($this-&gt;options-&gt;JCursorEffects &amp;&amp; $this-&gt;options-&gt;JCursorEffects !== 'off') : ?&gt;</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>&lt;script src="&lt;?php $this-&gt;options-&gt;themeUrl('assets/cursor/' . $this-&gt;options-&gt;JCursorEffects); ?&gt;" async&gt;&lt;/script&gt;</span></div></div><div><div><div>53</div></div><div><span>&lt;?php endif; ?&gt;</span></div></div><div><div><div>54</div></div><div><span>&lt;script src="&lt;?php $this-&gt;options-&gt;themeUrl('assets/js/joe.global.min.js'); ?&gt;"&gt;&lt;/script&gt;</span></div></div><div><div><div>55</div></div><div><span>&lt;script src="&lt;?php $this-&gt;options-&gt;themeUrl('assets/js/joe.short.min.js'); ?&gt;"&gt;&lt;/script&gt;</span></div></div><div><div><div>56</div></div><div><span>&lt;?php $this-&gt;options-&gt;JCustomHeadEnd() ?&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section> <section><h3>/Joe/public/footer.php<a href="#joepublicfooterphp"><span>#</span></a></h3></section> <section><h3>/Joe/public/copyright.php<a href="#joepubliccopyrightphp"><span>#</span></a></h3><ul> <li>版权归属</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;span&gt;版权属于：Kanoer&lt;/span&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>许可协议</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;span class="text"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>《</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;a class="link" href="//creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener noreferrer nofollow"&gt;CC BY-NC-SA 4.0&lt;/a&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>》许可协议授权</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;/span&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>文件完整代码如下，定位添加位置</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;div class="joe_detail__copyright"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>&lt;div class="content"&gt;</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>&lt;div class="item"&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>&lt;svg class="icon" width="20" height="20" viewBox="0 0 1024 1024"&gt;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>&lt;path d="M614.72 554.538c-49.086-6.399-100.27-2.1-149.256-2.1-119.465 0-209.04 95.972-206.84 215.437 0 17.095 8.498 31.99 23.493 40.488 14.896 10.697 34.09 14.896 53.285 17.095 61.882 6.398 123.664 6.398 198.342 6.398 40.488 0 93.872-2.1 142.858-4.298 27.692 0 53.284-4.3 78.877-14.896 19.194-8.498 29.89-19.194 31.99-40.488 8.498-104.57-72.478-204.84-172.75-217.636zM680.8 375.39c0-87.474-74.678-162.053-164.251-162.053-89.574 0-162.053 74.679-162.053 162.053-2.1 87.474 74.678 164.252 162.053 164.252 89.673 0 164.252-74.678 164.252-164.252z" fill="#FFF" /&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>&lt;path d="M512.35 0C228.733 0 .5 228.233.5 511.85s228.233 511.85 511.85 511.85 511.85-228.233 511.85-511.85S795.967 0 512.35 0zm275.12 772.074c-2.1 21.294-12.797 31.99-31.991 40.488-25.593 10.697-51.185 14.896-78.877 14.896-49.086 2.099-102.37 4.298-142.858 4.298-74.678 0-136.46 0-198.342-6.398-19.195-2.1-38.389-6.398-53.285-17.095-14.895-8.497-23.493-23.493-23.493-40.488-2.1-119.465 87.475-215.437 206.84-215.437 49.085 0 100.27-4.299 149.256 2.1 100.27 12.896 181.247 113.166 172.75 217.636zM354.495 375.39c0-87.474 72.479-162.053 162.053-162.053S680.8 288.016 680.8 375.39c0 89.574-74.679 164.252-164.252 164.252-87.375 0-164.152-76.778-162.053-164.252z" fill="#249FF8" /&gt;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>&lt;/svg&gt;</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>&lt;span&gt;版权属于：Kanoer&lt;/span&gt;</span></div></div><div><div><div>9</div></div><div> </div></div><div><div><div>10</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>&lt;div class="item"&gt;</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>&lt;svg class="icon" width="20" height="20" viewBox="0 0 1024 1024"&gt;</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>&lt;path d="M511.854 0A511.854 511.854 0 1 0 1024 511.854 511.854 511.854 0 0 0 511.854 0z" fill="#39B54A" /&gt;</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>&lt;path d="M576.491 630.355L460.028 746.818a129.565 129.565 0 0 1-182.555 0l-2.038-2.038a128.983 128.983 0 0 1 0-182.264l81.233-81.233a179.644 179.644 0 0 0 13.102 70.46l-52.7 52.408a69.878 69.878 0 0 0 0 98.703l2.038 2.038a70.169 70.169 0 0 0 98.703 0l116.463-116.463a69.878 69.878 0 0 0 0-98.703l-2.039-2.038a69.587 69.587 0 0 0-13.975-10.772l42.509-42.51a128.11 128.11 0 0 1 13.102 11.356l2.038 2.038a129.274 129.274 0 0 1 0 182.264z" fill="#FFF" /&gt;</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>&lt;path d="M746.236 460.902l-81.233 81.233a179.353 179.353 0 0 0-13.102-70.46l52.7-52.409a69.878 69.878 0 0 0 0-98.702l-2.039-2.038a69.878 69.878 0 0 0-98.702 0L487.397 434.989a69.878 69.878 0 0 0 0 98.702l2.038 2.038a68.422 68.422 0 0 0 13.976 10.773l-42.51 42.51a136.553 136.553 0 0 1-13.101-11.356l-2.038-2.038a128.983 128.983 0 0 1 0-182.265l116.463-116.462a129.565 129.565 0 0 1 182.555 0l2.038 2.038a128.983 128.983 0 0 1 0 182.264z" fill="#FFF" /&gt;</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>&lt;/svg&gt;</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>&lt;span&gt;本文链接：&lt;/span&gt;</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>&lt;span class="text"&gt;</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>&lt;a class="link" href="&lt;?php $this-&gt;permalink() ?&gt;" target="_blank" rel="noopener noreferrer nofollow"&gt;&lt;?php $this-&gt;permalink() ?&gt;&lt;/a&gt;</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>&lt;/span&gt;</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>&lt;div class="item"&gt;</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>&lt;svg class="icon" width="20" height="20" viewBox="0 0 1024 1024"&gt;</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>&lt;path d="M0 512a512 512 0 1 0 1024 0A512 512 0 1 0 0 512z" fill="#F3B243" /&gt;</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>&lt;path d="M540.672 323.584a90.112 90.112 0 1 0 180.224 0 90.112 90.112 0 1 0-180.224 0zM540.672 688.128a90.112 90.112 0 1 0 180.224 0 90.112 90.112 0 1 0-180.224 0zM229.376 512a90.112 90.112 0 1 0 180.224 0 90.112 90.112 0 1 0-180.224 0z" fill="#FFF" /&gt;</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>&lt;path d="M341.037 480.37l257.344-175.718 27.713 40.592-257.34 175.718z" fill="#FFF" /&gt;</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>&lt;path d="M349.053 488.452L601.907 670.56l-28.725 39.887L320.307 528.34z" fill="#FFF" /&gt;</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>&lt;/svg&gt;</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>&lt;span&gt;作品采用：&lt;/span&gt;</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>&lt;span class="text"&gt;</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>《</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>&lt;a class="link" href="//creativecommons.org/licenses/by-nc-sa/4.0/deed.zh" target="_blank" rel="noopener noreferrer nofollow"&gt;CC BY-NC-SA 4.0&lt;/a&gt;</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>》许可协议授权</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>&lt;/span&gt;</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>&lt;/div&gt;</span></div></div><div><div><div>37</div></div><div><span>&lt;/div&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section> <section><h3>底栏左侧内容<a href="#底栏左侧内容"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>Copyright © 2021 &lt;a href="https://kanoer.net" target="_blank" rel="noopener noreferrer"&gt;kanoer.net&lt;/a&gt;   &lt;a href="https://beian.miit.gov.cn/#/Integrated/index" rel= "noopener noreferrer" target= "_blank"&gt;桂ICP备2021001758号-1&lt;/a&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>底栏右侧内容<a href="#底栏右侧内容"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;a href="//kanoer.net/about.html"&gt;关于&lt;/a&gt; ✦ &lt;a href="mailto:helloword@kanoer.net"&gt;联系我&lt;/a&gt; ✦ &lt;a href="http://typecho.org" rel= "noopener noreferrer" target= "_blank"&gt; Typecho &lt;/a&gt; ✦ &lt;a href="https://github.com/HaoOuBa/Joe" rel= "noopener noreferrer" target= "_blank"&gt;Joe &lt;/a&gt; Theme</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>自定义JS<a href="#自定义js"><span>#</span></a></h3><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;!--禁止右键--&gt;</span></div></div><div><div><div>2</div></div><div><span>document.oncontextmenu=new Function("event.returnValue=false");</span></div></div><div><div><div>3</div></div><div><span>&lt;!--禁止右键-火狐专用--&gt;</span></div></div><div><div><div>4</div></div><div><span>document.oncontextmenu=function(e){return false;}</span></div></div><div><div><div>5</div></div><div><span>&lt;!--禁止F2--&gt;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>document.onkeydown = function () {</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>if (window.event &amp;&amp; window.event.keyCode == 123) {</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>event.keyCode = 0;</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>event.returnValue = false;</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>return false;</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>13</div></div><div><span>&lt;!--动态标题欺骗--&gt;</span></div></div><div><div><div>14</div></div><div><span>var OriginTitle = document.title;</span></div></div><div><div><div>15</div></div><div><span>var titleTime;</span></div></div><div><div><div>16</div></div><div><span>document.addEventListener("visibilitychange", function () {</span></div></div><div><div><div>17</div></div><div><span>if (document.hidden) {</span></div></div><div><div><div>18</div></div><div><span>document.title = "╭(°A°)╮ 页面崩溃啦 ~";</span></div></div><div><div><div>19</div></div><div><span>clearTimeout(titleTime);</span></div></div><div><div><div>20</div></div><div><span>} else {</span></div></div><div><div><div>21</div></div><div><span>document.title = "(ฅ&gt;ω&lt;*ฅ) 噫又好了~" + OriginTitle;</span></div></div><div><div><div>22</div></div><div><span>titleTime = setTimeout(function () {</span></div></div><div><div><div>23</div></div><div><span>document.title = OriginTitle;</span></div></div><div><div><div>24</div></div><div><span>}, 2000);</span></div></div><div><div><div>25</div></div><div><span>}</span></div></div><div><div><div>26</div></div><div><span>});</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div></section> <section><h3>图片项目<a href="#图片项目"><span>#</span></a></h3><ul> <li>网站 Favicon：<a href="https://image.kanochan.net/%E7%BD%91%E7%AB%99%E6%A0%87%E9%A2%98%E5%9B%BE.png" target="_blank">https://image.kanochan.net/%E7%BD%91%E7%AB%99%E6%A0%87%E9%A2%98%E5%9B%BE.png</a></li> <li>网站 Logo：<a href="https://image.kanochan.net/uugai.com_1613715888542.png" target="_blank">https://image.kanochan.net/uugai.com_1613715888542.png</a></li> <li>懒加载图：<a href="https://kanoer.net/usr/uploads/2021/02/loding.jpg" target="_blank">https://kanoer.net/usr/uploads/2021/02/loding.jpg</a></li> <li>QQ分享图：<a href="https://kanoer.net/usr/uploads/2021/04/1091307048.gif" target="_blank">https://kanoer.net/usr/uploads/2021/04/1091307048.gif</a></li> <li>百度推送：<a href="http://data.zz.baidu.com/urls?site=https" target="_blank">http://data.zz.baidu.com/urls?site=https</a>://kanoer.net&amp;token=w5ZFhRVwE8fv0d8L</li> <li>背景图片：<a href="https://image.kanochan.net/t01d8cfd99a9f840621.jpg" target="_blank">https://image.kanochan.net/t01d8cfd99a9f840621.jpg</a></li> <li>背景图片WAP：<a href="https://image.kanochan.net/t01d8cfd99a9f840621.jpg" target="_blank">https://image.kanochan.net/t01d8cfd99a9f840621.jpg</a></li> <li>首页轮播图：<a href="https://image.kanochan.net/cy9mapfcucf41.jpg" target="_blank">https://image.kanochan.net/cy9mapfcucf41.jpg</a> || <a href="https://kanoer.net" target="_blank">https://kanoer.net</a> <a href="https://image.kanochan.net/85580902_p0.jpg" target="_blank">https://image.kanochan.net/85580902_p0.jpg</a> || <a href="https://kanoer.net" target="_blank">https://kanoer.net</a></li> </ul></section>https://kanochan.net/posts/disable-right-click-and-f12/https://kanochan.net/posts/disable-right-click-and-f12/通过JavaScript和CSS限制网页右键、复制与F12审查功能。Sat, 03 Apr 2021 00:00:00 GMT<p><img src="https://image.kanochan.net/eb65ae5ee6f66b6381090f5bee4fe6cbabfd6d0d.png" alt="" /></p> <p>当下浏览器还是很多的，如果你想你的网站内容不被人手工采集的话，你的图片不想被人另存为或下载的话，我们完全可以禁止右键，禁止全站复制。这样的话，无论是想右键查看源代码还是图片另存为都做不到了，连网站文字选中也做不到。其实方法非常的简单，只要用JS代码和css代码就可以做到。</p> <blockquote><p>对于常规的浏览器</p></blockquote> <section><h5>禁用鼠标右键、禁用文字复制<a href="#禁用鼠标右键禁用文字复制"><span>#</span></a></h5><ul> <li>将以下代码放入JS文件中</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script language="Javascript"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>document.oncontextmenu=new Function("event.returnValue=false"); //禁止鼠标右键</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>document.onselectstart=new Function("event.returnValue=false"); //禁止选中文字复制</span></div></div><div><div><div>4</div></div><div><span>&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h5>禁用F12<a href="#禁用f12"><span>#</span></a></h5><ul> <li>将以下代码放入JS文件中</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script type="text/javascript"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>document.onkeydown = function () {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>if (window.event &amp;&amp; window.event.keyCode == 123) {</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>event.keyCode = 0;</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>event.returnValue = false;</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>return false;</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>};</span></div></div><div><div><div>9</div></div><div><span>&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>{mtitle}不像话的分割线{/mtitle}</p><blockquote><p>对于不走寻常路的火狐浏览器，需要用到以下代码</p></blockquote></section> <section><h5>火狐浏览器禁用右键<a href="#火狐浏览器禁用右键"><span>#</span></a></h5><ul> <li>将代码放入到JS文件中</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;script type="text/javascript"&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>document.oncontextmenu=function(e){return false;}</span></div></div><div><div><div>3</div></div><div><span>&lt;/script&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h5>火狐浏览器禁用文字复制<a href="#火狐浏览器禁用文字复制"><span>#</span></a></h5><ul> <li>将以下代码放入到css文件中</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>&lt;style&gt;</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>body {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>-moz-user-select:none; &lt;!--禁止文字让选中--&gt;</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>5</div></div><div><span>&lt;/style&gt;</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>{dotted startColor=#ff6c6c endColor=#1989fa/}</p><p>参考：<a href="https://www.iiiixy.cn/YiChenblog/134/" target="_blank">〔NetWork〕网站禁止右键、F12“防复制、防查看源代码、防图片下载”方法</a></p></section>https://kanochan.net/posts/openwrt-network-unreachable-fix/https://kanochan.net/posts/openwrt-network-unreachable-fix/排查并修复OpenWrt中因网关配置错误导致的Network unreachable报错。Thu, 01 Apr 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/85655238_p0.png" alt="pixiv" title="pixiv" /><figcaption>pixiv</figcaption></figure><p></p> <section><h2>报错如下<a href="#报错如下"><span>#</span></a></h2><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OpenWrt:/# ping zhihu.com</span></div></div><div><div><div>2</div></div><div><span>PING zhihu.com (103.41.167.234): 56 data bytes</span></div></div><div><div><div>3</div></div><div><span>ping: sendto: Network unreachable</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>这个错误一般是由于网关配置错误导致的</li> <li>通过 <code>route</code> 查看路由表</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OpenWrt:/# route</span></div></div><div><div><div>2</div></div><div><span>Kernel IP routing table</span></div></div><div><div><div>3</div></div><div><span>Destination Gateway Genmask Flags Metric Ref Use Iface</span></div></div><div><div><div>4</div></div><div><span>172.17.0.0 * 255.255.0.0 U 0 0 0 docker0</span></div></div><div><div><div>5</div></div><div><span>192.168.11.0 * 255.255.255.0 U 1 0 0 eth1</span></div></div><div><div><div>6</div></div><div><span>192.168.12.0 * 255.255.255.0 U 1 0 0 eth2</span></div></div><div><div><div>7</div></div><div><span>192.168.233.0 * 255.255.255.0 U 0 0 0 br-lan</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>可以看到Gateway一栏为空，也就是没有配置网关，路由不知将数据转发到哪个网口。解决办法是增加一条默认网关。添加命令： <code>route add default gw XXX.XXX.XXX.XXX</code> ，XXX.XXX.XXX.XXX为你的上级网关，一般为光猫的IP。添加完成后通过 <code>route</code> 查看路由表是否生效</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>route add default gw 192.168.11.1</span></div></div><div><div><div>2</div></div><div><span>root@OpenWrt:/# route</span></div></div><div><div><div>3</div></div><div><span>Kernel IP routing table</span></div></div><div><div><div>4</div></div><div><span>Destination Gateway Genmask Flags Metric Ref Use Iface</span></div></div><div><div><div>5</div></div><div><span>default 192.168.11.1 0.0.0.0 UG 0 0 0 eth1</span></div></div><div><div><div>6</div></div><div><span>172.17.0.0 * 255.255.0.0 U 0 0 0 docker0</span></div></div><div><div><div>7</div></div><div><span>192.168.11.0 * 255.255.255.0 U 1 0 0 eth1</span></div></div><div><div><div>8</div></div><div><span>192.168.12.0 * 255.255.255.0 U 1 0 0 eth2</span></div></div><div><div><div>9</div></div><div><span>192.168.233.0 * 255.255.255.0 U 0 0 0 br-lan</span></div></div><div><div><div>10</div></div><div><span>root@OpenWrt:/#</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>可以看到默认网关default已被添加进路由表，ping外网成功</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OpenWrt:/# ping bilibili.com</span></div></div><div><div><div>2</div></div><div><span>PING bilibili.com (110.43.34.66): 56 data bytes</span></div></div><div><div><div>3</div></div><div><span>64 bytes from 110.43.34.66: seq=0 ttl=51 time=27.996 ms</span></div></div><div><div><div>4</div></div><div><span>64 bytes from 110.43.34.66: seq=1 ttl=51 time=18.906 ms</span></div></div><div><div><div>5</div></div><div><span>64 bytes from 110.43.34.66: seq=2 ttl=51 time=19.691 ms</span></div></div><div><div><div>6</div></div><div><span>64 bytes from 110.43.34.66: seq=3 ttl=51 time=19.945 ms</span></div></div><div><div><div>7</div></div><div><span>64 bytes from 110.43.34.66: seq=4 ttl=51 time=19.169 ms</span></div></div><div><div><div>8</div></div><div><span>64 bytes from 110.43.34.66: seq=5 ttl=51 time=22.988 ms</span></div></div><div><div><div>9</div></div><div><span>64 bytes from 110.43.34.66: seq=6 ttl=51 time=19.152 ms</span></div></div><div><div><div>10</div></div><div><span>^C</span></div></div><div><div><div>11</div></div><div><span>--- bilibili.com ping statistics ---</span></div></div><div><div><div>12</div></div><div><span>7 packets transmitted, 7 packets received, 0% packet loss</span></div></div><div><div><div>13</div></div><div><span>round-trip min/avg/max = 18.906/21.121/27.996 ms</span></div></div><div><div><div>14</div></div><div><span>root@OpenWrt:/#</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h2>拓展知识-luinx路由表命令<a href="#拓展知识-luinx路由表命令"><span>#</span></a></h2><ul> <li><strong>route 命令的输出项说明</strong></li> </ul><p><code>Destination</code>—目标网段或者主机 <code>Gateway</code>—网关地址，”*” 表示目标是本主机所属的网络，不需要路由 <code>Genmask</code>—网络掩码 <code>Flags</code> —标记。一些可能的标记如下： <code>U</code> — 路由是活动的 <code>H</code> — 目标是一个主机 <code>G</code> — 路由指向网关 <code>R</code> — 恢复动态路由产生的表项 <code>D</code> — 由路由的后台程序动态地安装 <code>M</code> — 由路由的后台程序修改 <code>!</code> — 拒绝路由 <code>Metric</code>—路由距离，到达指定网络所需的中转数（linux 内核中没有使用） <code>Ref</code>—路由项引用次数（linux 内核中没有使用） <code>Use</code>—此路由项被路由软件查找的次数 <code>Iface</code>—该路由表项对应的输出接口</p><p>参考：<a href="https://blog.csdn.net/vevenlcf/article/details/48026965" target="_blank">linux 路由表设置 之 route 指令详解</a></p></section>https://kanochan.net/posts/openwrt-common-commands/https://kanochan.net/posts/openwrt-common-commands/汇总OpenWrt系统维护中常用的网络、磁盘与计划任务命令。Sat, 27 Mar 2021 00:00:00 GMT<p><img src="https://image.kanochan.net/87755854_p0.jpg" alt="" /></p> <p>{mtitle title=pid：877558/}</p> <p>{mtitle}分割线{/mtitle}</p> <section><h3>Luci重启命令<a href="#luci重启命令"><span>#</span></a></h3><ul> <li>用于系统web页面卡死无法登入，一般是因为某些bug导致uhttpd卡死，无响应，重启可以解决</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>/etc/init.d/uhttpd restart</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>磁盘管理<a href="#磁盘管理"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>fsisk -l //列出素所有分区表“-u”与“ -l”搭配使用，显示分割数</span></div></div><div><div><div>2</div></div><div><span>fsisk -m //显示菜单和帮助信息</span></div></div><div><div><div>3</div></div><div><span>fsisk -a //活动分区标记/引导分区</span></div></div><div><div><div>4</div></div><div><span>fsisk -d //删除分区</span></div></div><div><div><div>5</div></div><div><span>fsisk -l //显示分区类型</span></div></div><div><div><div>6</div></div><div><span>fsisk -n //新建分区</span></div></div><div><div><div>7</div></div><div><span>fsisk -p //显示分区信息</span></div></div><div><div><div>8</div></div><div><span>fsisk -q //退出不保存</span></div></div><div><div><div>9</div></div><div><span>fsisk -t //设置分区号</span></div></div><div><div><div>10</div></div><div><span>fsisk -v //进行分区检查</span></div></div><div><div><div>11</div></div><div><span>fsisk -w //保存修改</span></div></div><div><div><div>12</div></div><div><span>fsisk -x //扩展应用，高级功能</span></div></div><div><div><div>13</div></div><div><span>fsisk -s //&lt;分区编号&gt;指定分区</span></div></div><div><div><div>14</div></div><div><span>fsisk -v //版本信息</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>脚本赋权<a href="#脚本赋权"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>chmod +x 文件名</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>curl指定网口<a href="#curl指定网口"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>curl --interface wlan0 -X GET "www.bilibili.com"</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>ping指定网口<a href="#ping指定网口"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>ping -I eth3 bilibili.com</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>重启网口<a href="#重启网口"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>ifconfig eth1 down &amp;&amp; ifconfig eth1 up</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>挂载samba磁盘<a href="#挂载samba磁盘"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>sleep 5 &amp;&amp; mount.cifs //192.168.233.165/25b0 /mnt/sdd1 -o guest,rw,vers=1.0</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>挂载磁盘到文件夹<a href="#挂载磁盘到文件夹"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>sleep 30 &amp;&amp; mount -t ntfs-3g /dev/sdb1 /mnt/sdb1</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>dns查询测试<a href="#dns查询测试"><span>#</span></a></h3><ul> <li>nslookup <a href="http://www.baidu.com" target="_blank">www.baidu.com</a> dns 服务器ip地址</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>nslookup www.baidu.com 202.96.69.38</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>演示如下</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OpenWrt:~# nslookup www.baidu.com 192.168.11.1</span></div></div><div><div><div>2</div></div><div><span>Server: 192.168.11.1</span></div></div><div><div><div>3</div></div><div><span>Address: 192.168.11.1#53</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>Name: www.baidu.com</span></div></div><div><div><div>6</div></div><div><span>www.baidu.com canonical name = www.a.shifen.com</span></div></div><div><div><div>7</div></div><div><span>Name: www.a.shifen.com</span></div></div><div><div><div>8</div></div><div><span>Address 1: 14.215.177.39</span></div></div><div><div><div>9</div></div><div><span>Address 2: 14.215.177.38</span></div></div><div><div><div>10</div></div><div><span>www.baidu.com canonical name = www.a.shifen.com</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /></section> <section><h3>重置命令<a href="#重置命令"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@OpenWrt:~# firstboot</span></div></div><div><div><div>2</div></div><div><span>This will erase all settings and remove any installed packages. Are you sure? [N/y]</span></div></div><div><div><div>3</div></div><div><span>y</span></div></div><div><div><div>4</div></div><div><span>/dev/ubi0_1 is mounted as /overlay, only erasing files</span></div></div><div><div><div>5</div></div><div><span>root@OpenWrt:~#</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>查看文件目录大小<a href="#查看文件目录大小"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>du -s /root/* | sort -nr</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>查看某一程序的日志<a href="#查看某一程序的日志"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>logread -e cron //这里的cron表示cron这个程序</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>计划任务<a href="#计划任务"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>* * * * * 需要执行的命令</span></div></div><div><div><div>2</div></div><div><span>- - - - -</span></div></div><div><div><div>3</div></div><div><span>| | | | |</span></div></div><div><div><div>4</div></div><div><span>| | | | ----- 一星期中的第几天 (0 - 6) (其中0表示星期日)</span></div></div><div><div><div>5</div></div><div><span>| | | ------- 月份 (1 - 12)</span></div></div><div><div><div>6</div></div><div><span>| | --------- 一个月中的第几天 (1 - 31)</span></div></div><div><div><div>7</div></div><div><span>| ----------- 一天中的第几小时 (0 - 23)</span></div></div><div><div><div>8</div></div><div><span>------------- 一小时中的第几分钟 (0 - 59)</span></div></div></code></pre><div><div></div><div></div></div></figure></div> <table><thead><tr><th>分钟0-59</th><th>小时0-23</th><th>日1-31</th><th>月份1-12</th><th>星期几0-6</th><th>效果</th></tr></thead><tbody><tr><td>*/5</td><td>*</td><td>*</td><td>*</td><td>*</td><td>每5分钟执行一次</td></tr><tr><td>12</td><td>*/3</td><td>*</td><td>*</td><td>*</td><td>每过3个小时后的第12分钟执行一次</td></tr><tr><td>57</td><td>11</td><td>15</td><td>1,6,12</td><td>*</td><td>在1、6、12月中的15日，当天的11点57分各执行一次</td></tr><tr><td>25</td><td>6</td><td>*</td><td>*</td><td>1-5</td><td>工作日期间（周1到周5），每天早上6点25分执行一次</td></tr><tr><td>0</td><td>0</td><td>4,12,26</td><td>*</td><td>*</td><td>每月的第4、12、26日，晚上12点执行一次</td></tr><tr><td>5,10</td><td>9,14</td><td>10</td><td>*</td><td>0,4</td><td>每周日、周四的早上9:05, 早上9:10, 下午2:05 以及下午2:10各执行一次</td></tr></tbody></table></section> <section><h3>系统重启后自动添加默认网关<a href="#系统重启后自动添加默认网关"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>sleep 180 &amp;&amp; route add default gw 192.168.11.1 &amp;&amp; logger -t TAG 添加wan1默认路由</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>获取网卡MAC地址<a href="#获取网卡mac地址"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>ifconfig xxx | grep -o -E '([[:xdigit:]]{1,2}:){5}[[:xdigit:]]{1,2}' \\xxx为网卡名称</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>参考：<a href="https://www.cnblogs.com/kerrycode/p/13709537.html" target="_blank">Linux 查看网卡的MAC地址</a></p></section> <section><h3>获取网卡IP地址<a href="#获取网卡ip地址"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>ifconfig | grep -A1 "eth0" | grep 'inet addr' |awk -F ':' '{print $2}'|awk '{print $1}'</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>参考： <a href="https://blog.csdn.net/fangye945a/article/details/109031893" target="_blank">shell脚本获取linux系统IP地址</a></p></section> <section><h3>随机MAC地址<a href="#随机mac地址"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo -n 00:60:2F; dd bs=1 count=3 if=/dev/random 2&gt;/dev/null | hexdump -v -e '/1 ":%02X"'</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>参考： <a href="https://blog.csdn.net/u010014090/article/details/79258795" target="_blank">随机MAC地址的设置实现</a></p></section> <section><h3>更改MAC地址<a href="#更改mac地址"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>ifconfig eth0 down</span></div></div><div><div><div>2</div></div><div><span>ifconfig eth0 hw ether aa:bb:cc:dd:ee:ff</span></div></div><div><div><div>3</div></div><div><span>ifconfig eth0 up</span></div></div></code></pre><div><div></div><div></div></div></figure></div><p>参考： <a href="https://qingpei.me/openwrt-fixed-wan-mac/" target="_blank">OpenWrt 固定 WAN 口 MAC 地址</a></p></section> <section><h3>挂载ntfs硬盘<a href="#挂载ntfs硬盘"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>mount –t ntfs-3g /dev/sdb1 /mnt/usb</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>清理opkg update缓存文件<a href="#清理opkg-update缓存文件"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>rm -f /var/lock/opkg.lock</span></div></div></code></pre><div><div></div><div></div></div></figure></div></section> <section><h3>结束某个应用程序<a href="#结束某个应用程序"><span>#</span></a></h3><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>ps //列出程序PID</span></div></div><div><div><div>2</div></div><div><span>kill [pid] //通过pid号结束程序</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>示例</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>root@Openwrt:~# ps</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>PID USER VSZ STAT COMMAND</span></div></div><div><div><div>3</div></div><div><span>.....</span></div></div><div><div><div>4</div></div><div><span>14239 root 27580 S /usr/sbin/smbd -F</span></div></div><div><div><div>5</div></div><div><span>14463 root 5196 S /tmp/uu/uuplugin /tmp/uu/uu.conf</span></div></div><div><div><div>6</div></div><div><span>14467 root 4292 S /tmp/uu/uuplugin /tmp/uu/uu.conf</span></div></div><div><div><div>7</div></div><div><span>15712 root 0 IW [kworker/u4:2-ev]</span></div></div><div><div><div>8</div></div><div><span>18299 root 0 IW [kworker/u4:0-ev]</span></div></div><div><div><div>9</div></div><div><span>21238 root 0 RW [kworker/u4:1-ev]</span></div></div><div><div><div>10</div></div><div><span>22414 root 1108 S sleep 10</span></div></div><div><div><div>11</div></div><div><span>22419 root 1108 S sleep 10</span></div></div><div><div><div>12</div></div><div><span>22445 root 1104 SN sleep 2</span></div></div><div><div><div>13</div></div><div><span>22449 root 1104 R ps</span></div></div><div><div><div>14</div></div><div><span>.....</span></div></div><div><div><div>15</div></div><div><span>root@Openwrt:~# kill 14463 //结束14463这个程序</span></div></div><div><div><div>16</div></div><div><span>root@Openwrt:~#</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><p>参考： <a href="https://www.myfreax.com/how-does-linux-terminate-the-process/" target="_blank">linux怎么样终止进程</a></p></section>https://kanochan.net/posts/campus-network-sharing-analysis/https://kanochan.net/posts/campus-network-sharing-analysis/分析校园网认证现状，并探讨基于路由器的网络共享思路。Sat, 13 Mar 2021 00:00:00 GMT<blockquote><p>校园网现状分析</p></blockquote> <p>某科技大学校园网硬件采用的是华三H3C的解决方案，用户认证方面采用的是城市热点技术，用于接入用户的认证和计费。 <img src="https://image.kanochan.net/20210313142737.png" alt="" /> <img src="https://image.kanochan.net/20210313144016.png" alt="" /> 认证方式采用web认证方式，只需在网页上登入账户就可以网络认证。这是一种比较简单的认证方式，可以在网页认证过程中抓取发送的认证信息，就可以获得一个永久有效的认证请求。可以看到，这种校园网解决方案还是有不少高校在用的。在分析测试的过程中发现，校园网的最大接入设备数为3台设备，如果两个人共用一个宽带账号，就用可能造成对方设备被强制下线。在硬件方面，宿舍里校园网ap的网口是通过控制中心统一指令关闭的，无法自行开启，所以无法通过网线将路由器与校园网AP相连进行网络共享。</p> <blockquote><p>校园网共享解决方案</p></blockquote> <p>无法通过有线连接共享网络，那么只能用路由器把校园网的信号桥接过来，然后进行认证。而这一步中也存在多种解决方案。第一种方案是需要两台路由器——路由器A和路由器B，其中路由器A设置为无线桥接模式，将校园网信号桥接转为可用的有线信号。将路由器B通过网线与第一台路由器相连，网线接B路由器的wan口和路由器A的lan口。在这一过程中，路由器A相当于透明网桥，即作用只是把校园网的无线信号转为有线信号。接入B路由器后，就可以将B路由器认证进而接入互联网（ 至于怎么认证，如果有人看我就再写一篇文章吧 欢迎在评论区留言，没人看我就不写了），实现网络共享。路由器B可接入无限多的网络设备，如手机、电脑、小爱同学等。采用这种方案，存在的缺点是路由器A桥接校园网热点的过程中，会生成一个和校园网相同信道的WiFi热点，会给网络质量带来一定影响。经过测试发现，如果采用这种方法，一段时间后会造成校园网AP自动切换信道，从而导致路由器A失去连接。这时手动将路由器A重新桥接即可。 另一种解决方案，相对比较复杂，写出来已经不是一篇文章的篇幅能够搞定的。这里就简要叙述一下提供思路，想要实施的话可以去谷歌一下相关文章</p> <ol> <li>需要两台路由器，其中路由器A需要刷成openwrt固件，路由器B保持官方系统即可。</li> <li>路由器A的无线网卡作为ap接入校园网WiFi信号，在路由器A上进行网络认证，可以顺带执行网络自动认证、掉线检测自动重连等进阶操作。</li> <li>路由器B的wan口通过网线与路由器A的lan口相连，用户设备接入B路由器，可以通过有线和无线连接。</li> </ol> <p>这一种方法，好处是A路由器在桥接过程中不会建立与校园网AP相同信道的WiFi热点，不会对网络造成干扰，同时也可以自动认证和掉线检测，路由器被挤掉线也能很快地自动重新认证接入互联网。更进一步可以将两个宽带账号叠加共用，获得100M网络，起飞~</p> <p>{dotted startColor=#ff6c6c endColor=#1989fa/}</p>https://kanochan.net/posts/joe-theme-style-guide/https://kanochan.net/posts/joe-theme-style-guide/系统整理Joe主题支持的Markdown扩展样式与常用内容组件。Thu, 11 Mar 2021 00:00:00 GMT<p><img src="https://image.kanochan.net/Koisuru-Asteroid_800px_banner.jpg" alt="" /></p> <hr /> <p><strong>这是一段加粗文字</strong></p> <hr /> <p><em>这是一段斜体文字</em></p> <hr /> <blockquote><p>这里面的内容将会被引用</p></blockquote> <hr /> <ol> <li>列表项目</li> <li>列表项目</li> <li>列表项目</li> <li>列表项目</li> <li>列表项目</li> </ol> <hr /> <section><h1>标题1<a href="#标题1"><span>#</span></a></h1><section><h2>标题2<a href="#标题2"><span>#</span></a></h2><hr /><ul> <li> <p>列表项目</p> </li> <li> <p>列表项目</p> </li> <li> <p>列表项目</p> </li> <li> <p>列表项目</p> </li> <li> <hr /> </li> </ul><p>分割线</p><hr /><p>{card-default width=100% label=卡片标题} 卡片内容 卡片内容 卡片内容 {/card-default}</p><hr /><p>回复可见 {hide} 默认隐藏的内容 {/hide}</p><hr /><blockquote><p>几级标题就用几个#</p></blockquote></section></section> <section><h1>一级标题<a href="#一级标题"><span>#</span></a></h1><section><h2>二级标题<a href="#二级标题"><span>#</span></a></h2><section><h3>三级标题<a href="#三级标题"><span>#</span></a></h3><section><h4>四级标题<a href="#四级标题"><span>#</span></a></h4><section><h5>五级标题<a href="#五级标题"><span>#</span></a></h5><section><h6>六级标题<a href="#六级标题"><span>#</span></a></h6><hr /><p>插入代码段</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>echo 'Hello word';</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>行内代码 <code>Hello word</code></p><hr /><p>首行缩进</p><hr /><p>删除线</p><hr /><p>{x} 任务已完成 { } 任务未完成</p><hr /><p>{copy text=默认文本}点击复制{/copy}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@copy text="默认文本"}点击复制{/copy@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{mtitle}居中标题{/mtitle}</p><hr /><p>{message type=success}success提示内容{/message}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@message type="success"}success提示内容{/message@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{message type=info}info提示内容{/message}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@message type="info"}info提示内容{/message@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{message type=warning}warning提示内容{/message}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@message type="info"}warning提示内容{/message@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{message type=error}error提示内容{/message}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@message type="info"}error提示内容{/message@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{anote icon=Font Awesome图标 href=跳转地址 type=secondary}便条按钮{/anote}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@anote icon="Font Awesome图标" href="跳转地址" type="secondary"}便条按钮{/anote@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{anote icon=Font Awesome图标 href=跳转地址 type=success}便条按钮{/anote}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@anote icon="Font Awesome图标" href="跳转地址" type="success"}便条按钮{/anote@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{anote icon=Font Awesome图标 href=跳转地址 type=warning}便条按钮{/anote}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@anote icon="Font Awesome图标" href="跳转地址" type="warning"}便条按钮{/anote@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{anote icon=Font Awesome图标 href=跳转地址 type=error}便条按钮{/anote}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@anote icon="Font Awesome图标" href="跳转地址" type="error"}便条按钮{/anote@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{anote icon=Font Awesome图标 href=跳转地址 type=info}便条按钮{/anote}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@anote icon="Font Awesome图标" href="跳转地址" type="info"}便条按钮{/anote@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><hr /><p>{abtn icon=Font Awesome图标 color=#76EEC6 href=跳转地址 radius=5px}多彩按钮{/abtn}</p><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>@abtn icon="Font Awesome图标" color="#76EEC6" href="跳转地址" radius="5px"}多彩按钮{/abtn@</span></div></div></code></pre><div><div></div><div></div></div></figure></div><blockquote><p>附一个色值网站，可以方便寻找需要的颜色值 <a href="https://tool.oschina.net/commons?type=3" target="_blank">点击进入</a></p></blockquote></section></section></section></section></section></section>https://kanochan.net/posts/openwrt-samba-multi-interface/https://kanochan.net/posts/openwrt-samba-multi-interface/配置OpenWrt独立网口分流Samba流量，避免局域网传输占满主链路。Thu, 11 Mar 2021 00:00:00 GMT<p><img src="https://image.kanochan.net/cy9mapfcucf41.jpg" alt="" /></p> <section><h2>先上网络拓扑图<a href="#先上网络拓扑图"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2022/01/27/image.png" alt="image.png" title="image.png" /><figcaption>image.png</figcaption></figure><p></p><ul> <li>可以看到交换机和软路由之间只通过一天网线连接，网线接口速率为1G，局域网下的设备通过samba读取软路由上的文件时，可轻松跑满千兆带宽，会影响到正常的互联网使用。所以需要增加一个网口，并通过网线连接到交换机，用于提供文件服务。软路由的网口是独立的，而不像硬路由一样通过内置交换机来拓展网口。软路由的每一个网口都有独立的千兆带宽，交换机网口的带宽也是独立的，即交换机的任何一个网口跑满千兆带宽，有不影响其他网口数据的转发。</li> </ul></section> <section><h2>配置软路由网口<a href="#配置软路由网口"><span>#</span></a></h2><ul> <li>新建一个新的lan口，选择静态ip地址，这里以eth3网口作为输出口。</li> </ul><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpebjwqy.png" alt="kpebjwqy.png" title="kpebjwqy.png" /><figcaption>kpebjwqy.png</figcaption></figure> <figure><img src="https://image.kanochan.net/2021/06/02/kpebko6j.png" alt="kpebko6j.png" title="kpebko6j.png" /><figcaption>kpebko6j.png</figcaption></figure><p></p><p>关闭DHCP服务</p><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpeblaeb.png" alt="kpeblaeb.png" title="kpeblaeb.png" /><figcaption>kpeblaeb.png</figcaption></figure><p></p><ul> <li>设置防火墙</li> </ul><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpeblmri.png" alt="kpeblmri.png" title="kpeblmri.png" /><figcaption>kpeblmri.png</figcaption></figure><p></p><ul> <li>点击保存应用即可</li> </ul></section> <section><h2>配置samba共享<a href="#配置samba共享"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpeblwg9.png" alt="kpeblwg9.png" title="kpeblwg9.png" /><figcaption>kpeblwg9.png</figcaption></figure><p></p><ul> <li>将 <code>nterfaces = |INTERFACES|</code> 注释掉，在其下方添加刚才新建的网络出口eth3</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>#interfaces = |INTERFACES|</span></div></div><div><div><div>2</div></div><div><span>interfaces = eth3</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>完整配置如下</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>[global]</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>netbios name = |NAME|</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>display charset = |CHARSET|</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>#interfaces = |INTERFACES|</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>interfaces = eth3</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>server string = |DESCRIPTION|</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>unix charset = |CHARSET|</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>workgroup = |WORKGROUP|</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>bind interfaces only = yes</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>deadtime = 30</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>enable core files = no</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>invalid users = root</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>local master = yes</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>map to guest = Bad User</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>max protocol = SMB2</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>min receivefile size = 16384</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>null passwords = yes</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>passdb backend = smbpasswd</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>security = user</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>smb passwd file = /etc/samba/smbpasswd</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>socket options = TCP_NODELAY IPTOS_LOWDELAY</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>use sendfile = yes</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><ul> <li>保存并应用即可</li> </ul></section> <section><h2>修改路由器dns<a href="#修改路由器dns"><span>#</span></a></h2><ul> <li>经过上面的配置，现在已经可以通过 <code>//192.168.233.2</code> 来访问路由器的samba共享了。但我们希望能通过键入 <code>\\openwrt</code> 来访问，所以需要更改openwrt域名指向的ip</li> <li>在 <code>网络</code> - <code>DHCP/DNS</code> 中更改host</li> </ul><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpebm938.png" alt="kpebm938.png" title="kpebm938.png" /><figcaption>kpebm938.png</figcaption></figure><p></p><p>保存并应用即可</p><section><h3>完<a href="#完"><span>#</span></a></h3></section></section>https://kanochan.net/posts/typecho-tagshelper-plugin/https://kanochan.net/posts/typecho-tagshelper-plugin/通过Tagshelper插件为Typecho编辑页添加更便捷的标签选择功能。Tue, 23 Feb 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/85328018_p0.jpg" alt="pid：853280" title="pid：853280" /><figcaption>pid：853280</figcaption></figure><p></p> <section><h5>效果如下<a href="#效果如下"><span>#</span></a></h5><ul> <li>开启前</li> </ul><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpebgid4.png" alt="kpebgid4.png" title="kpebgid4.png" /><figcaption>kpebgid4.png</figcaption></figure><p></p><ul> <li>开启后</li> </ul><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpebgwtz.png" alt="kpebgwtz.png" title="kpebgwtz.png" /><figcaption>kpebgwtz.png</figcaption></figure><p></p></section>https://kanochan.net/posts/typecho-memorial-day-gray/https://kanochan.net/posts/typecho-memorial-day-gray/使用纪念日插件在特定日期为Typecho网站启用全局灰色模式。Mon, 22 Feb 2021 00:00:00 GMT<p><img src="https://image.kanochan.net/20210318211225.png" alt="" /></p> <hr /> <ol> <li>从 <a href="https://github.com/sy-records/MemorialDay" target="_blank">Github</a>下载源码，将源码上传到 Typecho 插件目录 usr/plugins 下</li> <li>修改插件文件名为MemorialDay</li> <li>后台启用插件（文件夹名称未修改会报错无法启用）</li> <li>设置日期，格式为月-日，如：0222，即为2月22日全天启用灰色页面</li> </ol> <p><img src="https://image.kanochan.net/2021/06/02/kpeb95pv.png" alt="" /></p> <p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpeb9ste.png" alt="效果图，全局有效" title="效果图，全局有效" /><figcaption>效果图，全局有效</figcaption></figure><p></p>https://kanochan.net/posts/windows-filebrowser-http-server/https://kanochan.net/posts/windows-filebrowser-http-server/在Windows上使用Filebrowser搭建文件服务器，并配合frp实现公网访问。Mon, 22 Feb 2021 00:00:00 GMT<p></p><figure><img src="https://image.kanochan.net/65595167_p0.jpg" alt="pid：655951" title="pid：655951" /><figcaption>pid：655951</figcaption></figure><p></p> <section><h2>前言<a href="#前言"><span>#</span></a></h2><ul> <li>在局域网的环境中，我们通常使用Smb共享文件，可以便携地从包括移动设备在内的其他设备访问电脑的文件。而一旦脱离了本地局域网环境，共享文件将变得不再方便。使用File browser搭建http文件服务器，配合frp内网穿透，可以很好地解决这个问题，随时随地在任何网络下访问你的电脑文件。</li> </ul></section> <section><h2>介绍<a href="#介绍"><span>#</span></a></h2><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpebbihz.png" alt="kpebbihz.png" title="kpebbihz.png" /><figcaption>kpebbihz.png</figcaption></figure><p></p><ul> <li>File Browser 是一个基于 Web的文件管理器。它可以使你随时随地的对设备的文件进行基本的管理操作，如：创建、删除、移动、复制等。它除了可以让你进行文件管理之外，还有一些其他的功能。它支持多个用户的管理，而且每个用户可以拥有自己可以访问的文件和权限。它还支持文件分享，就行网盘那样，你可以通过它来向你的朋友分享文件。File Browser 适用于全平台，任何操作系统都可以安装它，项目地址：<a href="https://github.com/filebrowser/filebrowser" target="_blank">https://github.com/filebrowser/filebrowser</a></li> </ul></section> <section><h2>安装<a href="#安装"><span>#</span></a></h2><ul> <li>前往GitHub File browser项目，传送门：<a href="https://github.com/filebrowser/filebrowser" target="_blank">https://github.com/filebrowser/filebrowser</a></li> <li>下载适合Windows平台的File browser</li> </ul><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpebdak9.png" alt="kpebdak9.png" title="kpebdak9.png" /><figcaption>kpebdak9.png</figcaption></figure><p></p><p>选择Windows amd64平台文件，点击即可下载 </p><figure><img src="https://image.kanochan.net/2021/06/02/kpebdtd2.png" alt="kpebdtd2.png" title="kpebdtd2.png" /><figcaption>kpebdtd2.png</figcaption></figure> 将下载好的文件解压到合适的位置 <figure><img src="https://image.kanochan.net/2021/06/02/kpebeah3.png" alt="kpebeah3.png" title="kpebeah3.png" /><figcaption>kpebeah3.png</figcaption></figure> 可以看到File browser主程序，这时先不急着打开，需要先配置文件。<p></p></section> <section><h2>配置File browser启动文件<a href="#配置file-browser启动文件"><span>#</span></a></h2><ul> <li>启动cmd命令行窗口（以下命令均在cmd窗口中执行）</li> <li>跳转到程序所在目录（ <code>cd</code> + <code>空格</code>+ <code>文件夹路径</code> 即可跳转到指定路径 ）</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>cd C:\Users\liuju\Desktop\Filebrowser %将C:\Users\liuju\Desktop\Filebrowser文件夹路径替换为你文件所在的路径%</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>创建File browser运行数据库</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>filebrowser.exe config init</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>以下为完整过程</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>C:\Users\liuju&gt;cd C:\Users\liuju\Desktop\Filebrowser</span></div></div><div><div><div>2</div></div><div> </div></div><div><div><div>3</div></div><div><span>C:\Users\liuju\Desktop\Filebrowser&gt;filebrowser.exe config init</span></div></div><div><div><div>4</div></div><div> </div></div><div><div><div>5</div></div><div><span>Congratulations! You've set up your database to use with File Browser.</span></div></div><div><div><div>6</div></div><div><span>Now add your first user via 'filebrowser users add' and then you just</span></div></div><div><div><div>7</div></div><div><span>need to call the main command to boot up the server.</span></div></div><div><div><div>8</div></div><div><span>Sign up: false</span></div></div><div><div><div>9</div></div><div><span>Create User Dir: false</span></div></div><div><div><div>10</div></div><div><span>Auth method: json</span></div></div><div><div><div>11</div></div><div><span>Shell:</span></div></div><div><div><div>12</div></div><div> </div></div><div><div><div>13</div></div><div><span>Branding:</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>Name:</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>Files override:</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>Disable external links: false</span></div></div><div><div><div>17</div></div><div> </div></div><div><div><div>18</div></div><div><span>Server:</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>Log: stdout</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>Port: 8080</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>Base URL:</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>Root: .</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>Socket:</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>Address: 127.0.0.1</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>TLS Cert:</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>TLS Key:</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>Exec Enabled: false</span></div></div><div><div><div>28</div></div><div> </div></div><div><div><div>29</div></div><div><span>Defaults:</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>Scope: .</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>Locale: en</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>View mode: list</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>Single Click: false</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>Commands:</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>Sorting:</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>By: name</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>Asc: false</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>Permissions:</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>Admin: false</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>Execute: true</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>Create: true</span></div></div><div><div><div>42</div></div><div><span><span> </span></span><span>Rename: true</span></div></div><div><div><div>43</div></div><div><span><span> </span></span><span>Modify: true</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>Delete: true</span></div></div><div><div><div>45</div></div><div><span><span> </span></span><span>Share: true</span></div></div><div><div><div>46</div></div><div><span><span> </span></span><span>Download: true</span></div></div><div><div><div>47</div></div><div> </div></div><div><div><div>48</div></div><div><span>Auther configuration (raw):</span></div></div><div><div><div>49</div></div><div> </div></div><div><div><div>50</div></div><div><span>{</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>"recaptcha": null</span></div></div><div><div><div>52</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><ul> <li>可以看到文件夹里多了一个名为filebrowser.db的文件，这就是File browser的数据库文件</li> </ul><p></p><figure><img src="https://image.kanochan.net/2021/06/02/kpebezkr.png" alt="kpebezkr.png" title="kpebezkr.png" /><figcaption>kpebezkr.png</figcaption></figure><p></p><ul> <li>到处Fb配置文件以便于修改</li> </ul><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>filebrowser.exe config export config.json</span></div></div></code></pre><div><div></div><div></div></div></figure></div><ul> <li>打开文件夹里新增的config.json文件，没有代码软件条件的用记事本打开即可</li> </ul><div><div><div><figure><figcaption></figcaption><pre><code><div><div><div>1</div></div><div><span>{</span></div></div><div><div><div>2</div></div><div><span><span> </span></span><span>"settings": {</span></div></div><div><div><div>3</div></div><div><span><span> </span></span><span>"key": "RcOpWckt4IikHKl0hUgx/jA2e5ozUefillh16+LPbm7praxEn+4nnrlSNvs4+Yvf9J5sybymNfk5X9W4ESocQg==",</span></div></div><div><div><div>4</div></div><div><span><span> </span></span><span>"signup": false,</span></div></div><div><div><div>5</div></div><div><span><span> </span></span><span>"createUserDir": false,</span></div></div><div><div><div>6</div></div><div><span><span> </span></span><span>"defaults": {</span></div></div><div><div><div>7</div></div><div><span><span> </span></span><span>"scope": ".",</span></div></div><div><div><div>8</div></div><div><span><span> </span></span><span>"locale": "en", //这里修改语言，改成zh-cn即为简体中文</span></div></div><div><div><div>9</div></div><div><span><span> </span></span><span>"viewMode": "list",</span></div></div><div><div><div>10</div></div><div><span><span> </span></span><span>"singleClick": false,</span></div></div><div><div><div>11</div></div><div><span><span> </span></span><span>"sorting": {</span></div></div><div><div><div>12</div></div><div><span><span> </span></span><span>"by": "name",</span></div></div><div><div><div>13</div></div><div><span><span> </span></span><span>"asc": false</span></div></div><div><div><div>14</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>15</div></div><div><span><span> </span></span><span>"perm": {</span></div></div><div><div><div>16</div></div><div><span><span> </span></span><span>"admin": false,</span></div></div><div><div><div>17</div></div><div><span><span> </span></span><span>"execute": true,</span></div></div><div><div><div>18</div></div><div><span><span> </span></span><span>"create": true,</span></div></div><div><div><div>19</div></div><div><span><span> </span></span><span>"rename": true,</span></div></div><div><div><div>20</div></div><div><span><span> </span></span><span>"modify": true,</span></div></div><div><div><div>21</div></div><div><span><span> </span></span><span>"delete": true,</span></div></div><div><div><div>22</div></div><div><span><span> </span></span><span>"share": true,</span></div></div><div><div><div>23</div></div><div><span><span> </span></span><span>"download": true</span></div></div><div><div><div>24</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>25</div></div><div><span><span> </span></span><span>"commands": [],</span></div></div><div><div><div>26</div></div><div><span><span> </span></span><span>"hideDotfiles": false</span></div></div><div><div><div>27</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>28</div></div><div><span><span> </span></span><span>"authMethod": "json",</span></div></div><div><div><div>29</div></div><div><span><span> </span></span><span>"branding": {</span></div></div><div><div><div>30</div></div><div><span><span> </span></span><span>"name": "",</span></div></div><div><div><div>31</div></div><div><span><span> </span></span><span>"disableExternal": false,</span></div></div><div><div><div>32</div></div><div><span><span> </span></span><span>"files": "",</span></div></div><div><div><div>33</div></div><div><span><span> </span></span><span>"theme": ""</span></div></div><div><div><div>34</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>35</div></div><div><span><span> </span></span><span>"commands": {</span></div></div><div><div><div>36</div></div><div><span><span> </span></span><span>"after_copy": [],</span></div></div><div><div><div>37</div></div><div><span><span> </span></span><span>"after_delete": [],</span></div></div><div><div><div>38</div></div><div><span><span> </span></span><span>"after_rename": [],</span></div></div><div><div><div>39</div></div><div><span><span> </span></span><span>"after_save": [],</span></div></div><div><div><div>40</div></div><div><span><span> </span></span><span>"after_upload": [],</span></div></div><div><div><div>41</div></div><div><span><span> </span></span><span>"before_copy": [],</span></div></div><div><div><div>42</div></div><div><span><span> </span></span><span>"before_delete": [],</span></div></div><div><div><div>43</div></div><div><span><span> </span></span><span>"before_rename": [],</span></div></div><div><div><div>44</div></div><div><span><span> </span></span><span>"before_save": [],</span></div></div><div><div><div>45</div></div><div><span><span> </span></span><span>"before_upload": []</span></div></div><div><div><div>46</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>47</div></div><div><span><span> </span></span><span>"shell": [],</span></div></div><div><div><div>48</div></div><div><span><span> </span></span><span>"rules": []</span></div></div><div><div><div>49</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>50</div></div><div><span><span> </span></span><span>"server": {</span></div></div><div><div><div>51</div></div><div><span><span> </span></span><span>"root": ".",</span></div></div><div><div><div>52</div></div><div><span><span> </span></span><span>"baseURL": "",</span></div></div><div><div><div>53</div></div><div><span><span> </span></span><span>"socket": "",</span></div></div><div><div><div>54</div></div><div><span><span> </span></span><span>"tlsKey": "",</span></div></div><div><div><div>55</div></div><div><span><span> </span></span><span>"tlsCert": "",</span></div></div><div><div><div>56</div></div><div><span><span> </span></span><span>"port": "8080", //这里修改监听的端口</span></div></div><div><div><div>57</div></div><div><span><span> </span></span><span>"address": "127.0.0.1", //这里修改监听的IP地址，改为0.0.0.0即为监听所有地址，包括127.0.0.1和路由器分配的ip</span></div></div><div><div><div>58</div></div><div><span><span> </span></span><span>"log": "stdout",</span></div></div><div><div><div>59</div></div><div><span><span> </span></span><span>"enableThumbnails": false,</span></div></div><div><div><div>60</div></div><div><span><span> </span></span><span>"resizePreview": false,</span></div></div><div><div><div>61</div></div><div><span><span> </span></span><span>"enableExec": false</span></div></div><div><div><div>62</div></div><div><span><span> </span></span><span>},</span></div></div><div><div><div>63</div></div><div><span><span> </span></span><span>"auther": {</span></div></div><div><div><div>64</div></div><div><span><span> </span></span><span>"recaptcha": null</span></div></div><div><div><div>65</div></div><div><span><span> </span></span><span>}</span></div></div><div><div><div>66</div></div><div><span>}</span></div></div></code></pre><div><div></div><div></div></div></figure><div></div></div><span>展开</span><span>收起</span></div></div><hr /><p>{message type=info}未完待续…{/message}</p></section>https://kanochan.net/posts/typecho-github-image-hosting/https://kanochan.net/posts/typecho-github-image-hosting/介绍如何在Typecho中使用GitHub图床并配置相关插件以优化图片存储。Sun, 21 Feb 2021 00:00:00 GMT<blockquote><p>把大象放冰箱一共分为几步 </p><figure><img src="https://image.kanochan.net/535625.jpg" alt="Pixiv ID：535625" /><figcaption>Pixiv ID：535625</figcaption></figure><p></p></blockquote> <section><h3>注册GitHub账号并开启仓库用于存放图片<a href="#注册github账号并开启仓库用于存放图片"><span>#</span></a></h3><p><a href="https://www.cnblogs.com/ly-2019/p/11828790.html" target="_blank">https://www.cnblogs.com/ly-2019/p/11828790.html</a></p></section> <section><h3>部署typecho的GitHub图床插件<a href="#部署typecho的github图床插件"><span>#</span></a></h3><p><a href="https://www.vvhan.com/githubimg.html?jscroll=comments" target="_blank">用github做图床的一款typecho插件—GitStatic</a> GitHub地址：<a href="https://github.com/uxiaohan/GitStatic" target="_blank">https://github.com/uxiaohan/GitStatic</a></p></section>https://kanochan.net/posts/welcome-to-kanochan-blog/https://kanochan.net/posts/welcome-to-kanochan-blog/欢迎访问Kano酱的个人博客，开启记录生活与技术的新篇章。Fri, 19 Feb 2021 00:00:00 GMT<blockquote><p>这是一条欢迎信息！</p></blockquote> <ul> <li><a href="https://kanochan.net/about/">关于本站</a></li> <li><a href="https://kanochan.net/friends/">友链申请</a></li> </ul> <p></p><figure><img src="https://image.kanochan.net/2022/04/25/1650859012418.png" alt="1650859012418.png" /><figcaption>1650859012418.png</figcaption></figure><p></p>