1. preface
Hello everyone, I am a wolf at the end of the desert.
Dotnet工具箱是一个纯前端的、开源和免费的工具网站，周末我参考了开源项目it-tools，对网站界面文字进行了汉化，并重新部署了网站。该网站共有10大工具分类，提供了73个实时在线小工具。使用Vue3开发的Dotnet工具箱具有独特的特色，本文详细介绍了其中一些特色工具，并简单分享了如何部署自己的工具网站。如果你对工具网站感兴趣，不妨来了解一下Dotnet工具箱吧！
The Dotnet toolbox has the following tools:
About the Dotnet toolbox and the it-tools project
Dotnet toolbox warehouse (based on it-tools): https://www.example.com
it-tools warehouse: https://www.example.com
it-tools开源协议：GPL-3.0 license
it-tools online tool: https://www.example.com
As of the time of writing this article, the Dotnet toolbox has only Chineseized the interface text of the it-tools project. In the future, if you have needs, you will expand and develop it according to the project specifications. If you are interested, you can:
Participate in the development of it-tools: https://www.example.com
Participate in the development of the Dotnet toolbox: https://www.example.com
Please visit https://www.example.com for correcting the Chinese translation of the Dotnet Toolkit, asking for Issue, and asking for PR
2. tool describes
Select the 10 major tool categories to introduce parts, and introduce parts for each major category.
2.1. encryption and decryption
There are 11 widgets for encryption and decryption.
2.1.1. Token, random password generator
Online tool access address: https://www.example.com
Generates a custom length, random string containing upper or lower case letters, numbers or symbols.
2.1.2. Hashed text generator
Online tool access address: https://www.example.com
Hash the text string using the required function: MD5, SHA1, SHA 256, SHA 224, SHA 512, SHA 384, SHA 3 or RIPEMD 160
2.1.3. Text encryption and decryption
Online tool access address: https://www.example.com
Encrypt and decrypt text plaintext using encryption algorithms such as AES, TripleDES, Rabbit, or RC4.
2.1.4. RSA Key Pair Generator
Online tool access address: https://www.example.com
Generate new random RSA private key and public key pem certificates.
2.1.5. Password Strength Analyzer
Online tool access address: https://www.example.com
Use this client-only password strength analyzer and crack time estimation tool to discover your password strength.
2.2. scaler
The converter has a total of 15 widgets.
2.2.1. date-time converter
Online tool access address: https://www.example.com
Convert dates and times to various formats
2.2.2. Online binary conversion
Online tool access address: https://www.example.com
Online binary conversion, which converts between commonly used binary, hexadecimal, decimal and other binary units. You can also customize the conversion of other binary units, such as binary 50, binary 100...
2.2.3. Base64 string encoding/decoding
Online tool access address: https://www.example.com
Simply encode and decode a string into a base64 representation.
2.2.4. Base64 file converter
Online tool access address: https://www.example.com
Convert a string, file, or image to its base64 representation.
- Paste the corresponding file base64 string and convert it to file download
- Convert uploaded files to base64 strings for copying
2.2.5. color converter
Online tool access address: https://www.example.com
Convert colors between different formats (hex, rgb, hsl and css name), commonly used in front-end development (e.g. web, desktop software, mobile)
2.2.6. JSON to YAML
Online tool access address: https://www.example.com
在线将JSON转换为YAML的转换器，类似的还有YAML转JSON、YAML转TOML、JSON转TOML、列表数据转换器、TOML转JSON、TOML转YAML。
2.3. website
There are 15 widgets in the website classification.
2.3.1. URL string encoding and decoding
Online tool access address: https://www.example.com
Encode into or decode from url encoding format (also known as "percentage encoding ").
2.3.2. Escape html element
Online tool access address: https://www.example.com
Escape or unescape html elements (replace <,>,&,"and 'with the corresponding html version). This may be mainly used when the back-end provides webpage content to the front-end. Special symbols need to be escaped before they can be used normally
2.3.3. Url analyzer
Online tool access address: https://www.example.com
Parse the url string to get all the different parts (protocol, source, parameters, port, username and password...)
2.3.4. device information
Online tool access address: https://www.example.com
Get information about the current device (screen size, pixel ratio, user agent, etc.)
2.3.5. alias string
Tool introduction: Make string URLs, file names, and ids safe.
这是一篇关于别名的介绍什么是URL slug 及其对 SEO 的重要性：
Slug is very powerful for keyword SEO. If a user is going to Google search for "what is a slug", keywords in the content URL structure help signal to Google that the content should be included in the SERP. if a good Slug clearly describes the content of a web page and can improve the user experience.
本文也使用了别名字符串工具，截图如下：
The steps are:
- Translate the title of the article in Baidu Translation "Dotnet Toolkit: An open source, free pure front-end tool website that takes you to explore the top 10 tool categories and 73 real-time online widgets";
- 将得到的英文标题“Dotnet Toolbox: Open source, free pure front-end tool website that takes you to explore 10 major tool categories and 73 real-time online small tools”复制到别名字符串工具【需要转别名的字符串】输入框；
- Click [Copy Alias] to paste the converted alias string in the [Alias] input box into the Markdown file of this article. The file is also named after the converted [[Alias]. md];
- 使用别名访问本文：https://dotnet9.com/2023/10/dotnet-toolbox-open-source-free-pure-front-end-tool-website-that-takes-you-to-explore-10-major-tool-categories-and-73-real-time-online-small-tools9
2.3.6. HTTP status code
Online tool access address: https://www.example.com
A list of all HTTP status codes, their names and meanings.
2.3.7. JSON Comparison
Online tool access address: https://www.example.com
Compare two JSON objects and get the differences between them.
2.4. pictures and videos
There are 4 widgets.
2.4.1. QR code generator
Online tool access address: https://www.example.com
Generate and download a url or text-only QR code, and customize the background and foreground color.
The following is the QR code generated by the above operations. Scan the QR code on WeChat to open the Dotnet Toolkit website:
2.4.2. SVG Placeholder Generator
Online tool access address: https://www.example.com
Generate svg images to be used as placeholders in applications, mainly used as placeholders when website pictures are not yet loaded.
2.4.3. Video camera recorder
Online tool access address: https://www.example.com
Take photos or record videos from a webcam or camera.
2.5. development
There are a total of 10 widgets in the development classification.
2.5.1. Crontab generator
Online tool access address: https://www.example.com
Verify and generate crontabs and obtain a human-readable description of the cron project.
2.5.2. JSON beautification and formatting
Online tool access address: https://www.example.com
将 JSON 字符串美化为人类友好的可读格式，对应的就有JSON压缩工具。
2.5.3. SQL beautification and formatting
Online tool access address: https://www.example.com
Format and beautify your SQL query statements online (it supports various SQL variants).
2.5.4. Docker compose converter
Online tool access address: https://www.example.com
Convert the docker run command into a docker-compose file!
2.5.5. XML format
Online tool access address: https://www.example.com
Beautify XML strings into a human-friendly and readable format.
2.x. other classification
小工具太多，逐一介绍太占篇幅，有兴趣可访问Dotnet工具箱-为开发人员提供方便的在线工具 (dotnetools.com)探索使用。
3. Develop and deploy your own tool station
it-tools是一个开源项目，站长基于它开发部署了自己的Dotnet工具站，当然您也可以基于it-tools或Dotnet工具站开发部署自己的工具网站，让我们动起手来试试吧。
3.1. simple deployment
it-tools项目readme说明有比较详细的项目相关说明、Docker网站部署步骤，下面是站长Dotnet工具箱的打包、部署简单说明：
- Clone project: https://www.example.com
- 定位到Dotnet工具箱目录：
./src/Dotnetools - Install the necessary environment for front-end development: Node.js
- 终端安装依赖：
npm install - 终端打包：
npm run build - Just copy the publishing directory to the server.
3.2. Modify or extend your own tools
每个小工具源码在./src/Dotnetools/src/tools/下：
在tools目录下增加或删除小工具目录后，需要改src\tools\index.ts文件，这里组织工具目录列表：
3.3. about translation
部分小工具支持多语言本地化，可在下图中src\tools\token-generator添加或维护语言：
src\plugins\i18n.plugin.ts配置本地化使用的语言：
但大部分工具是未支持多语言的，可直接在xx.vue或xxx.ts中直接修改语言(比如：src\tools\http-status-codes\http-status-codes.vue)：
Dotnet工具站部分视图翻译肯定是存在问题的，欢迎大家提PR纠正。
4. summary
The webmasters have tested each of these tools, so please rest assured to use them, but don't worry about reading the source code and asking for PR, haha.
Because I spend more time unemployed at home, it is inevitable that some translations will be incorrect. Everyone is welcome to participate in maintenance:
Participate in the development of it-tools: https://www.example.com
Participate in the development of the Dotnet toolbox: https://www.example.com
Please visit https://www.example.com for correcting the Chinese translation of the Dotnet Toolkit, asking for Issue, and asking for PR
For technical exchanges and groups, please add webmaster WeChat: codewf