在wordpress中使用memos作为说说的实现

具体可以去看这个大佬的博客,我的博客中的大部代码中都是直接从这个大佬借鉴而来,我现在这个博客的样式也是借鉴这个大佬的,确实挺好看的(doge)。


最近memos更新到了0.22.0版本,API v1不兼容更新了,所以我把这个大佬的代码修改了一下,适配了最新版的api,同时解决了一些其他问题。

docker部署

docker部署就不赘述了,直接网上找教程或者看大佬的

WordPress 前端设置修改

<div id="bber"></div>
<script>
    // 以下信息改掉
    var bbMemo = {
      memos : 'https://memos.ffromto2.top/',//填入memos网站域名,末尾需带斜杠
      limit : '10',//填入需要展示的memos数量
      creatorId:'1' ,//自己部署的话默认为1,不用修改
      domId: '#bber',//不用修改
      username:"Ftroo2m",//修改为你自己的昵称
      useravatar:"https://cdn.jsdelivr.net/gh/ftroo2m/photos/headPortrait/face.webp",//修改为自己的头像链接
      userlink:"https://ffromto2.top/",//修改为你的域名
      tags:"",
      commentsShow:true,//没有评论功能可修改为false
      commentsUrl:"https://memos.ffromto2.top/m/",//修改为你的Memos域名,但保留包含m的尾巴部分
      commentsTitle:"评论"//可以不修改
    }
    var artalkInit = {
    site: "Ftroo2m",//填入前面artalk设置中的站点名,没有评论功能可以不管
    server:'https://artalk.ffromto2.top'//填入前面artalk的网站域名,没有评论功能可以不管
}
  }
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ftroo2m/photos/js/Artalk.css">
<script type="text/javascript" src="https://artalk.ffromto2.top/dist/Artalk.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ftroo2m/photos/js/shuoshuo_v1.5.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ftroo2m/photos/js/marked.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ftroo2m/photos/js/view-image.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/ftroo2m/photos/js/lately.min.js"></script>

这个是我的WordPress设置模板。

你可以根据大佬的模板进行修改,与我的不同之处主要是将前端中的

<script type="text/javascript"
 src="https://cdn.bootcdn.net/ajax/libs/artalk/2.5.5/Artalk.js"></script>

修改为

<script type="text/javascript"
 src="https://你自己artalk的域名/dist/Artalk.js"></script>

除此之外,还要把

#填入你的js路径,形如https://veryjack.com/shuoshuo.js#

用修改好的代码

https://cdn.jsdelivr.net/gh/ftroo2m/photos/js/shuoshuo_v1.5.js

代替

其他

  • 如果你的服务使用了nginx反代,记得添加Access-Control-Allow-Origin等标头,具体可见nginx跨域或者自己搜一下nginx跨域
  • 适配0.22.0及以上版本,0.22.0以下的版本不适配

留下评论

您的电子邮箱地址不会被公开。 必填项已用 * 标注