Skip to content

Commit

Permalink
更新说明文档
Browse files Browse the repository at this point in the history
  • Loading branch information
wenjing-xin committed Jun 4, 2024
1 parent e3dbd98 commit a92fd8a
Show file tree
Hide file tree
Showing 6 changed files with 44 additions and 32 deletions.
76 changes: 44 additions & 32 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,48 +1,60 @@
# plugin-artalk
为 halo2.0 集成artalk评论区

## 开发环境
## 一、插件使用

插件开发的详细文档请查阅:<https://docs.halo.run/developer-guide/plugin/introduction>
### 1、注意事项

#### 1.1 使用前注意事项

<font color="#499EFF">使用该插件前确保关闭其他评论插件!!!</font>

>因为该插件是通过扩展官方提供的 `CommentWidget` 接口进行实现的,理论上是不能同时存在多个,请知悉!
#### 1.2 artalk的明暗适配说明

所需环境:
halo的主题繁多,由于作者精力有限,无法对所有的主题明暗模式进行适配,在开发本插件的时候已经将明暗模式设置为自动模式,并且提供了一套默认的中性配色,保证明暗模式下都可以醒目的展示内容,如果您对当前的配色方案不满意,可以自定义 css 样式。后续会慢慢提供一些常用主题的明暗模式配色方案。

1. Java 17
2. Node 18
3. pnpm 8
4. Docker (可选)
#### 1.3 halo-theme-hao 主题使用说明
由于 halo-theme-hao 主题已经加入了 artalk 评论,同时由于评论区引入的逻辑原因,无法直接使用本插件。如果想使用该插件,请修改 halo-theme-hao 主题的评论引入逻辑。后续作者会完善该教程!

克隆项目:
### 2、插件功能
- 集成 artalk 评论区至 halo 系统中
- 支持数学公式
- 适配含有 pjax 的主题
- 可自定义 css 样式

```bash
git clone [email protected]:halo-sigs/plugin-starter.git
### 3、配置说明
<img src="./docs/artalk-config.png" width=420px />

# 或者当你 fork 之后
根据配置的提示填写即可,注意在线资源是 artalk 官方提供的一些公共 CDN 资源,要确保自己的 artalk 版本是否和其一致,否则请引入自己搭建的 artalk 服务资源。

git clone [email protected]:{your_github_id}/plugin-starter.git
```
## 二、其他

```bash
cd path/to/plugin-starter
```
### 1、Todo

### 本地开发(推荐)
其他方式参见 halo 文档
> 此方式需要本地安装 Docker
- [ ] 提供一些常见主题的明暗配色模式
- [ ] 提供对[链接安全跳转中台插件](https://github.com/wenjing-xin/plugins-links-security-detect) 的兼容,使得评论区的链接也可以通过中台进行跳转
- [ ] 评论系统切换(hexo博客支持双评论系统切换,后续视情况而定)

```bash
# macOS / Linux
./gradlew pnpmInstall
### 2、赞助我
如果你感觉这个插件还不错,请我喝杯咖啡☕️☕️☕️
<div>
&emsp;&emsp;<img src="./docs/wxpay.png" width=150px />
&emsp;&emsp;<img src="./docs/alipay.png" width=150px />
</div>

# Windows
./gradlew.bat pnpmInstall
```
### 3、问题反馈
现在群内提问,若问题没有得到解决,则在 GitHub提交 [isssue](https://github.com/wenjing-xin/plugin-artalk/issues)

QQ交流群与QQ频道,加群后管理员自动审核
<div>
&emsp;&emsp;<img src="./docs/QQ.png" width=150px />
&emsp;&emsp;<img src="./docs/qq频道.jpeg" width=158px />
</div>

### 4、开发环境

插件开发的详细文档请查阅:<https://docs.halo.run/developer-guide/plugin/introduction>

```bash
# macOS / Linux
./gradlew haloServer

# Windows
./gradlew.bat haloServer
```
最后重启 Halo 项目即可。
Binary file added docs/alipay.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/artalk-config.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/qq.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/qq频道.jpeg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added docs/wxpay.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit a92fd8a

Please sign in to comment.