
# npm自动改版本号+博客静态源代码自动上传

## 碎碎念

在此之前 我食用了下 abeginner.cn 的Action配置 但是行不通

## 教程开始

### 1. 在source目录下创建index.js

```javascript
const fs = require('fs/promises')

const index = async () => {
  const obj = {
    date: Date.now() + ''
  }
  const pageageFile = {
    name: process.env.NPM_NAME || '',
    version: `${obj.date[0]}.${obj.date[1]}.${obj.date.slice(2, 13)}`,
    main: 'index.js',
    description: ''
  }
  const pageageFileStr = JSON.stringify(pageageFile)
  await fs.writeFile('./package.json', pageageFileStr, 'utf8', (err) => {
    if (err) throw err
  })
  console.log('写入完成')
}
index()
```

记得在config中skip掉

![image.png](https://s2.loli.net/2022/12/09/dxZBLM4zqbjs8AR.png)

### 2.  想办法在public有一个package.json

我们可以直接`npm init`在source目录 也可以使用其他方法

记得在config中skip掉

### 3. 在.github/workflows创建一个

如果你使用了和店长一样的action方案 在下方直接添加

```yaml
    - name: 发布npm包
      if: env.NPM_TOKEN && env.NPM_NAME
      run: |
        cd public
        node index.js
        npm config set //registry.npmjs.org/:_authToken=$NPM_TOKEN
        npm publish
      env:
        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
        NPM_NAME: ${{ secrets.NPM_NAME }}
```

如果没有 可以先去和店长创建一个 akilar.top （超级好用的

### 4. 在github仓库设置一个secret

点击仓库界面的`setting`

点击`secret -> action` 并且点击`new`

创建两个参数

|   名称    |   内容    |
| :-------: | :-------: |
| NPM_NAME  | NPM仓库名 |
| NPM_TOKEN |  NPM密钥  |

## 完成了 Enjoy it！

