Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

【问题】:v6中memos插件请求的api地址有问题 #913

Closed
3 tasks done
musnows opened this issue Feb 21, 2024 · 3 comments
Closed
3 tasks done

【问题】:v6中memos插件请求的api地址有问题 #913

musnows opened this issue Feb 21, 2024 · 3 comments
Assignees
Labels
help 使用遇到问题(报错、样式与示例不一致等) wontfix 设计如此,或者是外界问题

Comments

@musnows
Copy link

musnows commented Feb 21, 2024

检查清单

  • 已经搜索过,没有发现类似 issue。
  • 已经搜索过主题文档,没有发现相关内容。
  • 已经尝试使用过最新版,问题依旧存在。

主题版本

6.x

复现地址

https://memos.musnow.top/

问题描述

使用的memos v0.19.1,对比sidebar中的memos请求和plugins中的memos请求会发现,sidebar中的请求是对的。

当前所处主题的git hash为: e53eae55a5f00ead3368fc95e87d7ebbe77ff157

sidebar的配置如下

# Memos widget
    memos_carousel:
      class: memos_carousel
      display: [desktop, mobile]
      header:
        icon: fa-solid fa-volume-high
        title: 说说
        url: /memos/ # 说说页面的地址
      url: 'https://memos.musnow.top/' # 替换城自己的域名,也可以用杜老师的平台托管
      limit: '10' # 展示数量限制
      creatorId: '1' # 替换成自己的用户的ID
      tag: '' # 要展示的内容的标签
      image: 'fa-solid fa-image' # 图片替换成图标
      link: 'fa-solid fa-link' # 链接替换成图标
      placeholder: '说说加载中...' # 占位符

最终请求的地址是

https://memos.musnow.top/api/v1/memo?creatorId=1&tag=&limit=10

plugins的配置如下

  # Memos https://usememos.com
  memos:
    # Set `plugins: ["memos"]` to enable in front-matter
    url: 'https://memos.musnow.top/' # 替换成自己的域名,也可以用杜老师的平台托管
    limit: '10' # 展示数量限制
    id: '1' # 替换成自己的用户的ID

最终请求的地址是

https://memos.musnow.top/api/memo?creatorId=1&rowStatus=NORMAL&limit=10

这里plugins的请求是404的,因为请求路径中少了一个/v1/

image

image

加上v1后可以正常访问结果。

image

配置文件

站点配置文件

上文已经提供

环境信息

node.js & npm

node v16.20.2
npm 8.19.4

package.json

@musnows musnows added the help 使用遇到问题(报错、样式与示例不一致等) label Feb 21, 2024
@inkss
Copy link
Member

inkss commented Mar 25, 2024

@penndu 这里引用的都是你那边的代码,来看看。

<script>
volantis.layoutHelper("page-plugins", `<div id="bber"></div>`)
</script>
<script>
var bbMemos = {
memos: '<%- theme.plugins.memos.url %>',
limit: '<%- theme.plugins.memos.limit %>',
creatorId: '<%- theme.plugins.memos.id %>',
domId: '#bber',
}
</script>
<script src="https://npm.elemecdn.com/[email protected]/memos.js"></script>
<script src="https://npm.elemecdn.com/marked/marked.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/ViewImage/view-image.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/Lately/lately.min.js"></script>

<%- partial('_pre') %>
<section class="widget <%- page.widget_platform %>">
<%- partial('header', {item: item}) %>
<div class='content'>
<div class='bber-talk'>
<ul class='talk-list'><%- item.placeholder %></ul>
</div>
</div>
<script>
<% var api = item.url; %>
<% var params = 'api/v1/memo?creatorId=' + item.creatorId + '&tag=' + item.tag + '&limit=' + item.limit %>
<% if (!api.endsWith("/")) { %>
<% api += "/"; %>
<% } %>
var bbCarouselMemos = {
api: '<%- api %>' + '<%- params %>',
image_icon: '<i class="fa-solid fa-image"></i>',
link_icon: '<i class="fa-solid fa-link"></i>',
}
</script>
<script>volantis.js("<%- theme.cdn.memos_carousel_js %>");</script>
</section>

@penndu
Copy link
Collaborator

penndu commented Mar 27, 2024

@penndu 这里引用的都是你那边的代码,来看看。

<script>
volantis.layoutHelper("page-plugins", `<div id="bber"></div>`)
</script>
<script>
var bbMemos = {
memos: '<%- theme.plugins.memos.url %>',
limit: '<%- theme.plugins.memos.limit %>',
creatorId: '<%- theme.plugins.memos.id %>',
domId: '#bber',
}
</script>
<script src="https://npm.elemecdn.com/[email protected]/memos.js"></script>
<script src="https://npm.elemecdn.com/marked/marked.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/ViewImage/view-image.min.js"></script>
<script src="https://jsd.onmicrosoft.cn/gh/Tokinx/Lately/lately.min.js"></script>

<%- partial('_pre') %>
<section class="widget <%- page.widget_platform %>">
<%- partial('header', {item: item}) %>
<div class='content'>
<div class='bber-talk'>
<ul class='talk-list'><%- item.placeholder %></ul>
</div>
</div>
<script>
<% var api = item.url; %>
<% var params = 'api/v1/memo?creatorId=' + item.creatorId + '&tag=' + item.tag + '&limit=' + item.limit %>
<% if (!api.endsWith("/")) { %>
<% api += "/"; %>
<% } %>
var bbCarouselMemos = {
api: '<%- api %>' + '<%- params %>',
image_icon: '<i class="fa-solid fa-image"></i>',
link_icon: '<i class="fa-solid fa-link"></i>',
}
</script>
<script>volantis.js("<%- theme.cdn.memos_carousel_js %>");</script>
</section>

亲测可用!

@inkss inkss added the wontfix 设计如此,或者是外界问题 label Mar 30, 2024
Copy link
Contributor

👋 Hello,
Due to the design or external issues, we will not deal with this, but we still appreciate your feedback.

👋 您好,
由于设计如此,或者是外界问题导致,我们不会对此进行处理,但仍然感谢您的反馈!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
help 使用遇到问题(报错、样式与示例不一致等) wontfix 设计如此,或者是外界问题
Projects
None yet
Development

No branches or pull requests

3 participants