SevicheCC/Urara-Blog
1
0
Fork 0
mirror of https://github.com/Sevichecc/Urara-Blog.git synced 2025-04-30 18:49:31 +08:00
Code Issues Projects Releases Packages Wiki Activity

update post detail

Browse source
This commit is contained in:
Seviche CC 2023-01-06 19:20:18 +08:00
parent 39101d900b
commit ebcc44815d
Signed by: SevicheCC
GPG key ID: C577000000000000
1 changed files with 12 additions and 51 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
urara/2022-12-20-pleroma-mod/+page.svelte.md
View file

@ -11,70 +11,31 @@ summary: 代码高亮、行内图片、数学公式支持
<Alert status="warning" description="此mod可能会造成Pleroma-fe首次进入页面时白屏，需要强制刷新一下才可以正常显示" title="Warning"/>
## 介绍
更新前端版本后，我的 mod 又失效了，决定再装一遍。我所用的 mod 是：[falsycat/pleroma-mod.js](https://gist.github.com/falsycat/7ce1e340daebb1bfc9f1e3b3b451b3c5)
有下面这些功能：
- 行内 Markdown 图片
- KaTex 数学公式
- 代码高亮
- [KaTex](https://github.com/KaTeX/KaTeX) 数学公式
- [highlightjs](https://github.com/highlightjs/highlight.js/blob/main/LICENSE)代码高亮
- Custom CSS
在此基础上，我加了放大 emoji 和优化表格样式的 css 样式
初次安装已经过去许久，下面的流程可能并不完全正确，仅供参考。
## 1.下载 Mod
我把 Mod 整合到了这个 Repo 中：
<Github user='sevichecc' repo='mod'/>
<Github user='sevichecc' repo='pleroma-mod-loader'/>
首先进入`instance`目录下，我的位置是在`/var/lib/pleroma/static/instance`，然后 clone 下 mod 文件夹：
## 安装
安装非常简单，首先进入`instance`目录下，我的位置是在`/var/lib/pleroma/static/instance`，接着创建一个 mods 文件夹再 clone 下 github repo 里面的内容，具体来说就是：
```bash
cd var/lib/pleroma/static/instance
sudo git clone https://github.com/Sevichecc/mod
cd /var/lib/pleroma/static/instance
sudo mkdir mods && cd mods
sudo git clone https://github.com/Sevichecc/pleroma-mod-loader
```
## 2.修改 index.html
修改位于`/var/lib/pleroma/static/`处的`index.html`
```bash
cd ..
sudo nano index.html
```
修改结尾附近的关于 mod 的 script tag
```html title="index.html" {16}
<!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/mod/mods.js`，也就是：
```html title="index.html"
<script type=text/javascript src=/instance/mod/mods.js></script>
```
保存并退出，刷新一下 pleroma 页面就好了
然后刷新一下 pleroma 页面就好了