自定义头像 Gravatar 镜像源

Artalk 依赖于 Gravatar 服务，但 Gravatar 在部分地区可能会出现连接问题。

可通过以下配置解决：

new Artalk({
  gravatar: {
    cdn: 'https://cdn.v2ex.com/gravatar/'
  }

  // ... 你的其他配置
})

目前默认使用 v2ex 的镜像，如果您有更好的，欢迎反馈~~

默认头像

Gravatar 默认头像，参考：传送门

new Artalk({
  defaultAvatar: 'mp',
  
  // ... 你的其他配置
})

开启暗黑模式

以下给出简单的栗子，可以结合博客主题的暗黑模式食用：

<button onclick="switchDarkMode()">暗黑模式按钮</button>

<script>
var artalk = new Artalk({ // ① 暴露 artalk 变量以供调用
  // ... 各种配置

  darkMode: false,
  // ↑ ② 当 Artalk 初始化时，是否立刻开启暗黑模式
  // ↑ 这里可以直接读取当前主题的模式
})

// ③ 动态设置 Artalk 的暗黑模式
let isDarkMode = false // 读取当前你主题的模式
artalk.ui.setDarkMode(darkMode)

// ④ 你主题 暗黑模式切换按钮 点击时的触发操作
function switchDarkMode() {
  let isDarkMode = true // ...
  artalk.ui.setDarkMode(darkMode)
}
</script>

独立开发新的暗黑模式可以参考：我的栗子 | 如何和操作系统的暗黑模式同步？

自定义表情包

表情包配置格式参考：emoticons.json

// ↓ 首先将表情包数据加载并存到变量中
let eData = {
  // ...
}

new Artalk({
  emoticons: eData

  // ... 你的其他配置
})

前端更多配置项详见 /types/artalk-config.d.ts

git clone https://github.com/ArtalkJS/Artalk.git
cd Artalk
yarn install

# Dev
yarn run dev

# Build
yarn run build

Made with ♥