WordPress教程09:如何搭建属于自己的Memos页面?

斌仔 分类:
文章字数 680 字 阅读时间 3 分钟
🤖 由 Gemini 生成的文章摘要
此内容根据文章生成,并经过人工审核,仅用于文章内容的解释与总结

WordPress 页面系列已经写了 2 期了:豆瓣观影&好物分享文章统计&关于本站

这次单独给 Memos 写一期,需要折腾的东西有点多,请耐心看完哦。

基于 Autumn主题 而进行的修改

Memos教程
Memos教程

准备工作

  1. 搭建 Memos 服务:Docker搭建(Memos模块)
  2. 搭建 Twikoo 评论服务:Twikoo 官方文档

效果预览
效果预览

代码

  1. 主题根目录/template-parts下新建一个文件,文件名:page-memos.php

  2. 代码内容如下:

    点我查看源代码

    • php:为主题使用,需要将引入的 js 文件放到 主题根目录/static/js/memos
    • index.html:为静态页面,可根据自己主题自行修改

功能介绍

  1. 点击左上角的文字出现输入框,输入 Memos 的 API 地址(Memos 服务 - 登录后 - 头像 - 我的账号 - curl后的地址[格式:服务地址+/api/v1/memo?openId=openId值])

  2. 登录后,出现输入框可以新增记录;列表记录右上角的三个点可以:修改、引用、归档、删除

  3. 给未引用的记录增加引用记录:先点击引用,再点击修改

  4. 给已有引用的记录修改引用记录:先点击要引用的记录,再点击要修改的记录

其他教程

  1. Memos 增加 Twikoo @木木木木木
  2. 给Memos页面添加发布框 @归臧
  3. 给Memos页面增加转发功能 @归臧
  4. 给Memos页面增加编辑、归档及删除功能 @归臧
  5. 自部署 GitHub 风格的 Reactions 点赞功能 @大大的小蜗牛 也可以使用 木木 的服务:引入使用
  6. Memos 配置 Artalk 评论系统 @大大的小蜗牛
  7. koobai的博客源码:Github地址 @空白

总结

我发现折腾的多,写出来却没有太多东西。有些东西有些博主写了,我就直接引用过来了(偷个懒)。

自从折腾 Memos 后认识了很多博主,虽然没见过面,但是都很热情,有什么不懂得地方,只要评论留言,都会及时回复的。

上面教程中指到的这些人,行动力杠杠的。受他们影响,我不折腾,都感觉失去了快乐。

一直有个想法:想和这些人在线上交流交流(交流些想法,听取些过来人的经验...);苦于我这人有点社恐,没敢把这个想法说出来,那就先写下来吧。

非常感激每一位打赏的朋友!

支付宝扫码支持
微信扫码支持

扫一扫,请博主喝咖啡☕

文章作者: 斌仔
文章链接: https://www.wangdu.site/course/1770.html
版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 文武科技柜

相关推荐

共有 4 条评论

  1. 林木木

    js 嘛,加起来还是快的,样式匹配麻烦

    1. 斌仔

      是的,主题不同样式也不同,可能这就是折腾的乐趣吧

  2. KK

    折腾失败。。。

    1. 斌仔

      这个失败的原因可能是因为memos api修改了,我的代码还是老版本;如果想继续折腾的话,可以根据新的API改一下代码