喵落阁 http://preview.tangly1024.com/ 克喵的博客 Wed, 03 Sep 2025 13:56:32 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed zh-CN All rights reserved 2025, 克喵爱吃卤面 <![CDATA[Hexo-备忘]]> http://preview.tangly1024.com/article/hexo-beiwang http://preview.tangly1024.com/article/hexo-beiwang Wed, 20 Aug 2025 00:00:00 GMT

Hexo 备忘

我的配置

  1. Hexo 版本: hexo-cli: 4.3.2, hexo: 7.3.0(当前最新)
  1. Node.js 版本: 22.16.0
  1. Git 版本: 2.47.0.sindows.2
  1. PNPM 版本: 10.12.4
  1. Windows 版本: 11

安装 Node.js

  1. 在 官网 安装 LTS 版本，电脑一般来说内存足够直接在 C 盘即可，当然，换路径也可以，我反正正常下载换路径，没什么问题。
  1. 安装完成后，检查是否安装成功。在键盘按下 win + R 键，输入 CMD，然后回车，打开 CMD 窗口，执行 node -v 命令，看到版本信息，则说明安装成功。

安装 Git

在 官网 安装最新版本的 64-bit Git for Windows Setup 安装包。
安装完成后，在命令行输入 git --version，如果显示版本号，则说明安装成功。

常用命令

配置 Git 用户名和邮箱

安装 包管理器

安装 npm 为一切的基石，一般来说，你安装了 node，也相当于你安装了 npm，通过一下命令来验证：
修改 npm 源。npm 下载各种模块，默认是从国外服务器下载，速度较慢，建议配置成淘宝镜像。打开 CMD 窗口，运行如下命令:

安装 pnpm

pnpm 是一个快速、节省磁盘空间的包管理器，类似于 npm 和 yarn。安装 pnpm 可以通过以下命令：
为什么选择 pnpm？因为它的安装速度快，依赖管理更高效，且相对于 npm，我使用 npm 容易失败且慢，pnpm 给我的体验更好。

安装 Hexo

  1. 在 Git BASH 输入如下命令安装 Hexo：
  1. 安装完后输入 hexo -v 验证是否安装成功。

Github配置

上述操作是前提，接下来是配置 Github。
注册 github 就不说了，很基础的东西，连我个代码小白都懂就不多说了。 ### 创建仓库 1. 登录 GitHub，点击右上角的 + 号，选择 New repository。 2. 填写仓库名称，建议使用 <username>.github.io 格式（例如：yourusername.github.io），这样可以直接作为个人主页。
这里我不准备直接使用常规的 hexo deploy 命令来部署到 GitHub Pages，因为当你的文章一多，生成时间就会繁琐，这里的建议是使用 Github Actions 来自动部署。
这一部分的教程是源于 店长的文章，但是有点老旧了，于是我做了点更改（这里的图片来源于 安知鱼）：
  1. 首先要创建一个放置源码的私有仓库，以下称之为 hexo-source，
  1. 然后要生成一个 Github 密钥：
访问 Github-> 头像（右上角）-> Settings-> Developer Settings-> Personal access tokens-> generate new token, 创建的 Token 名称随意，但必须勾选 repo 项 和 workflows 项。
点击 链接 前往生成
notion image
notion image
[!NOTE]
!!! token 只会显示这一次，之后将无法查看，所以务必保证你已经记录下了 Token。之后如果忘记了就只能重新生成重新配置了。
  1. 在 hexo-source 仓库中的设置里点击设置 -> action -> General -> 工作流程权限
      • 勾选 Read and write permissions，并且勾选 Allow <span style="background:#FF0000;"></span>all actions and reusable workflows。
  1. 在设置里 -> Secrets and variables -> Actions -> New repository secret 添加
  • GITHUBTOKEN：放置你刚才生成的 Token。

上述是前置条件，接下来要先部署 hexo，你才好继续下一步。

初始化 Hexo

  1. 在本地新建一个文件夹，例如 hexo-solitude。
  1. 这里我是用的是 vscode 打开该文件夹，然后在终端输入以下命令来初始化 Hexo：
我一般都不填，直接在文件下下就可以开始，如果你添加了项目名称，那么下一步就是：
  1. 安装依赖包：
然后就是选择你想要的主题，这里我使用的是Solitude，具体的配置不细讲，我只讲一部分：
首先就是基本的安装，这里还是选择git clone没有别的原因，主要还是会改点源码，不想改的直接pnpm下载即可：
然后在_config.yml里修改成：

配置

下列代码是我的备忘：
博客的其他修改基本就是来自教程和一些博主的网站。

插件

  1. 基础依赖 hexo-renderer-pug
  1. 字数统计 hexo-wordcount
配置里修改：
  1. 数学公式 卸载 hexo-render-marked
安装 hexo-renderer-markdown-it katex @renbaoshuo/markdown-it-katex
配置里修改
添加以下内容到 _config.yml
开启配置项
  1. PWA 安装 hexo-swpp 和 swpp-backends 插件
在博客根目录执行
开启配置
在_config.yml里添加swpp配置
在 source 目录中创建 manifest.json 文件
在博客根目录创建一个 sw-rules.js 文件
  1. hexo-deploy-git 提交到git的插件
  1. hexo-generator-feed hexo的rss插件
  1. hexo 的短链接: hexo-abbrlink
在_config.yml里修改：
添加:
  1. 博客的sitemap : hexo-generator-sitemap
在_config.yml里添加配置：
  1. 使用algolia搜索 : hexo-algoliasearch
  • 注册algolia：
注册地址：dashboard.algolia.com/users/sign_up
  • 创建应用：
注册成功后创建应用：dashboard.algolia.com/account/plan/create?from=dashboard
  • search -> configure -> index添加index_name即可
在博客执行命令：
_config.yml里添加
 
!!!配置完成后记得运行 hexo clean
在hexo g后实行下列代码：
  1. hexo-safego安全跳转插件
使用该插件之前，需要先安装 cheerio，cheerio 是一个轻量级的库，用于在服务器端快速、灵活地实现 jQuery 核心功能。在 hexo-safego 插件中，cheerio 被用来解析和操作生成的静态 HTML 内容，类似于在浏览器中使用 jQuery 处理 DOM 元素。这使得插件能够在生成静态页面时，处理和替换外部链接，增强博客的安全性，而不需要在客户端引入 jQuery。Hexo 一般都有这个插件，可以在 node_modules 查看，如果没有，请先执行：
然后即可安装该插件：
在hexo根目录的_config.yml文件中添加以下配置：
  1. hexo的追番页面：hexo-bilibili-bangumi
在_config.yml配置：
还在更新中。。。

Github action配置

承接段落的继续吧，未来会在出水一期。
接下来就是创建一个私有仓库，根据大佬的文章，是为了保护Token，见仁见智。
这个私有仓库的建立是存储Hexo博客代码，如果你要使用Qexo
，这也是必不可少的！
notion image
创建完成后，需要把博客的源码 push 到这里。首先获取远程仓库地址，此处虽然 SSH 和 HTTPS 均可。SSH 在绑定过 ssh key 的设备上无需再输入密码，HTTPS 则需要输入密码，但是 SSH 偶尔会遇到端口占用的情况。请自主选择。
notion image
这里之所以是私有仓库，是因为在接下来的配置中会用到 Token，如果 Token 被盗用，别人可以肆意操作你的 github 仓库内容，为了避免这一风险，才选择的博客源码闭源。

配置 Github Action

  1. 在[Blogroot]新建.github文件夹,注意开头是有个.的。然后在.github 内新建 workflows 文件夹，再在 workflows 文件夹内新建 autodeploy.yml,在[Blogroot]/.github/workflows/autodeploy.yml 里面输入
上述代码是来自店长的修改自用，为什么不用安知鱼的？
  1. 首先把Token直接放在仓库的文件里还是不太好。
  1. 像我这种在本地搞的，推不到仓库里，因为这里的token不能直接上传，我尝试过把token:改成token: ${{ servets.GH_token }}，但是依旧有各种问题，相反使用了店长的代码后，就大差不差，询问AI后就得到目前的代码，也就可以正式上传了。（无拉踩的意思）
  1. 之后需要自己到仓库的 Settings->Secrets->actions 下添加环境变量，变量名参考脚本中出现的，依次添加。
notion image

重新设置远程仓库和分支

🍼第一次使用git管理博客源码
  1. 删除或者先把[Blogroot]/themes/solitude/.git移动到非博客文件夹目录下,原因是主题文件夹下的.git文件夹的存在会导致其被识别成子项目，从而无法被上传到源码仓库。
  1. 在博客根目录[Blogroot]路径下运行指令:
    1. 添加屏蔽项
      2. 如果不是solitude主题，记得替换最后一行内容为你自己当前使用的主题。
    2. 之后再运行 git 提交指令，将博客源码提交到 github 上。
    3. 此时你的主题文件夹若已经被正常上传，并且你也添加了主题文件夹下的.git 文件夹的屏蔽项。那你可以考虑把第二步移走或删除的.git放回来，用作以后升级。（不禁怀疑真的有人会去用这个方式来升级吗）
🍾曾经做过git管理源码的操作
  1. 添加屏蔽项
因为能够使用指令进行安装的内容不包括在需要提交的源码内，所有我们需要将这些内容添加到屏蔽项，表示不上传到 github 上。这样可以显著减少需要提交的文件量和加快提交速度。
如果不是solitude主题，记得替换最后一行内容为你自己当前使用的主题。
  1. 提交源码到私有仓库[SourceRepo]
在博客根目录[Blogroot]下启动终端，使用 git 指令重设仓库地址。这样在新建仓库，我们仍旧可以保留珍贵的 commit history，便于版本回滚。
  1. 可能遇到的 bug
因为 solitude 主题文件夹下的.git 文件夹的存在，那么主题文件夹会被识别子项目。从而无法被上传到源码仓库。若是遇到添加屏蔽项，但是还是无法正常上传主题文件夹的情况。请先将本地源码中的 themes 文件夹移动到别的目录下。然后 commit 一次。接着将 themes 文件夹移动回来，再 commit 一次
要是还不行，那就删了 solitude 主题文件夹下的.git 文件夹，然后再重复上述的 commit 操作。

挖坑

大致写到这，未来或许会有下一章挖坑？但是目前通用的就到这，然后后续会写Qexo的简单使用方法、solitude的一些配置更改和我踩坑经历吧。
 
]]> <![CDATA[Umami统计部署]]> http://preview.tangly1024.com/article/umami-deploy http://preview.tangly1024.com/article/umami-deploy Sun, 06 Apr 2025 00:00:00 GMT

第一部分：Vercel+Umami

  1. 第一步1.2 创建项目
      2. 1.1 Forkumami到自己的Github仓库
      notion image
      notion image
  1. 第二步
2.1 创建Vercel账号，这里我就省略了，因为GitHub可以直接进行授权即可。
2.2 在你授权以后，首先创建Postgres数据库，直接一路下一步，创建好就行，可以给下面的连接复制出来
notion image
notion image
点击Copy Snippet,就可以，记住在粘贴的时候是我画线里面的部分，双引号都不需要 ，因为要设置环境变量。
2.3 在创建好数据库以后，回到主页面的Overview，然后右上角有一个Add New选择添加Project，选择你Fork的umami，添加即可。 2.4 设置环境变量，DATABASE_URL和HASH_SALT和TRACKER_SCRIPT_NAME，其中DATABASE_URL的值就是上面划线的部分，其他的两个环境变量都是对应的值是String自己可以随意定义。 　　 2.5 设置好以后点击Deploy，等待大约两分钟左右，自动部署完成，部署完成以后可以通过下图种面板上面给的链接可以直接访问。
notion image
2.6 打开以后会跳出登录地址，默认的登录密码是adminumami，登录进去以后，设置给自己密码修改了，然后就是设置里面添加网站，给你要统计的网站添加进去，到此，别人访问你的网站你可以通过面板看到统计数据了。

第二部分：Umami+Cloudflare worker这一部分主要是让你的博客上面能展示的访问数据，效果如下：

notion image
image
  1. 注册账号，然后进去以后，选择和，点击，再点击
      2. CloudFlare
      Workers
      Pages
      创建
      部署
notion image
notion image
部署以后，进去点击编辑代码，将里面的代码进行替换：
但是里面有几个比较重要的参数需要修改API_BASE_URL、TOKEN、WEBSITE_ID其中API_BASE_URL和WEBSITE_ID已经是有的，WEBSITE_ID在umami中的设置，选择你已经添加好的网站，点击编辑，会出现网站的WEBSITE_ID：
notion image
2.2 获取token，在想api测试网站，hoppscotch，跳转到这个页面以后，如下图所示
notion image
2.2.1 请求方式选择post，链接填写方式是：
2.2.2 请求体选择Body参数格式选择application/json
2.2.3 返回结果中token里面的内容就是需要的token
到这里，你部署api所需要的所有参数内容都已经有了，给替换进去即可。
2.3 测试在你部署好以后，会有一个链接，当然你如果是用cloudflare代理你的域名，可以直接进行关联。
notion image
然后点击或则是复制粘贴到浏览器，请求以后会出来下面的结果：
notion image
如果没有结果，建议你先去你部署的umami面板里面看看有没有数据，有数据的情况下，这里请求都会有数据的，清理浏览器缓存开代理在测试。

第三部分：添加博客统计

将数据添加到about页面
配置完成~
感谢starsharbor大佬博客的指导，原文

作者原文

作者: Couture
链接: https://www.coutures.top/posts/27233.html
来源: Couture
著作权归作者所有。 商业转载请联系作者获得授权，非商业转载请注明出处。
]]> <![CDATA[来将 Telegram 当音乐播放器吧！]]> http://preview.tangly1024.com/article/telegram-music http://preview.tangly1024.com/article/telegram-music Thu, 15 May 2025 00:00:00 GMT

来将 Telegram 当音乐播放器吧！（寻找音乐、即时歌词、无损音乐不失真压缩）

步骤一：到 @music_v1bot 下载歌曲，并找到歌词

输入指令： /search （你想要的歌名）
notion image

步骤二：下载 MT 管理器（点我）

开启：下载好的歌词文件
notion image

步骤三：最右上角、搜索>勾选正则化，替换（全部替换）

输入：[(:).]
替换：$1
注意："$1"后面要加一个空格(英文)。
notion image
代码作者：Aric
并将选取好的歌词，粘贴到音乐文件就完成了。

（我是范例-点我查看）

须知
使用：“.FLAC“格式的音乐文件，有时候不能正常显示歌词时间轴，是正常的，所以你可能要转换特定的格式，如.mp3，或是.ogg 或.m4a 的歌曲。
→ 如果你对音乐品质有极致追求，也有电脑 🖥️，我个人极度推荐使用 dBpowerAMP 这类型工具，将无损音乐格式转换成 m4a （水果的算法：QAAC 编码的音乐），目前可以算是当今世界上最好的压缩算法，在通讯界享有盛名，且压缩后可以到接近百分之百还原。（甚至连对音乐/声学研究的职业工作者都讚叹不已）笔者强烈推荐，只叹手机没有类似的软件。专门转成 QAAC 编码的。

🖥️ 电脑版 dBpowerAMP 下载/教学请点我

notion image
 

拓展

以上是原文内容，如果你改了音乐格式失去了原本的封面，歌手等等东西，一般来说是不妨碍什么的，如果你一定要改的话，可以使用音乐标签。具体使用很简单，我不多赘述，给个视频你就大致明白了：
同时，如果你想更换音乐格式，有很多种方法，以下给一个网站。

原文链接

https://telegra.ph/Telegram-Real-Time-sync-lyrics-05-14
]]> <![CDATA[Markdown 强调语法]]> http://preview.tangly1024.com/article/markdown-qiangdiao http://preview.tangly1024.com/article/markdown-qiangdiao Thu, 17 Jul 2025 00:00:00 GMT
原文链接: https://markdown.com.cn/basic-syntax/emphasis.html

Markdown 强调语法

通过将文本设置为粗体或斜体来强调其重要性。

粗体（Bold）

要加粗文本，请在单词或短语的前后各添加两个星号（asterisks）或下划线（underscores）。如需加粗一个单词或短语的中间部分用以表示强调的话，请在要加粗部分的两侧各添加两个星号（asterisks）。
Markdown语法
HTML
预览效果
I just love **bold text**.
I just love <strong>bold text</strong>.
I just love bold text.
I just love __bold text__.
I just love <strong>bold text</strong>.
I just love bold text.
Love**is**bold
Love<strong>is</strong>bold
Love is bold

粗体（Bold）用法最佳实践

Markdown 应用程序在如何处理单词或短语中间的下划线上并不一致。为兼容考虑，在单词或短语中间部分加粗的话，请使用星号（asterisks）。
✅ Do this
❌ Don’t do this
Love**is**bold
Love__is__bold

斜体（Italic）

要用斜体显示文本，请在单词或短语前后添加一个星号（asterisk）或下划线（underscore）。要斜体突出单词的中间部分，请在字母前后各添加一个星号，中间不要带空格。
Markdown语法
HTML
预览效果
This text is ***really important***.
This text is <strong><em>really important</em></strong>.
This text is really important.
This text is ___really important___.
This text is <strong><em>really important</em></strong>.
This text is really important.
This text is __*really important*__.
This text is <strong><em>really important</em></strong>.
This text is really important.
This text is **_really important_**.
This text is <strong><em>really important</em></strong>.
This text is really important.
This is really***very***important text.
This is really<strong><em>very</em></strong>important text.
This is really very important text.

粗体（Bold）和斜体（Italic）用法的最佳实践

Markdown 应用程序在处理单词或短语中间添加的下划线上并不一致。为了实现兼容性，请使用星号将单词或短语的中间部分加粗并以斜体显示，以示重要。
✅ Do this
❌ Don’t do this
This is really***very***important text.
This is really___very___important text.
]]> <![CDATA[Markdown 换行语法]]> http://preview.tangly1024.com/article/markdown-huanhang http://preview.tangly1024.com/article/markdown-huanhang Sat, 28 Jun 2025 00:00:00 GMT
原文链接: https://markdown.com.cn/basic-syntax/line-breaks.html

Markdown 换行语法

在一行的末尾添加两个或多个空格，然后按回车键,即可创建一个换行(<br>)。
Markdown语法
HTML
预览效果
This is the first line. And this is the second line.
<p>This is the first line.<br>And this is the second line.</p>
ㅤ

换行（Line Break）用法的最佳实践

几乎每个 Markdown 应用程序都支持两个或多个空格进行换行，称为 结尾空格（trailing whitespace) 的方式，但这是有争议的，因为很难在编辑器中直接看到空格，并且很多人在每个句子后面都会有意或无意地添加两个空格。由于这个原因，你可能要使用除结尾空格以外的其它方式来换行。幸运的是，几乎每个 Markdown 应用程序都支持另一种换行方式：HTML 的 <br> 标签。
为了兼容性，请在行尾添加“结尾空格”或 HTML 的 <br> 标签来实现换行。
还有两种其他方式我并不推荐使用。CommonMark 和其它几种轻量级标记语言支持在行尾添加反斜杠 (\) 的方式实现换行，但是并非所有 Markdown 应用程序都支持此种方式，因此从兼容性的角度来看，不推荐使用。并且至少有两种轻量级标记语言支持无须在行尾添加任何内容，只须键入回车键（return）即可实现换行。
✅ Do this
❌ Don’t do this
First line with two spaces after. And the next line.
First line with a backslash after.\ And the next line.
First line with the HTML tag after.<br> And the next line.
First line with nothing after. And the next line.
]]> <![CDATA[资源分享：涂鹿Toolooz]]> http://preview.tangly1024.com/article/zyfx-toolooz http://preview.tangly1024.com/article/zyfx-toolooz Mon, 19 May 2025 00:00:00 GMT

涂鹿Toolooz：曲线文字绘制设计工具，轻松创建沿任意路径排布的精美文字

涂鹿Toolooz，在线曲线文字绘制工具，可使文字沿任意路径排列，打造独特视觉效果。为您的徽标、标题、艺术作品赋予生命力与创意。
支持自定义画布尺寸、文本内容、字体、间距、颜色、描边等，还支持多个绘图工具和选择文本是否重复，可导出为 PNG、WebP 和 SVG 格式，免费使用，无需注册。

网站介绍

截图

notion image

特色

自由绘制路径

使用鼠标或触控笔自由绘制路径，或选择预设形状如圆形、方形、椭圆等，轻松创建文字轨迹。

文本样式丰富

自定义字体、大小、颜色、间距等属性，支持文本背景带，打造丰富多样的文字效果。

交互式编辑

直观的选择、移动、缩放和旋转功能，让您精确控制每个文字路径的位置和外观。

灵活配置

自定义画布尺寸、背景色、缩放级别等，适应各种设计场景和需求。

多格式导出

将设计导出为PNG、SVG或WEBP格式，可自定义分辨率和尺寸，轻松应用于各种场景。

模板库

内置多种精美模板，一键应用，快速开始您的创意设计项目

应用场景

涂鹿曲线文字绘制设计工具适用于多种创意设计
创建独特的环形或自定义形状品牌徽标，增强品牌视觉识别度。#社交媒体 #创意设计
为社交媒体平台设计吸引眼球的曲线文字图片，提高内容吸引力。创意海报设计
创建个性化海报和宣传材料，为活动和产品增添创意元素。

网站链接

https://toolooz.com

原文链接

https://www.appmiao.com/836/
]]>