ABLOG on kellehod的博客

Claude Code + GLM-4.6 使用体验

Sat, 11 Oct 2025 11:32:39 +0800

声明

这篇文章是由cc + glm 辅助生成的

Claude Code简介

Claude Code是Anthropic推出的AI编程助手，它不仅仅是一个简单的代码生成工具，更是一个能够理解项目结构、分析代码逻辑、提供优化建议的智能编程伙伴。

安装

需要有node环境

`1`	`npm install -g @anthropic-ai/claude-code`

集成glm

修改 ~/.claude/settings.json，如果不存在就创建一个。

{
  "env": {
    "ANTHROPIC_DEFAULT_HAIKU_MODEL": "glm-4.5-air",
    "ANTHROPIC_DEFAULT_SONNET_MODEL": "glm-4.6",
    "ANTHROPIC_DEFAULT_OPUS_MODEL": "glm-4.6",
    "ANTHROPIC_BASE_URL": "https://open.bigmodel.cn/api/anthropic",
    "ANTHROPIC_AUTH_TOKEN": "your_zhipu_api_key"
  }
}

获取APi key，API KEY, 新用户有一些体验的token资源包赠送喔！

GLM-4.6

GLM-4.6是智谱AI最新发布的语言模型，在Claude Code中作为后端支持时，展现出了令人印象深刻的编程能力。

VSCode集成体验

安装和配置

在VSCode中使用Claude Code非常简单，只需要安装相应的扩展插件即可。

配置步骤：

打开VSCode扩展市场
搜索"Claude Code for VS Code"
点击安装并重启VSCode

Terminal中使用

除了GUI界面的VSCode插件，Claude Code在Terminal中也有着出色的表现。

常用命令和技巧

1. 项目分析

# 分析项目结构
claude analyze . --recursive

# 检查代码质量
claude quality-check --language javascript

# 生成项目文档
claude docs --format markdown

2. 批量操作

# 批量重构文件
claude refactor --pattern "*.js" --rule "use-const-let"

# 代码格式化
claude format --language typescript --prettier

# 依赖更新建议
claude update-check --dependencies

相关链接：

HF使用体验

Sun, 06 Apr 2025 19:37:30 +0800

HF简介

DeepSeek： Hugging Face 堪称 AI 界的「模型超市」——就像 GitHub 托管代码一样，它汇聚了全球开发者训练的机器学习模型（从聊天机器人到图像生成器），并提供开箱即用的工具链。只需几行代码，你就能调用 ChatGPT 同款技术栈，或像逛应用商店一样下载现成模型，把「造火箭」变成「拼乐高」。

Transformers安装

DeepSeek总结

Transformers 和 Hugging Face 的关系

一句话总结：
Transformers 是 Hugging Face 生态的核心库，相当于 GitHub 的 Git——它是 HF 技术栈的底层引擎，而 Hugging Face 平台（如 Model Hub）则像 GitHub 网站一样提供模型托管、社区协作等完整生态。

关键关联点：

库（Transformers）⇨ 平台（HF）
- Transformers 库：提供代码工具（如 pipeline()）来加载和运行模型
- Hugging Face 平台：提供模型托管（Model Hub）、数据集（Datasets）、推理API（Inference API）等配套服务
模型共享生态
- 通过 transformers 库的 from_pretrained() 方法，可直接加载 Hugging Face Hub 上的 30万+开源模型（如 model="meta-llama/Llama-2-7b"）

协同工作流

1
2
3

# 用transformers库调用HF平台上的模型
from transformers import AutoModel
model = AutoModel.from_pretrained("bert-base-uncased")  # 自动从HF Hub下载

类比：
就像 Git（工具） + GitHub（平台）的组合，Transformers 是技术基础，Hugging Face 是扩展生态的「模型社区」。

安装的前置条件

Python版本需要大于等于3.8（之前用3.6的安装失败了，报了这个错）

创建新的虚拟环境时，报HTTP错误，404

An HTTP error occurred when trying to retrieve this URL.
HTTP errors are often intermittent, and a simple retry will get you on your way.

CondaError: CondaHTTPError: HTTP 404 NOT FOUND for url <https://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main/win-64/xxxxxx>
Elapsed: 00:00.635947

解决方案

参考文章： https://blog.csdn.net/qq_44833403/article/details/144535945

在C盘\用户<用户名>文件夹下找到.condarc文件（注意是文件，不是文件夹，因为本人电脑文件排序原因，文件夹整体排前面，看字母序去找一直没找到🤣），整体替换为

channels:
 - https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/pytorch/
 - https://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/msys2/
 - http://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/free/
 - http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud/conda-forge/
default_channels:
 - http://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/main
 - http://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/r
 - http://mirrors.tuna.tsinghua.edu.cn/anaconda/pkgs/msys2
custom_channels:
   conda-forge: http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
   msys2: http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
   bioconda: http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
   menpo: http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
   pytorch: http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
   pytorch-lts: http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
   simpleitk: http://mirrors.tuna.tsinghua.edu.cn/anaconda/cloud
 show_channel_urls: true
 offline: false
 ssl_verify: false

python版本需要和setuptools版本匹配，python 3.9版本可以搭配63.4.1版本的setuptools,执行下面命令即可

`1`	`conda create -n env python=3.9 setuptools==63.4.1`

电脑需要有rust的环境，rustc的版本需要有一定要求，之前版本1.71.0失败了，目前好像是最低要1.74以上,通过以下代码更新

rustup --version # 查看是否安装了rustup，没有需要安装
rustup self update # 更新rustup
rustup update stable # 更新rust版本
rustc --version # 查看更新后的rustc版本

安装transformers

通过下面命令即可安装

`1`	`pip install transformers`

Transformers使用

环境变量设置

Hugging Face的默认的cache地址为C:\ 用户 \ 用户名 \ .cache \ huggingface,假如需要放置到其他位置，可添加一个环境变量

变量名： HF_HOME
变量值： D:\.cache\huggingface(这里我是放到D盘下，之后模型会自动缓存在这里)

使用pipeline

下面通过img2txt的模型演示一下使用

from transformers import pipeline

def img2text(image_path):
    # 加载图像描述模型
    img_to_txt = pipeline("image-to-text", model="Salesforce/blip-image-captioning-base")

    # 使用模型生成图片描述
    captions = img_to_txt(image_path)

    # 输出结果
    print(captions)

    return captions[0]['generated_text']

使用openrouter

openrouter简介

OpenRouter 的核心功能是提供单一 API 接口，让开发者无需分别对接不同厂商的 AI 模型（如 GPT-4、Claude、Llama 等），即可通过一次集成调用多种模型。

这里主要是练习一下使用openrouter，通过调用其api完成一些有趣的任务。目前可以免费调用DeepSeek: DeepSeek V3 0324 (free)。下面将演示调用免费的deepseek模型基于一段图片描述生成一首中文诗歌。

依赖包

首先需要安装下面的依赖包

`1`	`pip install langchain langchain-community langchain-openai`

调用模型

获取api key

点击后面链接在openrouter中创建一个key， https://openrouter.ai/deepseek/deepseek-chat-v3-0324:free/api

通过key调用模型

from langchain_openai import ChatOpenAI
from langchain.prompts import ChatPromptTemplate


def generate_poem(scenario):
    system_prompt  = """
    你是一个作诗非常好的诗人，接下来你要根据一段英文描述的场景生成一首中文现代诗。
    1.希望你能用优美的语言描绘出这个场景
    2.诗的内容要有意境
    3.字数在100个字以内。"""

    prompt_template = ChatPromptTemplate.from_messages([
        ("system", system_prompt),  # 系统级提示
        ("human", "{scenario}")   # 用户输入
    ])

    # 初始化模型
    chat_llm = ChatOpenAI(
        openai_api_base="https://openrouter.ai/api/v1", # 统一都是调这个api url
        openai_api_key="你创建的key",
        model="deepseek/deepseek-chat-v3-0324:free", # 指定模型名称
        temperature=0.7
    )

    print("正在生成诗歌...")
    # 3. 创建 LLMChain,并运行
    chain = prompt_template | chat_llm # 通过管道输入到llm模型中
    result = chain.invoke({"scenario": scenario}) 

    print(result.content)
    return result

效果展示

用 HuggingFace 模型提取图片描述，再调用 LLM 生成诗歌，就能让图片‘开口吟诗’啦！🤪！

1
2

txt = img2text(image_path="img2poem\image.jpg") # 使用img2poem文件夹下的图片生成诗歌
generate_poem(txt)

运行结果展示

Device set to use cpu
[{'generated_text': 'a cartoon character running in the grass'}]
正在生成诗歌...
《草上飞》


绿浪里跃动的光点，
是风追不上的弧线。
大地在脚下柔软，
天空在头顶旋转。

橡皮鞋底沾满春天，
笑声把阳光压弯。
地平线张开双臂，
接住这失控的欢颜。

博客优化

Fri, 31 May 2024 18:40:17 +0800

提示

本篇文章持续更新中，以后对于博客的改动都将记录在此文章中

性能篇

随着不断的修改博客，添加的东西也越来越多，博客的访问速度也逐渐减慢。尤其是增加字体后，因为中文的字体文件十分巨大，导致加载一个字体文件都要3-4秒。遂进行性能优化。

1.字体文件的精简

由于中文字体文件很大，把所有字体加载过来是一个耗时的操作，并且很多字体我们其实并没有用到，所以可以考虑只加载我们网站所用的字符部分。font-spider就是做这么一件事的工具。

https://github.com/aui/font-spider

安装font-spider

首先你需要有node环境，并且有npm包管理

然后全局安装

`1`	`npm i font-spider -g`

使用

具体使用可以参考github仓库官方文档给的示例

Hugo博客的便捷使用

因为官方示例是基础的使用，hugo博客怎么更便捷的使用是接下来要讨论的问题。

下面是适用于hugo博客使用font-spider的一些自动化脚本。主要原理：

通过hugo命令在public目录下生成所有网页的html文件
通过python脚本读取所有的html页面的所有字符，并写到根目录下index.html文件的content div中
再通过font-spider 命令找出网站中所使用到的字符，font-spider生成的字体文件会在font/目录下。这个文件是精简过后的文件

小工具的目录结构

其中index.html的内容如下，jiangxizhuokai是本站使用的字体，在使用时请改成自己对应的，且将字体文件下载到本地放置在fonts目录下

<div class="content">	
</div>
<style>
    @font-face {
    font-family: 'jiangxizhuokai';
    src: url('fonts/jiangxizhuokai.ttf');
    font-weight: normal;
    font-style: normal;
    }
    .content{
        font-family: 'jiangxizhuokai';
    }
</style>

字体文件的font-face在themes\hugo-theme-stack-master\assets\scss\partials\base.scss中定义

script.py内容如下，需要安装beautifulsoup4这个库，这个文件就是把所有网页的html里面的字符写到上面的index.html的脚本。其中在运行完后char.txt中会存放当前网站所用到的所有字符，并在下次运行的时候进行比较，当字符集没变的时候，会打印出No new characters found, no update needed.这句话。（记得在main中更改网站生成的public路径）

import os
from bs4 import BeautifulSoup

def extract_text_from_html(file_path):
    """Extract all unique characters from an HTML file."""
    char_set = set()
    try:
        with open(file_path, 'r', encoding='utf-8') as file:
            content = file.read()
            for char in content:
                char_set.add(char)
        return ''.join(sorted(char_set))
    except Exception as e:
        print(f"Error reading {file_path}: {e}")
        return ""

def collect_html_files(directory):
    """Recursively collect all HTML files in a directory."""
    html_files = []
    for root, _, files in os.walk(directory):
        for file in files:
            if file.endswith('.html'):
                html_files.append(os.path.join(root, file))
    print(f"Found HTML files: {html_files}")  # Debugging output
    return html_files

def main(input_directory, index_html_file, chars_file):
    """Main function to collect text from HTML files and write to a div in an HTML file."""
    html_files = collect_html_files(input_directory)
    new_chars_set = set()

    for html_file in html_files:
        text = extract_text_from_html(html_file)
        if text:
            new_chars_set.update(text)

    new_chars = ''.join(sorted(new_chars_set))

    try:
        # Read the existing character set from the file
        if os.path.exists(chars_file):
            with open(chars_file, 'r', encoding='utf-8') as file:
                old_chars = file.read()
        else:
            old_chars = ''

        # Check if the character set has changed
        if new_chars != old_chars:
            # Update the character set file
            with open(chars_file, 'w', encoding='utf-8') as file:
                file.write(new_chars)
            
            # Update the target HTML file
            with open(index_html_file, 'r', encoding='utf-8') as file:
                soup = BeautifulSoup(file, 'html.parser')
            
            content_div = soup.find('div', class_='content')
            if content_div:
                content_div.clear()  # Clear the existing content
                content_div.append(new_chars)

            with open(index_html_file, 'w', encoding='utf-8') as file:
                file.write(str(soup))
            print(f"Updated {index_html_file} with new characters.")
        else:
            print("No new characters found, no update needed.")
    
    except Exception as e:
        print(f"Error updating {index_html_file}: {e}")

if __name__ == "__main__":
    input_directory = "D:/Hugo/project/blog/public"  # Replace with your directory
    index_html_file = "./index.html"
    chars_file = "./chars.txt"
    main(input_directory, index_html_file, chars_file)

总结一下，上面需要做的步骤就是创建index.html和script.py文件，然后创建fonts文件夹并在其中放置字体文件。最后修改前面两个文件中相关的内容，运行script脚本后运行font-spider命令。

`1`	`font-spider .\index.html`

精简后的字体文件便在fonts目录下，并且会有一个.font-spider文件夹，这个文件夹是原始字体文件的备份。

2.CDN的使用

本站部分资源使用了免费的CDN方案：jsDelivr+Github。

参考链接： https://zhuanlan.zhihu.com/p/76951130

CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。——百度百科

知乎. “免费CDN：jsDelivr+Github 使用方法” 知乎专栏, 2019, https://zhuanlan.zhihu.com/p/76951130.

3.优化结果

经过上面两方面的优化，下面是本次优化的结果，关闭浏览器缓存后，多次刷新一般加载时间都是在600-700毫秒之间。congratulations！

功能篇

1.Moments的添加

具体请查看这篇博客Moments的添加

效果图：

使用Antv X6绘图包的一些技巧

Fri, 24 May 2024 23:29:03 +0800

使用Antv X6绘图包时节点自适应大小的实现

Mon, 01 Apr 2024 22:27:38 +0800

需求

在编辑节点名称的时候，我们希望节点框的大小随着内容的大小进行变化。简单来说就是节点根据内容自适应大小。如何获取内容文本的大小下面有两种方法实现。

实现

水平文本测量大小的实现

这种方式仅对水平文本有效，能测量出文本的宽度，测量文本的高度无效。

const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
context!.font = '14px Arial, helvetica, sans-serif'; // 设置字体和字号，根据你要测的文本设置
const textWidth = context!.measureText(node.getAttrs()['text']['text']?.toString()!).width;

主要思路就是利用 HTML5 Canvas 的绘图功能来测量文本的宽度，然后根据文本的宽度动态调整节点的尺寸，以确保文本内容完全显示在节点内部。

创建画布和上下文：
- 首先，通过 document.createElement('canvas') 创建了一个 HTML5 Canvas 元素。
- 然后，通过 getContext('2d') 获取了 2D 绘图上下文，以便后续进行文本测量。
设置字体和字号：
- 使用 context.font 设置了绘制文本时所使用的字体和字号。这个需要和你节点内容字体、字号相匹配，否则存在误差
测量文本宽度：
- 调用了 context.measureText() 方法来测量给定文本在当前字体和字号下的宽度。measureText() 方法返回一个 TextMetrics 对象，其中包含了文本的宽度等信息。

另一种实现方式

这种方式类似于打一个草稿，先创建一个svg然后渲染然后获得文本的宽高，这个对于水平排列的文本和竖直排列的文本都有效。

// 创建一个包含字符串的 svg 元素
const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svg.setAttribute('width', '100');
svg.setAttribute('height', '100');

// 创建一个 <text> 元素
const text = document.createElementNS("http://www.w3.org/2000/svg", "text");
text.setAttribute('font-family', 'Microsoft YaHei');
text.setAttribute('font-size', '14');
text.setAttribute('white-space', 'nowrap');
text.setAttribute('writing-mode', 'vertical-rl');
text.style.textOrientation = 'upright'
text.textContent = node.getAttrs()['text']['text']?.toString()!

// 将 <text> 元素添加到 <svg> 中
svg.appendChild(text);

// 将 <svg> 元素添加到文档中
document.body.appendChild(svg);

// 获取字符串的宽高
const textHeight = text.getBBox().height;
const textWidth = text.getBBox().width;

主要思路和水平节点的测量相同，不过因为竖直节点的定义和水平节点的不同，竖直节点中的内容是竖直排列，而canvas不能测量文本的高度，所以这里创建和antv X6中svg节点相同的元素，把文本放在其中渲染，然后获取高度，最后完成节点高度的动态调整。

其中，竖直节点的实现是在css上加上下面三个属性：

1
2
3

white-space: 'nowrap';
writing-mode: 'vertical-rl';
text-orientation = 'upright';

其他

刚开始我尝试的方法是先修改节点的名称，再通过DOM的getBoundingClientRect获取修改后的文本宽高，但是因为X6 实现了异步的渲染调度算法，所以会出现获取不到DOM元素的情况，如果通过settimeout设置一定的时延再获取，容易造成修改时的频闪，或者有时未动态调整的情况。

黑苹果更新系统遇到的问题

Wed, 31 Jan 2024 21:55:04 +0800

问题描述

今天下午在mac系统设置中将系统从版本Ventura 13.5.2升级到Ventura 13.6.4时出现 未能准备软件更新。请再试一次。 的弹窗提示。

解决过程

首先看到了这篇博客 https://www.waistu.com/archives/LpQOaR1r ，其中他的方法是在命令行输入以下命令

`1`	`sudo softwareupdate -ai --restart`

在我输入后，仍然未能成功安装，下面是报错信息：

Software Update Tool

Finding available software
Downloading macOS Ventura 13.6.4
Downloading: 100.00%Attempting to quit apps: (
    "com.apple.Safari.SafariQuickLookPreview",
    "com.apple.Safari"
)
Waiting for user to quit any relevant apps

Failed to download & prepare update: Error Domain=SUOSUErrorDomain Code=201 "未能准备软件更新。请再试一次。" UserInfo={NSLocalizedRecoverySuggestion=下载所选更新时发生错误。请检查你的互联网连接并再试一次。, NSLocalizedDescription=未能准备软件更新。请再试一次。, NSUnderlyingError=0x600002d780f0 {Error Domain=SUMacControllerError Code=7740 "[SUMacControllerErrorPrepareFailed=7740] Failed to perform Prepare operation: [MobileSoftwareUpdateErrorDomain(MSU):MSU_ERR_FILESYSTEM_DOESNT_VERIFY(3)_1_MobileSoftwareUpdateBOMErrorDomain:1|FullReplacementRequired|]" UserInfo={SUMacControllerErrorIndicationsSummary=|FullReplacementRequired|, 
SUMacControllerErrorIndicationsMask=2, NSUnderlyingError=0x600002d7ba80 {Error Domain=MobileSoftwareUpdateErrorDomain Code=3 "'./usr/sbin/BlueTool' does not verify" UserInfo={target_update=22G513, NSUnderlyingError=0x600002d7ac40 {Error Domain=MobileSoftwareUpdateBOMErrorDomain Code=1 "contents of '/usr/sbin/BlueTool' don't match bom (10ddf270 vs ff9bb905)" UserInfo=0x600002358020 (not displayed)}, MSUFullReplacementRecommened=true, NSLocalizedDescription='./usr/sbin/BlueTool' does not verify}}, NSLocalizedDescription=未能准备软件更新。请再试一次。, NSDebugDescription=[SUMacControllerErrorPrepareFailed=7740] Failed to perform Prepare operation: [MobileSoftwareUpdateErrorDomain(MSU):MSU_ERR_FILESYSTEM_DOESNT_VERIFY(3)_1_MobileSoftwareUpdateBOMErrorDomain:1|FullReplacementRequired|], SUMacControllerErrorIndicationsDescription=-> Full replacement is required [as opposed to incremental patch].}}}

在看到请检查你的互联网连接并再试一次的提示后。我将科学上网关闭后，再次运行上面命令，耐心等待一会后成功更新。

Software Update Tool

Finding available software
Downloading macOS Ventura 13.6.4
Downloading: 100.00%
Downloaded: macOS Ventura 13.6.4
Attempting to quit apps: (
    "com.apple.Safari.SafariQuickLookPreview",
    "com.apple.Safari"
)
Waiting for user to quit any relevant apps
Successfully quit all apps

Downloading Safari浏览器
Downloaded Safari浏览器
Installing Safari浏览器
  [恢复于2024年1月31日 16:10:37]
Last login: Wed Jan 31 16:00:39 on console
Restored session: 2024年 1月31日 星期三 15时55分04秒 CST

第一次尝试黑苹果

Tue, 16 Jan 2024 23:05:52 +0800

硬件篇

使用的电脑配置如下，还安装了一张免驱的拆机苹果无线网卡BCM94360CS2：

为了更好地玩黑苹果，特地加了点预算选了有两个M.2接口的主板，还特地在闲鱼淘了一块256G的二手硬盘。让我没想到的是这块主板虽然是有两个接口，但是插无线网卡的那个Pcie接口和第二个M.2接口会冲突，只能二选一。。。。。属于是做了点功课但是没做全了😭。浪费了一百块的预算，没办法只能再到闲鱼上买了一块240G的sata固态，速度慢了些也没办法了，能玩就行。

sata固态

淘的这块固态是65块钱，测试结果如下，算是还行吧，安全下车。

配置过程

在开始决定玩黑苹果时，我是根据黑果魏叔的文章来调整装机配置的（一开始只想简单的上个5600G，为了玩黑苹果在PDD上淘了个亮机卡RX470）。 https://www.imacosx.cn/7375.html 如果你也想玩黑苹果，可以去看看适合的型号。虽然说玩黑苹果Intel的CPU要好一些，但是预算不足，掏钱的时候还是AMD yes！🤗

学习过程

在b站上跟着国光的黑苹果教程系列学习了基本的EFI知识，一开始自己跟着视频教程和文档 https://apple.sqlsec.com/ 完成了一个EFI的制作，然后跟着这篇文章 https://post.m.smzdm.com/p/agqq02rw/ 开始设置BIOS，可是在主板上只找到了几个需要开关的选项，其中大部分都没找到，难绷，一直找一直找，最后放弃，进入安装系统的环节。果然不出所料！！当我刚开始安装系统的时候就卡住了，报EB错误，不断尝试了一晚上，还是卡EB，遂放弃。

第二天一早，还是放弃制作EFI，转向github寻找类似配置的EFI，使用 r5 5600 + EFI的关键词找到了较为符合的EFI文件，https://github.com/maxswjeon/OpenCore-5600X-B550-RX560.git，开始了黑苹果的安装过程。

安装的步骤是参考 https://post.m.smzdm.com/p/agqq02rw/ 这篇文章的，步骤比较详细和符合，不过有一个坑需要注意，就是安装磁盘格式化后的命名上，我使用 MAC OS 时会报错格式化不了，好像是空格的原因吧，使用MAC名称就顺利格式化了。

安装过程

驱动安装

因为显卡和无线网卡都是免驱的，所以这里比较省心，不用去找驱动安装。安装完成后发现无法外放声音，参考网上的教程发现应该是EFI中config文件中的声卡编码没写对，具体步骤参考下面网站 https://www.dians.net/thread-144.htm ，具体查看自己声卡编码的网址 https://github.com/acidanthera/appleALC/wiki/Supported-codecs 。

使用体验

目前麦克风不能用，还未解决，其他功能大致正常，就是信息还是登不进去。

MacOS vs win11

下面是我将电脑分别在macos和win11系统下测得的分数，在mac上的性能大致相当于win11的92%到93%的样子，感觉相差不是很多。

GPU 跑分

下面是Mac OS下的GPU跑分

Moments的添加

Thu, 07 Dec 2023 13:18:57 +0800

鸣谢

本次改造是基于砖瓦匠杜重的Hugo主题Moments进行的，这里我把它的主要功能作为一个子模块嵌入到stack主题中，同时为适应stack主题，这里也做了小修改。

体验

大家可以访问 https://blog.kellehod.top/moments/链接体验。点击每个瞬间的内容文字可以进入每个瞬间的详情页，并进行评论。

集成步骤

Moments主题github地址 https://github.com/FarseaSH/hugo-theme-moments.git，先将这个项目下载到本地，然后继续接下来的步骤。

修改配置文件

添加moments的permalinks

为moments添加permalinks，将之前的permalinks由

1
2
3

permalinks:
    post: /p/:slug/
    page: /:slug/

改为

permalinks:
    post: /p/:slug/
    page: /:slug/
    moments: /moments/:year/:month/:day/:slug/

修改params

在params中添加下面的参数

params:
    name: Aiden
    momentsSection:
        - moments
    moments:
        paginate: 6

其中name是当你发布的Moment时名字为空时的默认名字，moments下的paginate是控制Moments一页有多少个moment的参数，这里的分页栏是stack主题提供的。

添加模板文件

因为文件有点多，这里我将需要添加的文件整理了一下，放到这个仓库中 https://github.com/kellehod/moments-extension.git，请根据对应的路径添加到你主题的指定位置。

添加HTML文件

先在layouts下添加仓库的layouts\moments这一整个文件夹
在layouts\partials下添加仓库的layouts\partials\moments这一整个文件夹
在layouts\shortcodes下添加仓库的layouts\shortcodes\moments这一整个文件夹

添加SCSS文件

在assets\scss\partials\layout下添加仓库的moments.scss文件，这个文件是控制Moments样式的
记得在项目中引入这个样式，具体是在assets\scss\style.scss中添加

`1`	`@import "partials/layout/moments.scss";`

这里适配了stack主题的暗色模型，并且对移动端的效果进行了些许调整

添加资源文件

在static目录下添加仓库中static下的所有内容。

使用

发布Moment类似于发布博客文章，在content目录下新建一个moments的子目录，然后类似写文章的编写markdown文件。具体写法请参照下载的Moments主题中的README.md文件。

一些使用示例

---
name: 瑟德
avatar: 

date: 2021-08-03T11:57:40+08:00

tags:
 - 链接
 - Github

title: test3

link: https://www.github.com
link_logo:
link_text: GitHub - Where the world builds software · GitHub

note: 这是加入链接的Moment
---
你也可以像这样附带网络链接。

GitHub是通过Git进行版本控制的软件源代码托管服务平台，由GitHub公司（曾称Logical Awesome）的开发者Chris Wanstrath、P. J. Hyett和汤姆·普雷斯顿·沃纳使用Ruby on Rails编写而成。（引用自Wikipedia）

---
name: 赛肯德
avatar: https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg11.360buyimg.com%2Fn1%2Fjfs%2Ft22180%2F273%2F1048905858%2F16927%2Fc863f2d8%2F5b1ee306Nc3fa41e8.jpg&refer=http%3A%2F%2Fimg11.360buyimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1630730078&t=818b15beaf41cabfa800ddea79f89445

date: 2021-08-04T11:57:49+08:00
title: hello
tags:
 - 图片集
 - 美食

pictures:
 - https://p8.itc.cn/images01/20210119/628400a0528c4dc696efdac8749b176d.jpeg
 - bilibili.webp
 - https://cdn.pixabay.com/photo/2016/10/13/11/44/chocolates-1737503_1280.jpg
 - https://cdn.pixabay.com/photo/2016/01/11/07/18/cupcakes-1133146_1280.jpg
 - https://img1.baidu.com/it/u=78864137,3397842120&fm=253&fmt=auto&app=138&f=JPEG?w=889&h=500

note: 这是附带图片集的moment
---
你也可以为每条moment附带更多的图片，做成图片集。

比如最近打卡的美食们：

一些修改说明

图片的引用，这里适配了本地图片的引用，你可以在md文件的Front Matter中写图片路径时直接使用本地图片。类似下面：

Front Matter中的title参数，因为Hugp好像是链接的生成时/moments/:year/:month/:day/:slug/中slug占位符是用title生成的（不是很了解），所以为了避免同一天的moment链接覆盖了（重复了），请写一个unique的title参数！！

Buildblog

Wed, 23 Aug 2023 20:16:25 +0800

这篇文章介绍的个人博客搭建是使用Hugo框架 + vercel部署 + twikoo评论系统

准备工作

最好有一个域名（腾讯云、阿里云均有新人特惠首年1元的域名）
github账号

Hugo安装

安装文档介绍 https://www.gohugo.org/（推荐使用二进制安装）
windows安装示例
1. 下载二进制文件 https://github.com/gohugoio/hugo/releases (注意下载的是扩展版本)
1. 添加环境变量
在用户变量的path变量中添加hugo二进制文件的放置目录
1. 测试hugo是否安装成功
- windows下需要使用PowerShell, cmd无效
  - winget安装powershell
    1. 使用管理员打开cmd
    2. 输入命令查看powershell安装版本
    1
    
    winget search Microsoft.PowerShell
    1. 通过 id 下载稳定版的 PowerShell
    1
    
    winget install --id Microsoft.Powershell --source winget
    1. 打开powershell，输入hugo version
    1
    
    hugo version

此时表示hugo正确安装

Hugo使用

1.创建个人博客

在powershell中输入,<sitename>为自定义站名

`1`	`hugo new site <sitename>`

输入 hugo new site blog 后，生成了blog文件夹

2.下载主题并设置

1. 进入hugo主题库 https://themes.gohugo.io/ 挑选合适的主题，并下载。这里以 stack主题为例， https://themes.gohugo.io/themes/hugo-theme-stack/ ，进入下载链接并下载
1. 下载的zip解压至 blog/themes下
1. 将 blog/themes/hugo-theme-stack-master/exampleSite/content 中的内容复制到 blog/content中
1. 将 blog/themes/hugo-theme-stack-master/exampleSite/config.yaml 复制到 blog项目根目录下，并把 hugo.toml删除(最新版hugo生成的配置文件是 hugo.toml 其他版本可能是 config.yaml 或者 config.toml)
1. 打开复制过来的 config.yaml 确保 theme 的值是刚才下载主题文件夹的名字,其他配置请根据需要更改

`1`	`theme: hugo-theme-stack-master`

1. 切换到项目的根目录，运行hugo项目

`1`	`hugo server --buildDrafts --watch`

1. 访问 http://localhost:1313 ，查看项目

3.写一篇文章测试

`1`	`hugo new post/test/index.md`

这个命令会在 blog/content/post 目录下生成test目录，其中包含 index.md ，用vscode或者其他markdown编辑器打开index.md编辑内容，并查看效果

---
title: "Test"
date: 2023-08-23T23:55:44+08:00
draft: true
---

这是初始index.md的内容，此时应该将 draft: true 改为 draft: false

4.博客的语言设置

博客的语言在根目录下的config.yaml中设置。比如这个设置可选英文和中文。则config.yaml中的languages设置如下：

languages:
    en:
        languageName: English
        title: aiden's blog
        weight: 1
        params:
            description: Example description
    zh-cn:
        languageName: 中文
        title: aiden的博客
        weight: 2
        params:
            description: 演示说明

博客的默认语言设置，也是在配置文件中设置，默认进到博客就是英语。

`1`	`DefaultContentLanguage: en`

发布博客时，index.md是在默认语言下能看到的，当切换到中文的时候，显示的内容是index.zh-cn.md中的内容。

所以当你需要修改博文的不同语言表示时，请到相应的.md文件下。同理，博客左侧的菜单栏的不同的语言表示也是在/content/page相应的md文件中修改title。

5.分类的创建

当你点进archives中时，能看到各种分类的归档。

分类的创建是在/content/categories下创建类似于post的发布，注意文件夹需要与分类名同名。

vercel部署

上传代码到github仓库

在github上创建一个新的仓库，开源、私有均可以
在项目的根目录创建一个文件 vercel.json,比如我这个项目就是创建 blog/vercel.json 来指定部署使用的hugo版本，因为vercel使用的hugo版本比较旧
1 2 3 4 5 6 7 8 9 10

{ "github": { "silent": true }, "build": { "env": { "HUGO_VERSION": "0.117.0" } } }
- 将代码推送到新建的仓库中

使用vercel部署

打开vercel地址 https://vercel.com/
使用github登录
点击右上角的添加新的项目(project)
导入仓库代码
选择部署项目的框架为Hugo，然后点击开始部署
下面则是部署成功的例子

绑定域名

点击右上角的Domains
在输入框内输入你的域名，点击add它会提示你应该在你的域名下添加哪些解析记录，例如，我输入 test.kellehod.top后

按照提示添加解析记录,并开启解析(这里使用的是腾讯云的 dnspod https://www.dnspod.cn/)

vercel域名完成绑定，自动生成SSL证书,

完成绑定后，注意将根目录中 config.yaml中的 baseurl改为你绑定的域名，例如这个是:

1

baseurl: https://test.kellehod.top
现在便开始使用你的项目吧！

嵌入评论系统

配置过程

vercel部署方式的链接 https://twikoo.js.org/quick-start.html#vercel-%E9%83%A8%E7%BD%B2

详细视频介绍 https://www.bilibili.com/video/BV1Fh411e7ZH/

上述工作做完后，修改项目根目录下的配置文件 config.yaml

1.将comment的 provider改为twikoo

1
2
3

comments:
        enabled: true
        provider: twikoo

2.配置twikoo,其中 envid是上述部署twikoo的地址，建议使用绑定的域名，使用vercel提供的*.vercel.app地址在国内网络访问下评论系统可能会显示不出。
1 2 3 4 5

twikoo: envId: https://twikoo.kellehod.top/ region: path: lang:

设置博客消息通知

当有人在我们的博客下面留言时，我们希望及时的收到提示消息，这个时候我们就可以通过配置评论系统的通知功能来实现这一目标。twikoo支持即时通知和邮件通知两种不同的方式，当然也可以混合使用。因为个人觉得即时通知比较方便，所以这里我采用的是即时通知的方式。

首先打开twikoo的配置面板，找到即时通知参数填写的地方。

打开https://pushoo.js.org网址，查看各个消息推送平台的设置方式。这里我采用的是飞书平台， https://www.feishu.cn/hc/zh-CN/articles/360024984973-%E5%A6%82%E4%BD%95%E5%9C%A8%E7%BE%A4%E7%BB%84%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%9C%BA%E5%99%A8%E4%BA%BA，按照这个文档的指示创建自定义机器人(需要在PC端配置)，将生成的地址填写到twikoo的配置面板并保存。即时通知就配置好了。

First

Tue, 22 Aug 2023 17:14:49 +0800

aiden blog

你好Ablog

测试代码块

`1`	`for i in range(90):`

测试admonition

注意

一个提示横幅

未添加到字库的字（手动添加）

1.昵称 2.邮箱的一是在不了有和人这中大为上个国我以要他时来用们生到作地于出就分对成会可主发年动同工也能下过子说产种面而方后多定行学法所民得经十三之进着等部度家电力里如水化高自二理起小物现实加量都两体制机当使点从业本去把性好应开它合还因由其些然前外天政四日那社义事平形相全表间样与关各重新线内数正心反你明看原又么利比或但质气第向道命此变条只没结解问意建月公无系军很情者最立代想已通并提直题党程展五果料象员革位入常文总次品式活设及管特件长求老头基资边流路级少图山统接知较将组见计别她手角期根论运农指几九区强放决西被干做必战先回则任取据处队南给色光门即保治北造百规热领七海口东导器压志世金增争济阶油思术极交受联什认六共权收证改清己美再采转更单风切打白教速花带安场身车例真务具万每目至达走积示议声报斗完类八离华名确才科张信马节话米整空元况今集温传土许步群广石记需段研界拉林律叫且究观越织装影算低持音众书布复容儿须际商非验连断深难近矿千周委素技备半办青省列习响约支般史感劳便团往酸历市克何除消构府称太准精值号率族维划选标写存候毛亲快效斯院查江型眼王按格养易置派层片始却专状育厂京识适属圆包火住调满县局照参红细引听该铁价严龙飞啊爱吧吧白帮被本比别病不才菜参差常长场车成吃出穿次从打大当到道的地点电东动都对多饿儿二发反方房放分风服该干高告哥歌个给工公狗关光国果过还孩海好喝和很后话坏回会机几家见件讲角叫姐今经九觉开看可乐课快来了冷里力脸两亮聊买慢忙吗么没每门们面名明哪那难呢能你年女朋票平期气钱前情请去然让日三上少社谁身生师时识实市事是手书刷水睡说思四岁他她它台太谈天听通同头玩晚为文问我五西洗喜系下先现想向笑些心新信星行兴休学雪呀言眼阳要也业一已意因应影友有雨元再在怎找真正知中种主注自走作做坐爱安吧百北比便冰播步部才彩餐草茶差产唱超朝城吃充抽出处传窗床此答代带待蛋倒等低弟调丢懂短断队饿耳饭房费粉封否父复改感刚格跟够姑怪贵滚孩含汗行合黑猴呼互化画坏欢黄活击极记季加简见奖交脚接街姐借紧惊净久旧举决咖开考刻客空哭块困啦懒狼冷理礼脸凉料邻领流露乱码卖猫毛么妹门迷密秒模某母拿哪闹内您牛弄怕排旁跑配片漂扑普骑汽铅钱枪强悄切亲轻区取趣缺然热忍扔肉赛伞扫色杀傻闪伤商稍舍深神升胜失师试室收叔舒刷摔谁顺司松送诉虽随孙缩所它抬谈汤堂讨疼提体替甜贴厅挺偷投图推退托娃歪弯网忘危微闻卧握屋午务吸戏细吓鲜乡箱响像消小孝写醒幸兄休许选呀盐阳摇药爷页夜移已议阴引印应泳游友右鱼愉遇园远愿约越灾咱早澡怎增展站找折者珍真整证支直值止钟众重助抓专转桌仔紫总走租嘴尊左作做帅美丽俊酷靓俏甜萌俊秀娇媚艳仙俊飒俊朗俊雅俊俏俊秀俊逸俊朗俊雅俊俏俊秀俊逸酷飒霸拽痞呆憨乖骚浪奶狼御柔温暖冷傲凶萌甜盐奶野妖仙清纯欲辣丧佛系高矮胖瘦壮肥匀称苗条魁梧娇小健硕骨感圆润大小圆长尖方弯直浓淡眉眼鼻唇齿耳肤色白黑黄红润糙嫩皱长短卷直秃刘海辫髻蓬松油亮乱顺滑潮土俗洋气时尚复古运动休闲正装性感可爱清新华丽简约夸张好看丑怪丑萌惊艳路人路人甲路人乙路人丙路人丁路人戊路人己路人庚路人辛路人壬路人癸笑哭怒嗔痴呆懵晕醉困倦懒羞臊尴尬慌张傲娇害羞嘚瑟嚣张猥琐油腻