meteorlxy / vssue

:mailbox: A Vue-powered Issue-based Comment Plugin
https://vssue.js.org
MIT License
778 stars 107 forks source link

什么时候支持 vuepress2? #150

Closed tomiaa12 closed 1 year ago

tomiaa12 commented 2 years ago

vuepress2出来有一段时间了,有计划什么时候支持vuepress2吗?

laoergege commented 2 years ago

我封装了下,你可以试试,https://github.com/laoergege/laoergege-blog/packages/1480309

tomiaa12 commented 2 years ago

我封装了下,你可以试试,https://github.com/laoergege/laoergege-blog/packages/1480309

.npmrc修改成你的地址,在npm安装的时候会报401错误,能否发布到 npmjs上面一下。

npm ERR! code E401
npm ERR! Incorrect or missing password.
npm ERR! If you were trying to login, change your password, create an
npm ERR! authentication token or enable two-factor authentication then
npm ERR! that means you likely typed your password in incorrectly.
npm ERR! Please try again, or recover your password at:
npm ERR!     https://www.npmjs.com/forgot
npm ERR! 
npm ERR! If you were doing some other operation then your saved credentials are
npm ERR! probably out of date. To correct this please try logging in again with:
npm ERR!     npm login

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Administrator\AppData\Local\npm-cache\_logs\2022-06-21T15_00_38_411Z-debug-0.log

npm login 重新登陆还是会这样

laoergege commented 2 years ago

哦嗷,要先登录到 github packages (太麻烦了)

npm config set @@laoergege:registry https://npm.pkg.github.com
npm login --scope=@laoergege --registry=https://npm.pkg.github.com

明天我再发到npm。。。

laoergege commented 2 years ago

发到 npm 了,有什么问题再来反馈吧

tomiaa12 commented 2 years ago

发到 npm 了,有什么问题再来反馈吧

引入之后启动报错了

 D:/work/web/.temp/internal/clientConfigs.js
  11 |  import clientConfig10 from 'D:/work/web/node_modules/vuepress-plugin-copy-code2/lib/client/config.js'
  12 |  import clientConfig11 from 'D:/work/web/node_modules/@vuepress/plugin-search/lib/client/config.js'
  13 |  import clientConfig12 from 'D:\work\web\node_modules\@laoergege\vuepress-plugin-vssue-next-compat\lib\clientConfigFile.js'
     |                              ^
  14 |  import clientConfig13 from 'D:/work/web/vuepress.client.ts'
  15 |
      at formatError (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39055:46)
      at TransformContext.error (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39051:19)
      at normalizeUrl (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:58329:26)
      at async TransformContext.transform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:58478:57)
      at async Object.transform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39292:30)
      at async doTransform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:50012:29)
laoergege commented 2 years ago

发到 npm 了,有什么问题再来反馈吧

引入之后启动报错了


 D:/work/web/.temp/internal/clientConfigs.js
  11 |  import clientConfig10 from 'D:/work/web/node_modules/vuepress-plugin-copy-code2/lib/client/config.js'
  12 |  import clientConfig11 from 'D:/work/web/node_modules/@vuepress/plugin-search/lib/client/config.js'
  13 |  import clientConfig12 from 'D:\work\web\node_modules\@laoergege\vuepress-plugin-vssue-next-compat\lib\clientConfigFile.js'
     |                              ^
  14 |  import clientConfig13 from 'D:/work/web/vuepress.client.ts'
  15 |
      at formatError (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39055:46)
      at TransformContext.error (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39051:19)
      at normalizeUrl (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:58329:26)
      at async TransformContext.transform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:58478:57)
      at async Object.transform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39292:30)
      at async doTransform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:50012:29)
``

系统路径问题??

tomiaa12 commented 2 years ago

发到 npm 了,有什么问题再来反馈吧

引入之后启动报错了

 D:/work/web/.temp/internal/clientConfigs.js
  11 |  import clientConfig10 from 'D:/work/web/node_modules/vuepress-plugin-copy-code2/lib/client/config.js'
  12 |  import clientConfig11 from 'D:/work/web/node_modules/@vuepress/plugin-search/lib/client/config.js'
  13 |  import clientConfig12 from 'D:\work\web\node_modules\@laoergege\vuepress-plugin-vssue-next-compat\lib\clientConfigFile.js'
     |                              ^
  14 |  import clientConfig13 from 'D:/work/web/vuepress.client.ts'
  15 |
      at formatError (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39055:46)
      at TransformContext.error (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39051:19)
      at normalizeUrl (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:58329:26)
      at async TransformContext.transform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:58478:57)
      at async Object.transform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:39292:30)
      at async doTransform (D:\work\web\node_modules\vite\dist\node\chunks\dep-8f5c9290.js:50012:29)
``

系统路径问题??

我创建了一个新的项目还是有这个问题,不知道什么原因。https://github.com/tomiaa12/test-vuepress

laoergege commented 2 years ago

拉了下尝试没这问题,你这个问题我也不知道怎么回事。不过倒是遇到另一个我没考虑过的问题,文件都被我编译成 commonjs 格式,在 vite 下跑不起来,现在整好了,再发一次。你再试一下,说定就“重启大法”好了呢

tomiaa12 commented 2 years ago

拉了下尝试没这问题,你这个问题我也不知道怎么回事。不过倒是遇到另一个我没考虑过的问题,文件都被我编译成 commonjs 格式,在 vite 下跑不起来,现在整好了,再发一次。你再试一下,说定就“重启大法”好了呢

import clientConfig10 from 'G:/WEB/gitee/web/node_modules/vuepress-plugin-copy-code2/lib/client/config.js'
  12 |  import clientConfig11 from 'G:/WEB/gitee/web/node_modules/@vuepress/plugin-search/lib/client/config.js'
  13 |  import clientConfig12 from 'G:\WEB\gitee\web\node_modules\@laoergege\vuepress-plugin-vssue-next-compat\lib\clientConfigFile.js'
     |                              ^
  14 |  import clientConfig13 from 'G:/WEB/gitee/web/vuepress.client.ts'

还是会报这个错,现在换了台电脑还是一样,难道是win11的原因

laoergege commented 2 years ago

拉了下尝试没这问题,你这个问题我也不知道怎么回事。不过倒是遇到另一个我没考虑过的问题,文件都被我编译成 commonjs 格式,在 vite 下跑不起来,现在整好了,再发一次。你再试一下,说定就“重启大法”好了呢

import clientConfig10 from 'G:/WEB/gitee/web/node_modules/vuepress-plugin-copy-code2/lib/client/config.js'
  12 |  import clientConfig11 from 'G:/WEB/gitee/web/node_modules/@vuepress/plugin-search/lib/client/config.js'
  13 |  import clientConfig12 from 'G:\WEB\gitee\web\node_modules\@laoergege\vuepress-plugin-vssue-next-compat\lib\clientConfigFile.js'
     |                              ^
  14 |  import clientConfig13 from 'G:/WEB/gitee/web/vuepress.client.ts'

还是会报这个错,现在换了台电脑还是一样,难道是win11的原因

有点搞不明白,这路径代码不是动态运行生成的么???怎么会这样

laoergege commented 2 years ago

哦,发现问题,vite 解析风格问题,我换个工具,生成 / 路径风格

laoergege commented 2 years ago

发了,再试试

tomiaa12 commented 2 years ago

发了,再试试

image

image

运行起来了,用的时候好像组件没被注册一样啥情况

laoergege commented 2 years ago

发了,再试试

image

image

运行起来了,用的时候好像组件没被注册一样啥情况

demo

<Vssue title="123"/>

我这样测试了下,组件有注册吖。你先debug下吧。。

tomiaa12 commented 2 years ago

发了,再试试

image image 运行起来了,用的时候好像组件没被注册一样啥情况

demo

<Vssue title="123"/>

我这样测试了下,组件有注册吖。你先debug下吧。。

好像测出来了,我直接在markdown文件里面能显示组件,但是我在自定义继承的主题里面用就显示不出来,控制台也不报未注册的错误。还是之前这个仓库你可以看看啥情况 https://github.com/tomiaa12/test-vuepress/blob/main/docs/.vuepress/theme/layouts/Layout.vue

laoergege commented 2 years ago

发了,再试试

image image 运行起来了,用的时候好像组件没被注册一样啥情况

demo

<Vssue title="123"/>

我这样测试了下,组件有注册吖。你先debug下吧。。

好像测出来了,我直接在markdown文件里面能显示组件,但是我在自定义继承的主题里面用就显示不出来,控制台也不报未注册的错误。还是之前这个仓库你可以看看啥情况 https://github.com/tomiaa12/test-vuepress/blob/main/docs/.vuepress/theme/layouts/Layout.vue

我这边可以跑呀,我在 vue devtool 可以看到该组件,就是刚开始网络加载相关代码有点慢

laoergege commented 2 years ago

在你的测试项目中,我还发现个问题:import 'vssue/dist/vssue.css'; 在 Layout 组件中导入无效,我在 .vuepress/client.ts 里导入才生效

tomiaa12 commented 2 years ago

在你的测试项目中,我还发现个问题:import 'vssue/dist/vssue.css'; 在 Layout 组件中导入无效,我在 .vuepress/client.ts 里导入才生效

可以了,我遇到一个问题,我在 /a.html 路径点登录,在你提供的事件登陆之前缓存路径。gitee登录会回调到我的首页,我页面进来判断缓存是不是存在缓存的 /a.html 路径,然后跳转到登录之前的地址。但是刚刚从gitee回调到我的首页,评论还在转圈我就改了路由,导致跳过去之后发现变成未登录了,你这边是怎么处理的

laoergege commented 2 years ago

在你的测试项目中,我还发现个问题:import 'vssue/dist/vssue.css'; 在 Layout 组件中导入无效,我在 .vuepress/client.ts 里导入才生效

可以了,我遇到一个问题,我在 /a.html 路径点登录,在你提供的事件登陆之前缓存路径。gitee登录会回调到我的首页,我页面进来判断缓存是不是存在缓存的 /a.html 路径,然后跳转到登录之前的地址。但是刚刚从gitee回调到我的首页,评论还在转圈我就改了路由,导致跳过去之后发现变成未登录了,你这边是怎么处理的

onBeforeOauth 事件添加是我为了处理 github 的问题:重定向参数的路径不能有中文,否则会 github ouath 失败。所以我需要在跳转前把地址记录下来,然后重定向参数改为 / 根路径。github oauth callback 回来的地址会带有参数 code,这时我前端重定向到原来地址(文章页面)时也要把 code 带上,vssue 回去读取 code 参数然后换取 token,请求数据,大概就是这么过程。

gitee 我没用,不知道也是不是需要想我这么弄,整个 ouath 过程弄明白就行了

tomiaa12 commented 2 years ago

在你的测试项目中,我还发现个问题:import 'vssue/dist/vssue.css'; 在 Layout 组件中导入无效,我在 .vuepress/client.ts 里导入才生效

可以了,我遇到一个问题,我在 /a.html 路径点登录,在你提供的事件登陆之前缓存路径。gitee登录会回调到我的首页,我页面进来判断缓存是不是存在缓存的 /a.html 路径,然后跳转到登录之前的地址。但是刚刚从gitee回调到我的首页,评论还在转圈我就改了路由,导致跳过去之后发现变成未登录了,你这边是怎么处理的

onBeforeOauth 事件添加是我为了处理 github 的问题:重定向参数的路径不能有中文,否则会 github ouath 失败。所以我需要在跳转前把地址记录下来,然后重定向参数改为 / 根路径。github oauth callback 回来的地址会带有参数 code,这时我前端重定向到原来地址(文章页面)时也要把 code 带上,vssue 回去读取 code 参数然后换取 token,请求数据,大概就是这么过程。

gitee 我没用,不知道也是不是需要想我这么弄,整个 ouath 过程弄明白就行了

可以了,大佬有登录之后遇到gitee报403的问题没

laoergege commented 2 years ago

在你的测试项目中,我还发现个问题:import 'vssue/dist/vssue.css'; 在 Layout 组件中导入无效,我在 .vuepress/client.ts 里导入才生效

可以了,我遇到一个问题,我在 /a.html 路径点登录,在你提供的事件登陆之前缓存路径。gitee登录会回调到我的首页,我页面进来判断缓存是不是存在缓存的 /a.html 路径,然后跳转到登录之前的地址。但是刚刚从gitee回调到我的首页,评论还在转圈我就改了路由,导致跳过去之后发现变成未登录了,你这边是怎么处理的

onBeforeOauth 事件添加是我为了处理 github 的问题:重定向参数的路径不能有中文,否则会 github ouath 失败。所以我需要在跳转前把地址记录下来,然后重定向参数改为 / 根路径。github oauth callback 回来的地址会带有参数 code,这时我前端重定向到原来地址(文章页面)时也要把 code 带上,vssue 回去读取 code 参数然后换取 token,请求数据,大概就是这么过程。 gitee 我没用,不知道也是不是需要想我这么弄,整个 ouath 过程弄明白就行了

可以了,大佬有登录之后遇到gitee报403的问题没

gitee 没用。。你网上查查吧

ilovecopy commented 2 years ago
image

出现这种样式不正确的情况是怎么回事?

https://www.csxiaotang.com/network/011.html#_1-1-6-计算机网络的性能指标

laoergege commented 2 years ago
image

出现这种样式不正确的情况是怎么回事? https://www.csxiaotang.com/network/011.html#_1-1-6-计算机网络的性能指标

样式没引入吧

ilovecopy commented 2 years ago
image

出现这种样式不正确的情况是怎么回事? https://www.csxiaotang.com/network/011.html#_1-1-6-计算机网络的性能指标

样式没引入吧

想问一下要引入什么样式,是在config.js里引入吗?

laoergege commented 2 years ago

vssue 的样式,一开始我是自动引入,后面想到可以需要自定义样式就没引入了

import 'vssue/dist/vssue.css'

ilovecopy commented 2 years ago

vssue 的样式,一开始我是自动引入,后面想到可以需要自定义样式就没引入了

import 'vssue/dist/vssue.css'

请问是在哪个文件里引用?我在styles/index.styl和.clinet.js里都引用过后样式还是没变,config.js里引用会报错。

image
laoergege commented 2 years ago

vssue 的样式,一开始我是自动引入,后面想到可以需要自定义样式就没引入了 import 'vssue/dist/vssue.css'

请问是在哪个文件里引用?我在styles/index.styl和.clinet.js里都引用过后样式还是没变,config.js里引用会报错。 image

config.js 里当然不能引入,反正要在发送客户端的文件里引入,比如 client 文件或者注册的vue 组件等

tomiaa12 commented 1 year ago

目前我用js写了一个支持 gitee的评论库,没有框架依赖点我查看