Skip to content

feat: Major fixes to match up with the latest version #21

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 7 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
authors: "notyoojun"
tags: ["browser", "extension", "MCSkinn"]
---

# How much influence does the browser environment have on the normal operation of the program

the left picture shows an environment without any extensions installed, and everything is normal; the right picture shows an environment with a bunch of extensions and tampermonkey scripts installed, and some models cannot be loaded at all, and the loaded models cannot select templates.

The extensions you installed have the authority to interfere with and modify everything in the entire page (including UI, program execution, network access, etc.). This might lead to unpredictable disasters.

Another confirmed problem is that the built-in Google Translator in your browser will disrupt the normal operation of the program, causing the UI to become messy or the program to crash. There is currently no good solution for this problem in the industry. If our program does not provide a translation in the language you need, please let us know or contribute translations on Github.

![](Screenshot_2025-04-12.png)
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
---
authors: "notyoojun"
tags: ["browser", "extension", "MCSkinn"]
---

# 浏览器环境对程序正常运行有多大影响?

左图显示的是一个没有安装任何扩展程序的环境,一切运行正常;右图则是安装了一堆扩展程序和 Tampermonkey 脚本的环境,此时部分模型无法加载,已加载的模型也无法选择模板。

你安装的扩展程序有权限干预和修改整个页面的所有内容(包括界面、程序执行、网络访问等),这可能会导致难以预料的问题。

另一个已经确认的问题是:你浏览器内置的 Google 翻译器会干扰程序的正常运行,可能导致界面错乱甚至程序崩溃。目前业界尚无理想的解决方案。如果我们的程序暂时不支持你所需的语言翻译,请告诉我们,或在 Github 上贡献翻译内容。

![](Screenshot_2025-04-12.png)
14 changes: 6 additions & 8 deletions data/docs/mcskinn/01.# introduction/index.en-US.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,21 +4,19 @@ sidebar_label: Introduction

# Introduction

MCSkinn is an advanced Minecraft skin editor developed by iNKORE Studios, tailored for the Windows platform. It is designed to enhance your Minecraft experience by offering robust skin management and editing capabilities in a visually appealing and user-friendly interface.
MCSkinn is an advanced Minecraft skin editor developed by iNKORE Studios, which is designed to enhance your Minecraft experience by offering robust skin management and editing capabilities in a visually appealing and user-friendly interface.

## Key Features

- Fluent Design Integration: Seamlessly integrates with the modern Windows interface, providing a sleek and attractive environment.
Versatile Viewing Options: Supports switching between 3D and 2D views to cater to different editing preferences.
- Minimal Design: Providing a smooth and engaging environment through the use of a modern design system.

:::note
- Multiple Viewing Options: Supports switching between 3D and 2D views to accommodate different editing preferences.

We are currently producing the brand-new version of MCSkinn. The new version will not use Fluent Design any more, because we are moving to our design style -- it's more pleasant and attractive!
- Multiple Skins Editing: Enables editing multiple skins simultaneously, boosting efficiency and creativity.

:::
- Intuitive Visual Editor: Equipped with an easy-to-use visual editor that simplifies the skin creation process.

- Multiple Skins Editing: Enables editing multiple skins simultaneously, boosting efficiency and creativity.
Intuitive Visual Editor: Equipped with an easy-to-use visual editor that simplifies the skin creation process.
- Cross-Platform Support: Enhancing the user experience across multiple platforms through advanced web technologies, making MCSkinn available on nearly all major operating systems.

## Why Choosing Us

Expand Down
14 changes: 5 additions & 9 deletions data/docs/mcskinn/01.# introduction/index.zh-CN.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -4,24 +4,20 @@ sidebar_label: 介绍

# 介绍

MCSkinn 是由 iNKORE! (iNKORE Studios) 开发的多功能 Minecraft 皮肤编辑器,专为 Windows 平台量身定制。它旨在通过在视觉上吸引人且用户友好的界面中提供强大的皮肤管理和编辑功能来增强您的 Minecraft 体验。
MCSkinn 是由 iNKORE! (iNKORE Studios) 开发的多功能 Minecraft 皮肤编辑器,旨在通过在视觉上吸引人且用户友好的界面中提供强大的皮肤管理和编辑功能来增强您的 Minecraft 体验。

## 关键特色

- Fluent Design 集成:与现代 Windows 界面无缝集成,提供时尚且有吸引力的环境。

:::note

我们正在推出全新版本的 MCSkinn。由于我们正在打造我们专属的设计风格,因此新版本的 MCSkinn 将不再使用 Fluent Design。

:::
- 现代化设计:通过使用简洁且现代化的设计体系提供流畅且吸引人的环境。

- 多种查看选项:支持在 3D 和 2D 视图之间切换,以满足不同的编辑偏好。

- 多个皮肤编辑:支持同时编辑多个皮肤,提高效率和创造力。

- 直观的可视化编辑器:配备易于使用的可视化编辑器,可简化皮肤创建过程。

- 多平台支持:通过先进的 Web 技术强化多平台用户的使用体验,使 MCSkinn 在几乎所有主流操作系统上都可用。

## 为什么选择我们

MCSkinn 凭借其强大的功能和直观的设计在 Minecraft 皮肤编辑器领域脱颖而出。无论您是打算创建第一个皮肤的初学者,还是寻找高级编辑工具的经验丰富的用户,MCSkinn 都是您的首选解决方案,确保流畅愉快的编辑体验。
Expand All @@ -32,4 +28,4 @@ MCSkinn 凭借其强大的功能和直观的设计在 Minecraft 皮肤编辑器

## Conclusion

MCSkinn 不仅仅是一个皮肤编辑器,它还是一个综合工具,使用户能够在 Minecraft 中表达他们的创造力和个性。深入了解 MCSkinn 的文档以探索更多内容,并立即开始制作您独特的皮肤。让您的个性冒险之旅从 MCSkinn 开始,在 Minecraft 世界中,~~创造力与功能相遇~~
MCSkinn 不仅仅是一个皮肤编辑器,它还是一个综合工具,使用户能够在 Minecraft 中表达他们的创造力和个性。深入了解 MCSkinn 的文档以探索更多内容,并立即开始制作您独特的皮肤。让您的个性冒险之旅从 MCSkinn 开始,在 Minecraft 世界中,创造力与功能相遇。
Binary file not shown.
Binary file not shown.
50 changes: 12 additions & 38 deletions data/docs/mcskinn/02.# onboarding/index.en-US.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -12,54 +12,28 @@ This page will guide you to install and config MCSkinn.

## Step 1: Download and Install

:::warning

iNKORE Hub is corrently not available. Please ignore the instructions below, and install MCSkinn through Microsoft Store:

<a href="https://apps.microsoft.com/detail/9n8sjt329hh1?mode=mini">
<img src="https://get.microsoft.com/images/en-us%20dark.svg" width="200"/>
</a>

For more infomation, please check [this announcement](https://docs.inkore.net/en-us/announcements/2024/09/30/legacy-hub-service-suspended).

### Install iNKORE Hub

You can install our products quickly and conveniently using **iNKORE Hub**. If you don't have **iNKORE Hub** on your computer yet, please click the button below to get **iNKORE Hub** download link and instructions. If you have already installed, skip this step.

[Download iNKORE Hub](https://inkore.net/hub-windows)

After installing **iNKORE Hub**, there should be a shortcut in your start menu like this.
MCSkinn is currently in an early preview stage. You can try it out directly by visiting [https://mcskinn.inkore.app](https://mcskinn.inkore.app). Please note that since MCSkinn is still in its early preview phase, you may encounter some issues during use — this is completely normal. You can report any problems [here](https://github.com/iNKORE-NET/MCSkinn/issues/new), and we’ll work on fixing them as soon as possible.

![Open Hub in start menu](hub-in-start-menu.png)
Also, please be aware that MCSkinn does **not** have a desktop version yet. If you come across anything claiming to be "MCSkinn for Windows" or similar, please verify its authenticity. A desktop version is planned for the future — stay tuned!

### Open iNKORE Hub and Download MCSkinn

Click **iNKORE Hub** in the start menu programs. After initializing, click the **products** tab in the left panel. You should see MCSkinn in the list. Click the **Install** button and wait a minute while MCSkinn is being installed. After installation, the **Install** button should be changed to **Open**. Now MCSkinn is successfully installed into your computer.
## Step 2: Start MCSkinn

![Download MCSkinn in **iNKORE Hub**](download-mcskinn-in-hub.png)
After launching MCSkinn, you’ll need a directory (also known as a folder) to serve as your skin library. This folder can be empty or filled with your personal skins. All your skins will be stored in this directory. If you want to create a skin from scratch, simply create an empty skin. If you wish to edit skins downloaded from the internet, you’ll need to move (or copy) those skins into this directory. MCSkinn cannot view or edit skins located outside of this directory.

:::info Troubleshooting
:::warning

If there is any error message popping up, you should check your network connection, antivirus software and system environment. If that doesn't work, please [contact support]([email protected]), we're more than happy to help.
**Do not** create your skin directory inside the MCSkinn program folder. We are **not** responsible for any loss of skins due to software updates or other issues!

:::

## Step 2: Start MCSkinn

### Preparations

Before using MCSkinn, you need a directory (a.k.a. a given folder) representing your skin library. It can be empty or filled with your personal skins. All your skins designs will be in this directory. If you want to create a skin from zero, just create an empty one. If you'd like to edit skins downloaded from the Internet, you need to move (or copy) the skins to that directory. MCSkinn cannot view or edit skins that are outside this directory.

### Open app and first initialization

After everything is ready, you should be able to see MCSkinn shortcut in the start menu and desktop. Click it to start the app.
For the web version and desktop version, due to architectural limitations, there are two different handling methods:

![Start MCSkinn in start menu](start-mcskinn-in-start-menu.png)
### Web Version

If you're the first time using MCSkinn on this computer, you will see this message:
Due to web architecture limitations, MCSkinn cannot fully access directories and therefore does not support multi-skin editing. To import your skin, follow these steps:

![The first run of MCSkinn](mcskinn-first-run.png)
After loading the MCSkinn webpage, click the **"Open"** button in the left sidebar. After clicking, your webpage should display something like this:

It's time to add your skin directory! Click **Yes**, and select the directory you've prepared.
![](open-document-alert.png)

Now everything is set. You can start working immediately or continue reading more about how to use MCSkinn!
At the same time, a file picker dialog provided by your browser will pop up. Select the skin you want to edit and click **"Confirm"** to proceed.
54 changes: 13 additions & 41 deletions data/docs/mcskinn/02.# onboarding/index.zh-CN.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -6,62 +6,34 @@ sidebar_label: 开始

在使用 MCSkinn 之前,我们建议您查阅我们的[文档](docs.inkore.net)。如果您想了解 MCSkinn 的更多功能和优势,请访问我们的网站:

https://inkore.net/zh-cn/products/mcskinn/
https://www.inkore.net/mcskinn

此页面将告诉您如何安装和配置 MCSkinn。

## 步骤 1: 下载并安装

:::warning

iNKORE Hub 现处于不可用状态。请忽略下方的安装步骤,从 Microsoft Store 安装 MCSkinn:

<a href="https://apps.microsoft.com/detail/9n8sjt329hh1?mode=mini">
<img src="https://get.microsoft.com/images/zh-cn%20dark.svg" width="200"/>
</a>

如果你想知道更多信息,请浏览[这篇文章](https://docs.inkore.net/zh-cn/announcements/2024/09/30/legacy-hub-service-suspended)。

:::

### 安装 iNKORE Hub

您可以通过使用 **iNKORE Hub** 快速便捷地安装我们的产品。如果您的计算机上尚未安装 **iNKORE Hub**,请单击下面的按钮获取 **iNKORE Hub** 的下载链接和说明。如果您已经安装了,请跳过此步骤。

[下载 **iNKORE Hub**](https://inkore.net/hub-windows)
MCSkinn 当前处于早期预览阶段。你可以通过访问 https://mcskinn.inkore.app 来直接使用。请注意,出于 MCSkinn 仍在早期预览阶段,因此在使用时可能会遇到一些问题,这是十分正常的,你可以通过[这里](https://github.com/iNKORE-NET/MCSkinn/issues/new)进行反馈,我们会尽快修复。

安装完 **iNKORE Hub** 后,您的开始菜单中应该会有一个类似这样的快捷方式。
另外,MCSkinn 还并未推出桌面版本。如遇到诸如 "MCSkinn for Windows" 之类的内容,请注意甄别。我们会在未来推出桌面版本,敬请期待!

![在开始菜单中打开 Hub](hub-in-start-menu.png)

### 打开 iNKORE Hub 并下载 MCSkinn

在开始菜单的程序中点击 **iNKORE Hub**。初始化后,点击左侧面板中的 **产品** 选项卡。您应该在列表中看到 MCSkinn。点击 **安装** 按钮,等待 MCSkinn 安装完成。安装完成后,**安装** 按钮应更改为 **打开**。现在 MCSkinn 已成功安装到您的计算机中。
## 步骤 2: 开始使用 MCSkinn

![在 Hub 中下载 MCSkinn](download-mcskinn-in-hub.png)
打开 MCSkinn 之后,您需要一个目录(也称为文件夹)来表示您的皮肤库。它可以是空的,也可以填充您个人的皮肤。所有的皮肤都将存储在这个目录中。如果您想从零开始创建皮肤,只需创建一个空的皮肤即可。如果您想编辑从互联网上下载的皮肤,则需要将这些皮肤移动(或复制)到该目录中。MCSkinn 无法查看或编辑位于该目录之外的皮肤。

:::info 疑难解答
:::warning

如果弹出任何错误消息,您应该检查您的网络连接、防病毒软件和系统环境。如果这些方法都无效,请[联系支持]([email protected]) ,我们很乐意帮助。
请**不要**将皮肤目录建立在 MCSkinn 程序目录下。对于软件更新或其他原因导致的皮肤遭删除等问题,我们概不负责!

:::

## 步骤 2: 开始使用 MCSkinn

### 准备工作

在使用 MCSkinn 之前,您需要一个代表您皮肤库的目录 (即一个特定的文件夹)。它可以是空的,也可以填充有您的个人皮肤。您所有的皮肤都将在此目录中。如果您想从零开始创建一个皮肤,只需创建一个空的目录。如果您想编辑从互联网下载的皮肤,您需要将这些皮肤移动 (或复制) 到该目录。MCSkinn 无法查看或编辑在此目录之外的皮肤。

### 打开应用并进行首次初始化

一切准备就绪后,您应该能够在开始菜单和桌面上看到 MCSkinn 的快捷方式。点击它启动应用程序。
对于网页版和桌面版,出于架构限制,有 2 种不同的处理方法:

![在开始菜单中启动 MCSkinn](start-mcskinn-in-start-menu.png)
### 网页版

如果您在这台计算机上是第一次使用 MCSkinn,您将看到以下消息
出于架构限制,MCSkinn 无法完整访问完整目录,因此也无法进行多皮肤编辑。想要导入你的皮肤,你需要进行以下操作

![MCSkinn 的初次启动画面](mcskinn-first-run.png)
在加载 MCSkinn 网页后,点击左侧侧栏的 "打开" 按钮。点击之后,你的网页应当这样显示:

是时候添加您的皮肤目录了!点击 **是**,然后选择您准备好的文件夹。
![](open-document-alert.png)

现在一切都准备就绪。您可以立即开始工作,或继续阅读有关如何使用 MCSkinn 的更多信息!
同时一个由浏览器提供的文件选择窗口将会弹出。选择你想编辑的皮肤后,点击 "确认" 即可。
Binary file not shown.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

This post will tell you some basic usages of MCSkinn. If you haven't installed MCSkinn yet, please go to the previous page to get started.

After starting MCSkinn from your desktop or start menu, the main UI should be like this. The figure below shows how the controls are used.
After starting MCSkinn, the main layout should be like this. The figure below shows how the controls are used.

![Main Layout](main-layout.png)

Expand Down
22 changes: 11 additions & 11 deletions data/docs/mcskinn/03. overview/01.# main-layout/index.zh-CN.mdx
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
# 布局导航

在从桌面或开始菜单启动 MCSkinn 后,主界面应该是这样的。下图显示了如何使用这些控件。
在启动 MCSkinn 后,主界面应该是这样的。下图显示了如何使用这些控件。

![主界面](main-layout.png)

Expand All @@ -12,26 +12,26 @@

## 编辑器

视口: 用于查看、移动和编辑您的皮肤的主要区域。在不同的工具中,不同的鼠标按钮具有不同的功能。
**视口**: 用于查看、移动和编辑您的皮肤的主要区域。在不同的工具中,不同的鼠标按钮具有不同的功能。

选择工具: 有许多工具可供选择。您还可以在此处进行截图和重置相机。工具将在后面介绍。
**选择工具**: 有许多工具可供选择。您还可以在此处进行截图和重置相机。工具将在后面介绍。

模型选择器: 点击选择适合您皮肤的正确模型,然后将打开一个分类菜单供您选择。
**模型选择器**: 点击选择适合您皮肤的正确模型,然后将打开一个分类菜单供您选择。

显示模式: 自由切换到 3D/2D/拆分模式 以适应您的视口。这对于编辑皮肤非常有帮助。
**显示模式**: 自由切换到 3D/2D/拆分模式 以适应您的视口。这对于编辑皮肤非常有帮助。

## 工具栏

撤销 & 保存: 一键撤销、重做或保存您的皮肤。您可以在按钮后点击小箭头以撤销/重做多个步骤。您还可以右键单击保存按钮将皮肤保存为其他名称。
**撤销 & 保存**: 一键撤销、重做或保存您的皮肤。您可以在按钮后点击小箭头以撤销/重做多个步骤。您还可以右键单击保存按钮将皮肤保存为其他名称。

提示 & 状态栏: 显示一些提示信息和程序的当前状态。当您感到困惑时,提示可能会有所帮助。
**提示 & 状态栏**: 显示一些提示信息和程序的当前状态。当您感到困惑时,提示可能会有所帮助。

## 侧边栏

工具选项: 更改所选工具的画笔形状、密度和其他选项。明智地使用工具有助于更快地设计您的皮肤。
**工具选项**: 更改所选工具的画笔形状、密度和其他选项。明智地使用工具有助于更快地设计您的皮肤。

切换部位: 设置皮肤部件是否可见。使用复选框切换其可见性。这对于想要查看通常隐藏的一些面很有帮助。
**切换部位**: 设置皮肤部件是否可见。使用复选框切换其可见性。这对于想要查看通常隐藏的一些面很有帮助。

颜色编辑器: 使用调色板、HEX 框和 RGB/HSL/HSV 滑块更改当前工具的颜色。
**颜色编辑器**: 使用调色板、HEX 框和 RGB/HSL/HSV 滑块更改当前工具的颜色。

场景:更换视口中的背景环境,以帮助您更直接地预览皮肤在游戏中的不同效果。
**场景**: 更换视口中的背景环境,以帮助您更直接地预览皮肤在游戏中的不同效果。
Binary file modified data/docs/mcskinn/03. overview/01.# main-layout/main-layout.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading