# blog_vuecode

**Repository Path**: pipepandafeng/blog_vuecode

## Basic Information

- **Project Name**: blog_vuecode
- **Description**: 使用vuepress构建的个人博客。
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: http://pipepandafeng.gitee.io
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 0
- **Created**: 2021-03-10
- **Last Updated**: 2024-09-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: vuepress, Vue, Markdown, JavaScript, CSS

## README

<!-- <p align="center">
<a href='https://gitee.com/pipepandafeng/blog_vuecode'><img src='https://gitee.com/pipepandafeng/blog_vuecode/widgets/widget_3.svg' alt='Fork me on Gitee'></img></a>
</p>
<p align="center">
<img src="./docs/.vuepress/public/img/logo.png" width="300"><br>
<a href='https://gitee.com/pipepandafeng/blog_vuecode/stargazers'><img src='https://gitee.com/pipepandafeng/blog_vuecode/badge/star.svg?theme=dark' alt='star'></img><img src='https://gitee.com/pipepandafeng/blog_vuecode/badge/fork.svg?theme=dark' alt='fork'></img></a>
<p align="center">✨ 使用 vuepress 构建的个人博客。✨</p>
</p> -->

🌈 Site

线上预览地址：
<a href="http://bl.pipef.top" target="_blank">bl.pipef.top</a>

🦄 Usage

> 本地运行

* `npm install`
* `npm start` 或者 `npm run docs:dev`

> 打包

* `npm run docs:build`

⚠️ Warning

* 1: 因为@vssue/api-gitee-v5 包存在问题，所以 npm 下载@vssue/api-gitee-v5 包后，需要去 node_modules 里@vssue/api-gitee-v5/lib/index.js
  

```js
const {
    data
} = await this.$http.post(originalURL, { //proxyURL换为originalURL
    client_id: this.clientId,
    client_secret: this.clientSecret,
    code,
    grant_type: 'authorization_code',
    redirect_uri: window.location.href,
});
return data.access_token;
}
```

该问题已解决，更新 `@vssue/vuepress-plugin-vssue 1.4.8` 即可解决。

* 2：应采用了`dotenv`读取配置文件，所以克隆代码后需要在本地新建文件`.env`, 然后填写gitee第三方应用的`clientId`,    `clientSecret`。

* 3: 需采用https部署
* 4：CI/CD 部署时，需提供配置文件`.env`，文件里需要配置`gitee`的`clientId`,    `clientSecret`, 否则无法实现评论功能。

🧱 Contribute

测试构建

<h3>欢迎大家在评论区留下自己的意见，博主会第一时间回答。.</h3>