Dark Mode

Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly
Sign up
Appearance settings

chengpei/plugin-comment-widget

Repository files navigation

plugin-comment-widget

Halo 2.0 De Tong Yong Ping Lun Zu Jian Cha Jian ,Wei Qian Tai Ti Gong Wan Zheng De Ping Lun Jie Jue Fang An .

Shi Yong Fang Shi

  1. Xia Zai ,Mu Qian Ti Gong Yi Xia Liang Ge Xia Zai Fang Shi :
  2. An Zhuang ,Cha Jian An Zhuang He Geng Xin Fang Shi Ke Can Kao :https://docs.halo.run/user-guide/plugins.

Xu Yao Zhu Yi De Shi ,Ci Cha Jian Xu Yao Zhu Ti Jin Xing Gua Pei ,Bu Hui Zhu Dong Zai Nei Rong Ye Jia Zai Ping Lun Zu Jian .

Kai Fa Huan Jing

git clone git@github.com:halo-dev/plugin-comment-widget.git

# Huo Zhe Dang Ni fork Zhi Hou

git clone git@github.com:{your_github_id}/plugin-comment-widget.git
cd path/to/plugin-comment-widget
./gradlew pnpmInstall

# Qi Dong Yi Ge Docker Rong Qi Zuo Wei Kai Fa Huan Jing Bing Zi Dong Jia Zai Ci Cha Jian
./gradlew haloServer

Halo Cha Jian De Xiang Xi Kai Fa Wen Dang Ke Cha Yue Cha Jian Kai Fa .

Zhu Ti Gua Pei

Jie Ru

Jie Ru Wen Dang Ke Can Kao Zi Ding Yi Biao Qian .

Zi Ding Yi Yang Shi

Sui Ran Mu Qian Bu Neng Zhi Jie Wei Ping Lun Zu Jian Bian Xie E Wai De Yang Shi ,Dan Ke Yi Tong Guo Yi Xi Lie De CSS Bian Liang Lai Zi Ding Yi Bu Fen Yang Shi ,Kai Fa Zhe Ke Yi Gen Ju Xu Qiu Zi Xing Zai Zhu Ti Zhong Tian Jia Zhe Xie CSS Bian Liang ,Rang Ping Lun Zu Jian He Zhu Ti Geng Hao Di Rong He .

Mu Qian Yi Ti Gong De CSS Bian Liang :

Bian Liang Ming Miao Shu
--halo-comment-widget-base-color Ji Chu Wen Zi Yan Se
--halo-comment-widget-base-info-color Fei Zhong Yao Tu Chu Wen Zi
--halo-comment-widget-base-border-radius Ji Chu Yuan Su De Yuan Jiao
--halo-comment-widget-base-font-size Ji Chu Zi Ti Da Xiao
--halo-comment-widget-base-line-height Ji Chu Xing Gao
--halo-comment-widget-base-font-family Ji Chu Zi Ti Zu
--halo-comment-widget-component-avatar-rounded Tou Xiang De Yuan Jiao Da Xiao
--halo-comment-widget-component-avatar-size Tou Xiang Da Xiao
--halo-comment-widget-component-form-input-bg-color Biao Dan Shu Ru Bei Jing Yan Se
--halo-comment-widget-component-form-input-color Biao Dan Shu Ru Wen Zi Yan Se
--halo-comment-widget-component-form-input-border-color Biao Dan Shu Ru Bian Kuang Yan Se
--halo-comment-widget-component-form-input-border-color-focus Biao Dan Shu Ru Jiao Dian Shi Bian Kuang Yan Se
--halo-comment-widget-component-form-input-box-shadow-focus Biao Dan Shu Ru Jiao Dian Shi De Yin Ying
--halo-comment-widget-component-form-button-login-bg-color Deng Lu An Niu Bei Jing Yan Se
--halo-comment-widget-component-form-button-login-bg-color-hover Deng Lu An Niu Xuan Ting Bei Jing Yan Se
--halo-comment-widget-component-form-button-login-border-color Deng Lu An Niu Bian Kuang Yan Se
--halo-comment-widget-component-form-button-submit-bg-color Ti Jiao An Niu Bei Jing Yan Se
--halo-comment-widget-component-form-button-submit-color Ti Jiao An Niu Wen Zi Yan Se
--halo-comment-widget-component-form-button-submit-border-color Ti Jiao An Niu Bian Kuang Yan Se
--halo-comment-widget-component-form-button-submit-border-color-hover Ti Jiao An Niu Xuan Ting Bian Kuang Yan Se
--halo-comment-widget-component-form-button-emoji-color Biao Qing An Niu Yan Se
--halo-comment-widget-component-comment-item-action-bg-color-hover Ping Lun Xiang Cao Zuo Xuan Ting Bei Jing Yan Se
--halo-comment-widget-component-comment-item-action-color-hover Ping Lun Xiang Cao Zuo Xuan Ting Yan Se
--halo-comment-widget-component-pagination-button-bg-color-hover Fen Ye An Niu Xuan Ting Bei Jing Yan Se
--halo-comment-widget-component-pagination-button-bg-color-active Fen Ye An Niu Huo Dong Zhuang Tai Bei Jing Yan Se
--halo-comment-widget-component-pagination-button-border-color-active Fen Ye An Niu Huo Dong Zhuang Tai Bian Kuang Yan Se
--halo-comment-widget-component-emoji-picker-rgb-color Biao Qing Xuan Ze Qi Yan Se
--halo-comment-widget-component-emoji-picker-rgb-accent Biao Qing Xuan Ze Qi Qiang Diao Yan Se
--halo-comment-widget-component-emoji-picker-rgb-background Biao Qing Xuan Ze Qi Bei Jing Yan Se
--halo-comment-widget-component-emoji-picker-rgb-input Biao Qing Xuan Ze Qi Shu Ru Yan Se
--halo-comment-widget-component-emoji-picker-color-border Biao Qing Xuan Ze Qi Bian Kuang Yan Se
--halo-comment-widget-component-emoji-picker-color-border-over Biao Qing Xuan Ze Qi Xuan Ting Bian Kuang Yan Se
Dian Ji Cha Kan CSS Dai Ma Mo Ban
:root {

--halo-comment-widget-base-color: ;
--halo-comment-widget-base-info-color: ;
--halo-comment-widget-base-border-radius: ;
--halo-comment-widget-base-font-size: ;
--halo-comment-widget-base-line-height: ;
--halo-comment-widget-base-font-family: ;
--halo-comment-widget-component-avatar-rounded: ;
--halo-comment-widget-component-avatar-size: ;
--halo-comment-widget-component-form-input-bg-color: ;
--halo-comment-widget-component-form-input-color: ;
--halo-comment-widget-component-form-input-border-color: ;
--halo-comment-widget-component-form-input-border-color-focus: ;
--halo-comment-widget-component-form-input-box-shadow-focus: ;
--halo-comment-widget-component-form-button-login-bg-color: ;
--halo-comment-widget-component-form-button-login-bg-color-hover: ;
--halo-comment-widget-component-form-button-login-border-color: ;
--halo-comment-widget-component-form-button-submit-bg-color: ;
--halo-comment-widget-component-form-button-submit-color: ;
--halo-comment-widget-component-form-button-submit-border-color: ;
--halo-comment-widget-component-form-button-submit-border-color-hover: ;
--halo-comment-widget-component-form-button-emoji-color: ;
--halo-comment-widget-component-comment-item-action-bg-color-hover: ;
--halo-comment-widget-component-comment-item-action-color-hover: ;
--halo-comment-widget-component-pagination-button-bg-color-hover: ;
--halo-comment-widget-component-pagination-button-bg-color-active: ;
--halo-comment-widget-component-pagination-button-border-color-active: ;
--halo-comment-widget-component-emoji-picker-rgb-color: ;
--halo-comment-widget-component-emoji-picker-rgb-accent: ;
--halo-comment-widget-component-emoji-picker-rgb-background: ;
--halo-comment-widget-component-emoji-picker-rgb-input: ;
--halo-comment-widget-component-emoji-picker-color-border: ;
--halo-comment-widget-component-emoji-picker-color-border-over: ;
}

Pei Se Qie Huan Fang An

Gen Ju Shang Mian Ti Gong De CSS Bian Liang ,Ye Ke Yi Tong Guo Ding Yi CSS Bian Liang De Fang Shi Wei Ping Lun Zu Jian Ti Gong Dong Tai Qie Huan Pei Se De Gong Neng .

Yi Xia Shi Shi Xian Shi Li ,Ni Ke Yi Gen Ju Xu Qiu Zi Xing Xiu Gai Xuan Ze Qi Huo Zhe Mei Ti Cha Xun .

@media (prefers-color-scheme: dark) {
.color-scheme-auto,
[data-color-scheme='auto'] {
color-scheme: dark;

--halo-comment-widget-base-color: #ffffff;
--halo-comment-widget-base-info-color: #64748b;
--halo-comment-widget-component-form-input-bg-color: #475569;
--halo-comment-widget-component-form-input-color: #ffffff;
--halo-comment-widget-component-form-input-border-color: #495056;
--halo-comment-widget-component-form-input-border-color-focus: #65a3ff;
--halo-comment-widget-component-form-input-box-shadow-focus: 0 0 0 0.15em #1c3966;
--halo-comment-widget-component-form-button-login-bg-color: #334155;
--halo-comment-widget-component-form-button-login-bg-color-hover: #475569;
--halo-comment-widget-component-form-button-login-border-color: #475569;
--halo-comment-widget-component-form-button-submit-border-color: #475569;
--halo-comment-widget-component-form-button-submit-border-color-hover: #64748b;
--halo-comment-widget-component-form-button-emoji-color: #cbd5e1;

--halo-comment-widget-component-comment-item-action-bg-color-hover: #475569;
--halo-comment-widget-component-comment-item-action-color-hover: #94a3b8;

--halo-comment-widget-component-pagination-button-bg-color-hover: #475569;
--halo-comment-widget-component-pagination-button-bg-color-active: #475569;
--halo-comment-widget-component-pagination-button-border-color-active: #475569;

--halo-comment-widget-component-emoji-picker-rgb-color: 222, 222, 221;
--halo-comment-widget-component-emoji-picker-rgb-accent: 58, 130, 247;
--halo-comment-widget-component-emoji-picker-rgb-background: 21, 22, 23;
--halo-comment-widget-component-emoji-picker-rgb-input: 0, 0, 0;
--halo-comment-widget-component-emoji-picker-color-border: rgba(255, 255, 255, 0.1);
--halo-comment-widget-component-emoji-picker-color-border-over: rgba(255, 255, 255, 0.2);
}
}

.color-scheme-dark,
.dark,
[data-color-scheme='dark'] {
color-scheme: dark;

--halo-comment-widget-base-color: #ffffff;
--halo-comment-widget-base-info-color: #64748b;
--halo-comment-widget-component-form-input-bg-color: #475569;
--halo-comment-widget-component-form-input-color: #ffffff;
--halo-comment-widget-component-form-input-border-color: #495056;
--halo-comment-widget-component-form-input-border-color-focus: #65a3ff;
--halo-comment-widget-component-form-input-box-shadow-focus: 0 0 0 0.15em #1c3966;
--halo-comment-widget-component-form-button-login-bg-color: #334155;
--halo-comment-widget-component-form-button-login-bg-color-hover: #475569;
--halo-comment-widget-component-form-button-login-border-color: #475569;
--halo-comment-widget-component-form-button-submit-border-color: #475569;
--halo-comment-widget-component-form-button-submit-border-color-hover: #64748b;
--halo-comment-widget-component-form-button-emoji-color: #cbd5e1;

--halo-comment-widget-component-comment-item-action-bg-color-hover: #475569;
--halo-comment-widget-component-comment-item-action-color-hover: #94a3b8;

--halo-comment-widget-component-pagination-button-bg-color-hover: #475569;
--halo-comment-widget-component-pagination-button-bg-color-active: #475569;
--halo-comment-widget-component-pagination-button-border-color-active: #475569;

--halo-comment-widget-component-emoji-picker-rgb-color: 222, 222, 221;
--halo-comment-widget-component-emoji-picker-rgb-accent: 58, 130, 247;
--halo-comment-widget-component-emoji-picker-rgb-background: 21, 22, 23;
--halo-comment-widget-component-emoji-picker-rgb-input: 0, 0, 0;
--halo-comment-widget-component-emoji-picker-color-border: rgba(255, 255, 255, 0.1);
--halo-comment-widget-component-emoji-picker-color-border-over: rgba(255, 255, 255, 0.2);
}

Ci Wai ,Wei Liao Rang Zhu Ti Ke Yi Geng Jia Fang Bian De Gua Pei An Hei Mo Shi ,Ci Cha Jian Ye Ti Gong Liao Yi Tao An Hei Mo Shi De Pei Se Fang An ,Zhu Ti Ke Yi Zhi Jie Shi Yong Ci Fang An ,Er Bu Xu Yao Zi Ji Qu Gua Pei An Hei Mo Shi ,Gua Pei Fang Shi Ru Xia :

  1. Zai html Huo Zhe body Biao Qian Tian Jia class:
    1. color-scheme-auto:Zi Dong Mo Shi ,Gen Ju Xi Tong De An Hei Mo Shi Zi Dong Qie Huan .
    2. color-scheme-dark / dark:Qiang Zhi An Hei Mo Shi .
    3. color-scheme-light / light:Qiang Zhi Ming Liang Mo Shi .
  2. Zai html Huo Zhe body Biao Qian Tian Jia data-color-scheme Shu Xing :
    1. auto:Zi Dong Mo Shi ,Gen Ju Xi Tong De An Hei Mo Shi Zi Dong Qie Huan .
    2. dark:Qiang Zhi An Hei Mo Shi .
    3. light:Qiang Zhi Ming Liang Mo Shi .

Zuo Wei Zu Jian Shi Yong

Ci Cha Jian De UI Bu Fen Cai Yong Lit Element Bian Xie ,Bing Zui Zhong Bian Yi Wei Web Component,Suo Yi Li Lun Shang Ke Yi Zai Ren He JS Kuang Jia Zhong Shi Yong . Zhe Fei Chang Gua Yong Yu Jiang Halo Zuo Wei Headless CMS Shi Yong De Chang Jing . Li Ru Shi Yong Vue, React Deng Kuang Jia Bian Xie Wang Zhan ,Bing Diao Yong Halo De API Lai Xuan Ran Wang Ye ,Zhe Ge Shi Hou Wen Zhang Ping Lun De Jie Jue Fang An Jiu Ke Yi Zhi Jie Shi Yong Ci Zu Jian .

An Zhuang :

pnpm install @halo-dev/comment-widget

Vue

Zai Vue Zu Jian Zhong Shi Yong Shi ,Xu Yao Zai Vue De Bian Yi Xuan Xiang Zhong She Zhi Jiang Ci Zu Jian Biao Ji Wei Fei Vue Zu Jian ,Yi Xia Shi Vite De Pei Zhi Shi Li :

tag === 'comment-widget' } } }) ] }">import vue from '@vitejs/plugin-vue'

export default {
plugins: [
vue({
template: {
compilerOptions: {
isCustomElement: (tag) => tag === 'comment-widget'
}
}
})
]
}

Ran Hou Zai SFC Zhong Shi Yong Ji Ke :

"><script setup>
import '@halo-dev/comment-widget'
import '@halo-dev/comment-widget/var.css';
script>

<template>
<comment-widget
baseUrl="https://demo.halo.run"
group="content.halo.run"
kind="Post"
version="v1alpha1"
name="e0507f6f-88bb-4d3c-a90a-a88aba222035"
>comment-widget>
template>

React

import "@halo-dev/comment-widget";
import "@halo-dev/comment-widget/var.css";

function App() {
return (
<>
<comment-widget
baseUrl="https://demo.halo.run"
group="content.halo.run"
kind="Post"
version="v1alpha1"
name="e0507f6f-88bb-4d3c-a90a-a88aba222035"
></comment-widget>
</>
);
}

export default App;

About

Tong Yong De Halo 2.0 Ping Lun Zu Jian Cha Jian

Resources

Readme

License

GPL-3.0 license

Stars

Watchers

Forks

Releases

No releases published

Packages

Contributors

Languages

  • TypeScript 71.8%
  • Java 23.0%
  • CSS 2.9%
  • HTML 2.3%