在单网页中启用Artalk #792

aaro-n · 2024-03-06T01:57:00Z

aaro-n
Mar 6, 2024

需求

我最近换了博客系统和博客主题，新主题无法引用之前的评论，我想用Artalk制作个留言板。

网页代码

浅色

<link href="//cdn.staticfile.org/artalk/2.8.2/ArtalkLite.css" rel="stylesheet">
<div id="Comments"></div>
<script src="//cdn.staticfile.org/artalk/2.8.2/ArtalkLite.js"></script>
<script>
  Artalk.init({
    el: '#Comments',
    pageKey: '前端网址',
    pageTitle: '留言板',
    server: '后台地址',
    site: '站点名称',
    placeholder: '',
    useBackendConf: false,
    flatMode: false,
    imgUpload: false,
    versionCheck: false,
    gravatar: {
      default: 'mp',
      mirror: 'https://gravatar.ews1.com/avatar/',
    },
    locale: 'zh-CN',
  });
</script>

跟随浏览器深/浅辩护

<!DOCTYPE html>
<html>
<head>
  <title>留言板 - 网站名称</title>
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link href="//cdn.staticfile.org/artalk/2.8.3/ArtalkLite.css" rel="stylesheet">
  <style>
    body {
      background-color: #f5f5f5;
      color: #222;
    }

    @media (prefers-color-scheme: dark) {
      body {
        background-color: #222;
        color: #f5f5f5;
      }
    }

    @media (min-width: 768px) {
      #Comments {
        margin: 0 auto;
        max-width: 768px;
      }
    }
  </style>
</head>
<body>
  <div id="Comments"></div>
  <script src="//cdn.staticfile.org/artalk/2.8.3/ArtalkLite.js"></script>
  <script>
    Artalk.init({
      el: '#Comments',
      pageKey: '前端网址',
      pageTitle: '留言板',
      server: '后端地址',
      site: '站点名称',
      placeholder: '',
      useBackendConf: false,
      flatMode: false,
      imgUpload: false,
      versionCheck: false,
      gravatar: {
        default: 'mp',
        mirror: 'https://gravatar.ews1.com/avatar/',
      },
      locale: 'zh-CN',
      darkMode: 'auto',
    });
  </script>
</body>
</html>

用法

根据自己的需求，选择合适的网页代码，另存为后缀为.html文件，保存到合适位置。

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

在单网页中启用Artalk #792

{{title}}

Replies: 0 comments

Select a reply

在单网页中启用Artalk #792

aaro-n Mar 6, 2024

需求

网页代码

用法

Replies: 0 comments

aaro-n
Mar 6, 2024