Urara-Blog/urara/2022-12-20-pleroma-mod/+page.svelte.md at 66e70995fff8ca31211f34b69d81ea3b377b219d

mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 21:09:30 +08:00

2022-12-21 01:49:06 +08:00

2.4 KiB

Raw Blame History

title	created	summary
用 mod 魔改Pleroma-fe	2022-12-20	代码高亮、行内图片、数学公式支持

更新前端版本后，我的 mod 又失效了，决定再装一遍。我所用的 mod 是：falsycat/pleroma-mod.js

有下面这些功能：

行内 Markdown 图片
KaTex 数学公式
代码高亮
Custom CSS

在此基础上，我加了放大 emoji 和优化表格样式的 css 样式

初次安装已经过去许久，下面的流程可能并不完全正确，仅供参考。

1.下载 Mod

我把 Mod 整合到了这个 Repo 中：

首先进入instance目录下，我的位置是在/var/lib/pleroma/static/instance，然后 clone 下 mod 文件夹：

  cd  var/lib/pleroma/static/instance
  sudo git clone https://github.com/Sevichecc/mod

2.修改 index.html

修改位于/var/lib/pleroma/static/处的index.html

  cd ..
  sudo nano index.html

修改结尾附近的关于 mod 的 script tag

<!DOCTYPE html>
  <html lang=en>
    <head>
      <meta charset=utf-8>
      <meta name=viewport content="width=device-width,initial-scale=1,user-scalable=no">
      <!--server-generated-meta-->
      <link rel=icon type=image/png href=/favicon.png>
      <link rel=manifest href=/static/manifest.json>
      <script defer=defer src=/static/js/9169.6d12f7e33a5075e7ef88.js></script>
      <script defer=defer src=/static/js/app.4b05f7290f58009cbacf.js></script>
      <link href=/static/css/app.820b56632c2b29632535.css rel=stylesheet>
    </head>
    <body class=hidden>
      <noscript>To use Pleroma, please enable JavaScript.</noscript>
      <div id=app></div>
      <div id=modal></div>
      <script type=text/javascript src=/instance/mods/pleroma-mod-loader/pleroma-mod-loader.js></script>
      <div id=popovers>
      </body>
  </html>

修改里面的 src 为/instance/mods.js，也就是：

  <script type=text/javascript src=/instance/mod/mods.js></script>

保存并退出，刷新一下 pleroma 页面就好了

2.4 KiB Raw Blame History

1.下载 Mod

2.修改 index.html

2.4 KiB

Raw Blame History