1.aria2 简介
2.五分钟学会发布React组件到NPM包
aria2 简介
Aria2是一款源自开源的C++编写命令行下载工具，因其与百度网盘的关联，在国内具有一定知名度，它也常被用作其他下载器的基础组件。
虽然我拥有VPS，但其通常对BT下载有TOS限制；我的otto源码电脑上既有qBittorrent和迅雷，偶尔需要命令行多线程下载时，我会选择使用axel。在路由器上，aria2可以作为离线BT客户端，但受限于低端硬件，8MB内存的试玩平台源码模板路由器无法处理复杂的任务。我主要的设想是用于离线HTTP下载速度慢的资源，完成后将其上传到OneDrive或Mega，以便快速获取。但鉴于需求频率不高，我通常会通过代理或在VPS上直接操作，因此暂不考虑使用aria2。总的来说，作为命令行下载器，aria2表现出色，只需简单设置如`-x5`，其余默认即可，页面跳转是源码使用体验良好。
尽管WebUI对于非技术用户来说安装和配置有一定挑战，即使是所谓的“懒人包”也存在门槛。我将提供简要步骤，帮助你运行一个基本的WebUI，但这并不适合日常或正式使用。WebUI与aria2c通过WebSocket进行通信，你需要在aria2c中启用RPC，使其监听localhost:。从GitHub下载的aria2c安装包解压后，将aria2c.exe放入C:\Windows目录，红月源码开发然后通过命令行验证连接。
接着，访问ziahamza.github.io/webui的文档，设置WebUI连接，将连接信息调整为上述配置。WebUI的下载目录和并发连接数可以在左下角进行设置，但这些设置不会持久保存。若需长期使用，可能需要参考其他教程和WebUI的文档。
尽管Aria2代码库活跃度不高，最后一次提交是图片采集软件源码在年月，但作者是ng-i-k3u1fbpfcp/7dad4e3efa5ccb9fd~tplv-k3u1fbpfcp-watermark.image?)执行`npm?run?build`打包出一个?dist?文件夹，然后重启?vscode?解决。#?使用github-actions自动化部署我们可以使用?github-actions?自动化将?dumi?的组件文档部署到?github-pages?中，实现步骤如下：1.?在?github?建一个代码仓库2.?到github?的个人主页申请一个?token3.?选择token?的?note和过期时间4.?权限选择5.?最后生成?token，将token?复制到你的个人仓库的?`setting/secrets`?中我在这里使用的是?`ACCESS_TOKEN`,也可以自己写，不过这里的名字需要跟后面的?yml?文件保持一致。6.?在你的项目根目录中创建目录和?yml?文件
.github└──workflows└──gh-pages.yml
yml文件中这样写```ymlname:?github?pageson:?push:branches:?-?main?#?default?branchjobs:?deploy:runs-on:?ubuntu-.steps:?-?uses:?actions/checkout@v2?-?run:?npm?install?-?run:?npm?run?docs:build?-?name:?Deployuses:?peaceiris/actions-gh-pages@v3with:?github_token:?${ { ?secrets.ACCESS_TOKEN?}}?publish_dir:?./docs-dist注意最后的secrets.ACCESS_TOKEN里面的ACCESS_TOKEN就是你在github仓库中设置的token名字。
在项目的package.json中配置homepage字段
import?*?as?react?from?'react1将代码推送到远程仓库，actions会自动下载依赖并打包
最后打开你配置的homepage就可以看到部署好的文档，我的文档地址是这样的
/中注册一个账号
package.json中配置一些内容
import?*?as?react?from?'react4上面的配置是我收集到的，如果不是非常特殊的情况，我们只需要将name、description、author、version、keywords、homepage、repository修改成自己的就可以了，其他可以不动。
修改README一个NPM包，好的README能够快速让用户知道这个包能够干什么，如何使用等。
这里有一个github高star的项目，教人怎么写README，并提供了模板。
地址在这：standard-readme中文
同时我们可能还需要徽章，这里有一个徽章生成的工具网站，可以根据NPM或者github来生成徽章，我们只需要拷贝到README就可以生成徽章
徽章生成：https://shields.io/
在README中的徽章生成示例代码：
import?*?as?react?from?'react5会变成这样：
我们只需要拷贝代码，并将生成的链接覆盖掉这串代码上的链接就行
在项目中输入命令行发布登陆npm，并根据提示输入注册时的username、password,email
import?*?as?react?from?'react6npm镜像源，记得还原为官方,官方的源已经换成了https协议了
import?*?as?react?from?'react7设置完了也可以再看一眼
import?*?as?react?from?'react8执行npm打包,此时会出来dist文件
import?*?as?react?from?'react9一般来说我们只需要将dist传到npm就行了，不需要传源码，这时候你可能需要再看一眼package.json中的files字段是不是设置正确了
apiParser:?{ ?propFilter:?{ //?是否忽略从?node_modules?继承的属性，默认值为?falseskipNodeModules:?true,//?需要忽略的属性名列表，默认为空数组skipPropsWithName:?[],//?是否忽略没有文档说明的属性，默认值为?falseskipPropsWithoutDoc:?false,?},},0发包
apiParser:?{ ?propFilter:?{ //?是否忽略从?node_modules?继承的属性，默认值为?falseskipNodeModules:?true,//?需要忽略的属性名列表，默认为空数组skipPropsWithName:?[],//?是否忽略没有文档说明的属性，默认值为?falseskipPropsWithoutDoc:?false,?},},1后面更新包的代码时，需要同步更新包的版本，这个字段在package.json中
apiParser:?{ ?propFilter:?{ //?是否忽略从?node_modules?继承的属性，默认值为?falseskipNodeModules:?true,//?需要忽略的属性名列表，默认为空数组skipPropsWithName:?[],//?是否忽略没有文档说明的属性，默认值为?falseskipPropsWithoutDoc:?false,?},},2每次都需要跟上一次不一样，否则会发包失败。
同时发包时，也可以修改其他package.json的内容，但不要改name噢。
最后推广一下本人长期维护的github博客
1.从学习到总结，记录前端重要知识点，涉及Javascript深入、HTTP协议、数据结构和算法、浏览器原理、ES6、前端技巧等内容。
2.在README中有目录可对应查找相关知识点。
如果对您有帮助，欢迎star、follow。
完结，撒花ヽ(°▽°)ノ?
参考#是时候搭建你们团队的UI组件库了
#GitHubActions入门教程-阮一峰
#使用TypeScript+React发布组件到Npm
