> Git配置仓库用户与全局用户教程【本文由ChatGPT生成】

`Git` 允许在多个层级配置用户信息，如全局配置和单个仓库配置。不同层级的配置有助于在多个项目之间合理管理身份信息。

## 查看当前的 Git 配置
在配置之前，先查看当前的 Git 用户信息和其他配置信息：

```bash
git config --list
```
这将输出所有已经配置的 Git 参数，包括全局和仓库级别的用户信息。

以下是如何配置 `Git` 用户名和邮箱的完整教程，及其配置的作用。



## 全局用户配置

全局用户配置适用于本地机器上的所有 Git 仓库。如果您希望每个项目默认使用相同的用户信息，设置全局配置是最便捷的方式。

### 查看全局配置
```bash
git config --global --list
```
此命令将显示所有全局配置参数。

### 配置全局用户名和邮箱
```bash
git config --global user.name "Your Name"
git config --global user.email "your.email@example.com"
```
- user.name：Git 提交记录中显示的用户名。
- user.email：与提交记录相关联的电子邮件地址。

## 单个仓库用户配置

有时候，你可能需要在不同的项目中使用不同的用户信息（例如在工作项目和个人项目中）。在这种情况下，你可以在单个仓库中设置特定的用户信息。

### 配置仓库级用户名和邮箱

1. 首先进入项目目录：

```bash
cd /path/to/your/repository
```
2. 然后执行以下命令为当前仓库配置用户信息：

```bash
git config user.name "Your Repository-Specific Name"
git config user.email "your.repository-specific.email@example.com"
```
这只会影响当前仓库，不会影响其他仓库。

### 查看仓库配置
```bash
git config --list
# 或者：
git config --local --list
```
这会显示当前仓库的配置，包括用户信息。

## 拓展
### 配置优先级

`Git` 的配置有多个层级，优先级从高到低如下：

1. 命令行：在命令行中临时设置的用户信息（仅对该次操作有效）。
```bash
git -c user.name="Temporary Name" -c user.email="temporary.email@example.com" commit -m "Commit message"
```
2. 仓库级配置：只对当前仓库生效，优先级高于全局配置。
3. 全局配置：作用于本地所有仓库，除非仓库级配置覆盖。
4. 系统配置：针对整个系统（较少使用）。

Git 将首先查找命令行配置，如果未找到，则会使用仓库级配置，最后是全局配置。

### 常见问题与注意事项

1. 更改配置的影响：更改用户名或邮箱不会影响之前的提交记录。之前的提交会继续保留原有的用户信息。
2. 电子邮件隐私：如果您不希望公开您的电子邮件地址，可以使用 GitHub 提供的匿名电子邮件地址（如 `username@users.noreply.github.com`），特别是在使用 GitHub 提交代码时。

## 总结

- 全局配置 适用于你在本地机器上所有的 Git 仓库。
- 仓库配置 允许你为不同的项目使用不同的身份信息。
- 配置优先级遵循：命令行 > 仓库级 > 全局。
通过灵活配置 Git 用户信息，你可以更好地管理你的代码提交，保持各个项目身份清晰明了。

Git配置本地用户详解

## 背景

现在的大环境下，在云服务器上使用 `Docker` 拉取镜像时，很多用户会遇到一个常见的问题：**DockerHub 镜像无法成功拉取**。这种情况通常是因为网络环境限制，尤其是国内的服务器，可能会遇到访问 `DockerHub` 较慢甚至无法访问的情况。

为了解决这个问题，通常有两种方案：要么通过代理来提升网络连接速度，要么选择国内镜像源。然而，随着社会环境的不断恶化，代理和加速站也频频失效。

这时候，老狗认为可以采取一种“曲线救国”的方案：在本地电脑上通过代理拉取镜像，然后将镜像上传到服务器手动加载。

### 解决方案流程概述

在本地环境中，您可以方便地配置代理加速 DockerHub 镜像的下载。利用本地良好的网络条件，将需要的 `Docker` 镜像拉取下来。随后，通过 `docker save` 命令将镜像导出为文件，并通过 `SCP` 或其他方式将其上传至服务器。在服务器上，通过 `docker load` 命令导入镜像文件，最终实现镜像的使用。

整个操作可以概括为以下几步：

1. 在本地电脑配置网络代理，并拉取需要的 `Docker` 镜像。
2. 使用 `docker save` 将拉取的镜像保存为 `.tar` 文件。
3. 上传镜像文件到服务器。
4. 在服务器上使用 `docker load` 导入本地镜像。

这个思路简单且有效，但前提是你掌握了代理工具的使用，下面将基于你已经掌握了代理工具的情况下，详细介绍整个流程。



## 1. 本地代理并拉取镜像

为了能够顺利地从 `DockerHub` 拉取镜像，首先在本地电脑上配置代理。如果您已经有可用的代理服务，可以直接在 `Docker` 配置中设置代理。

> 此处省略本地开启网络代理的方法，请自行探索 ~ 自由发挥的时候到了！当然，对于整个操作来说，这也是最难的一步，如果你掌握了，相信你会发现不一样的世界。

网络代理设置完成后，可以正常使用命令来拉取需要的镜像了。例如，您想拉取 `nginx` 镜像：

```bash
docker pull nginx
```

通过代理的加持，镜像下载一般都能够下载成功，下载速度与你的网络代理速度成正比。

## 2. 使用 `docker save` 保存镜像

镜像拉取成功后，可以使用 `docker save` 命令将其保存为本地文件。假设我们需要保存的镜像是 `nginx`，镜像版本为 `latest`：

```bash
docker save -o nginx.tar nginx:latest
```

这将会在当前目录生成一个 `nginx.tar` 文件，该文件包含了所有与该镜像相关的数据，之后我们可以将其传输到服务器。

## 3. 上传镜像文件到服务器

> 此处省略，上传文件到服务器相信大家都已经熟练掌握了。

## 4. 在服务器上使用 `docker load` 导入镜像

文件上传到服务器后，可以使用 `docker load` 命令将镜像加载到 Docker 环境中：

```bash
docker load -i /path/to/nginx.tar
```

加载完成后，您可以通过 `docker images` 命令检查镜像是否已经成功导入：

```bash
docker images
```

## 总结

通过这种“曲线救国”的方式，您无需在服务器上配置代理，便能轻松拉取 `DockerHub` 镜像并在服务器上使用。虽然这个过程比直接拉取镜像稍微复杂，但在某些网络受限的环境中，这不失为一种高效且实用的解决方案。

希望这个方案能够帮助您在无法拉取 `DockerHub` 镜像时顺利完成工作，保证项目的进展不会因网络问题而中断。

> PS：可能有些人会问：我都会使用网络代理了，还需要这么麻烦？
> 
> 针对这类问题，老狗的回答是：本地开启代理和服务器开启代理，虽然从技术角度考虑是差不多的，但老狗认为从目的和结果考虑是完全两个概念，一定有些朋友不希望在服务器上开启网络代理的，你说对吧~

无法拉取 DockerHub 镜像？一个曲线救国的思路

## 简介

使用 `Vuetify` 和 `Nuxt3` 搭建系统时，`I18N` 需要做一些特殊配置，本文就来记录一下。

本文记录时使用的各个包版本：
```json
{
  "dependencies": {
    "@nuxtjs/i18n": "^8.3.1",
    "@nuxtjs/tailwindcss": "^6.12.1",
    "echarts": "^5.5.1",
    "nuxt": "^3.12.4",
    "vue": "latest",
    "vuetify-nuxt-module": "^0.18.2"
  },
  "devDependencies": {
    "i": "^0.3.7",
    "pnpm": "^9.7.0",
    "vite-plugin-vuetify": "^2.0.4"
  }
}
```

总的来说，实现 `Nuxt` 中的 `Vuetify` 国际化 `I18N` 配置分三步:
1. 安装依赖，重点依赖：`@nuxtjs/i18n`、`vuetify-nuxt-module`；
2. 设置`Nuxt` 的 `i18n`配置，重要文件：`nuxt.config.ts`、`i18n.config.ts`；
3. 客制化 `i18n`，并引用 `Vuetify` 提供的 `I18N` 文件，如：`zhHans`、`en`等。



## 特殊依赖包说明

### @nuxtjs/i18n

`@nuxtjs/i18n` 是 `Nuxt` 提供的 `I18N` 管理包，参考：https://nuxt.com/modules/i18n

### vuetify-nuxt-module

`vuetify-nuxt-module` 是 `Vuefity` 官方针对 `Nuxt` 定制的依赖包，旨在使用 `Nuxt` 快速集成 `Vuetify`。

### vite-plugin-vuetify

暂时忘了这个是啥玩意，想起来再补吧~

## nuxt.config.ts

注意 `i18n` 配置项，如下：

```ts
// https://nuxt.com/docs/api/configuration/nuxt-config
export default defineNuxtConfig({
  modules: ["@nuxtjs/i18n", "vuetify-nuxt-module"],
  i18n: {
    // strategy: "prefix_except_default",
    vueI18n: "./i18n.config.ts",
  },
});
```

## i18n.config.ts

在项目根目录创建 `i18n.config.ts` 文件，填入以下内容

```ts
import en from "./locales/en";
import zh from "./locales/zh";

// You can use `defineI18nConfig` to get type inferences for options to pass to vue-i18n.
export default defineI18nConfig(() => {
  return {
    legacy: false,
    locale: "zh", // 默认语言环境
    messages: {
      en,
      zh,
    },
  };
});
```

## locales

创建 `locales` 文件夹，在内部分别创建 `zh`、`en` 两个文件夹，内容如下

### zh

- index.ts

```ts
import { zhHans } from "vuetify/locale"; // 引用vuetify的国际化文件
import zh from "./zh.json";

const messages = {
  ...zh,
  $vuetify: zhHans,
};
export default messages;
```

- zh.json

```json
{
  "title": "标题",
  "hello": "欢迎",
  "menu": {
    "menu1": "菜单1",
    "menu2": "菜单2",
    "menu3": "菜单3",
    "menu4": "菜单4"
  }
}
```


### en

- index.ts

```ts
import { en as English } from "vuetify/locale"; // 引用vuetify的国际化文件
import en from "./en.json";

const messages = {
  ...en,
  $vuetify: English,
};
export default messages;
```

- zh.json

```json
{
  "title": "TITLE",
  "hello": "Welcome",
  "menu": {
    "menu1": "menu1",
    "menu2": "menu2",
    "menu3": "menu3",
    "menu4": "menu4"
  }
}
```

## 完成

经过如上配置，你就已经实现了 `Vuetify` 组件在 `Nuxt` 项目环境中的国际化适配，之后想要自己实现国际化内容，在对应的 `json` 文件中增加即可。

Vuetify+Nuxt3的i18n配置

使用Electron开发桌面程序时，一般都会自定义窗口标题行，并实现拖拽窗口的功能，要实现该功能非常简单，只需要一个CSS即可：

```css
-webkit-app-region: drag;
```



使用该 css 的元素将变为静态，无法进行任何操作，但可以拖拽。

该CSS一般用于标题行元素，但标题行除了需要拖拽窗口的功能，还有很多其他操作，如：功能菜单、窗口操作按钮（最小化、关闭等）。这些小元素一般在标题行元素的内部，所以需要给这些元素去除 `drag` 属性，否则将全部不可用。

给功能按钮、菜单等元素，加上下面的css即可：

```css
-webkit-app-region: no-drag;
```

Electron自定义div可拖拽窗口

原帖链接：https://www.instagram.com/p/DAi1X7vMJEr

![image](https://images.oldmoon.top/images/beauty/1728267233556-0.jfif)



![image](https://images.oldmoon.top/images/beauty/1728267233556-1.jfif)

![image](https://images.oldmoon.top/images/beauty/1728267233556-2.jfif)

![image](https://images.oldmoon.top/images/beauty/1728267233556-3.jfif)

![image](https://images.oldmoon.top/images/beauty/1728267233556-4.jfif)

![image](https://images.oldmoon.top/images/beauty/1728267233556-5.jfif)

![image](https://images.oldmoon.top/images/beauty/1728267233556-6.jfif)

20241007欣赏：巫师三-希里

twitter:card

twitter:title

twitter:site

twitter:image

努力做一只帅气、有才、豁达的老狗！

twitter:description

程序员,笔记,Bug记录,编程技术,AI,Java,Node,Golang,个人博客,资源分享,月上老狗,dingdangdog