1.aria2 简介
2.五分钟学会发布React组件到NPM包

aria2 简介

       Aria2是一款源自开源的C++编写命令行下载工具，因其与百度网盘的关联，在国内具有一定知名度，它也常被用作其他下载器的基础组件。

       虽然我拥有VPS，但其通常对BT下载有TOS限制；我的大盘线 源码电脑上既有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目录，获取body源码然后通过命令行验证连接。

       接着，访问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?'react6

       npm镜像源，记得还原为官方,官方的源已经换成了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