Skip to content
WalineWaline
快速上手
  • 快速上手
    • 客户端

      • 客户端介绍
        • 引入客户端
          • 通过 CDN
            • 通过 NPM
              • 安装
                • 引入
                  • 使用
                • 评论格式支持
                  • 自定义表情
                    • 自定义样式
                      • 多语言支持
                        • Vue 组件
                          • 单页应用支持
                            • 评论数统计
                              • 浏览量统计
                                • 挂件
                                • 服务端

                                  • 服务端介绍
                                    • 评论通知
                                      • 多数据库服务支持
                                        • CloudBase 云开发部署
                                          • Deta 部署
                                            • Railway 部署
                                              • 百度云函数计算部署
                                                • 阿里云函数计算部署
                                                  • 独立部署

                                                  引入客户端

                                                  大约 2 分钟...

                                                  此页内容
                                                  • 通过 CDN
                                                  • 通过 NPM
                                                    • 安装
                                                    • 引入
                                                    • 使用

                                                  Waline 提供多种版本的客户端文件。你可以通过多种方式引入 Waline。

                                                  # 通过 CDN

                                                  推荐使用 unpkgopen in new window。

                                                  指定版本

                                                  对于 CDN 链接来说,不指定版本号时为最新版本,所以如果你需要指定特定版本,你需要在 @waline/client 后以 @version 的格式指定一个版本号。

                                                  <!-- 你需要自行修改替换 `next` 为你想要的版本号 -->
                                                  <script src="https://unpkg.com/@waline/client@v2/dist/waline.js"></script>
                                                  

                                                  # 通过 NPM

                                                  # 安装

                                                  Waline 客户端已通过 @waline/client 发布到 npmopen in new window,你可以通过以下命令安装:

                                                  # 引入

                                                  Waline 提供多个版本的文件:

                                                  • dist/waline.js: 完整版本,UMD 格式

                                                    此文件为 CDN 引入 @waline/client 的默认文件,51 KB Gzip 大小

                                                  • dist/shim.js: 不含依赖捆绑的完整版本,Common JS 格式

                                                    此文件为 require 引入 @waline/client 的默认文件,14.24 KB Gzip 大小

                                                  • dist/shim.esm.js: 不含依赖捆绑的完整版本, ES Module 格式

                                                    此文件为 import 引入 @waline/client 的默认文件, 14.14 KB Gzip 大小

                                                  • dist/waline.css: Waline CSS 样式

                                                  • dist/component.js: Waline 的 Vue 组件,ES Module 格式,不含依赖捆绑

                                                    此文件用于在 Vue 项目中以组件模式使用 Waline 评论, 13.19 KB Gzip 大小

                                                  • dist/pageview.js: Waline 的浏览量模块,UMD 格式, < 1KB Gzip 大小

                                                    此文件用于 CDN 引入,用于仅需页面浏览量的情况

                                                  其他格式文件:

                                                  • dist/waline.cjs.js: dist/waline.js 文件的 Common JS 格式

                                                  • dist/waline.esm.js: dist/waline.js 文件的 ES Module 格式

                                                  • dist/pageview.cjs.js: dist/pageview.js 文件的 Common JS 格式

                                                  • dist/pageview.esm.js: dist/pageview.js 文件的 ES Module 格式

                                                  # 使用

                                                  你可以通过多种形式导入需要的文件并使用,以下是一个示例。

                                                  编辑此页open in new window
                                                  上次编辑于: 2022/5/21 16:44:08
                                                  上一页
                                                  客户端介绍
                                                  下一页
                                                  评论格式支持
                                                  友情提示:评论区仅作评论展示,如有问题咨询请去 Github Discussion 中提问。

                                                  预览:

                                                  0  字
                                                  评论
                                                  Powered by Waline v2.5.1
                                                  GPL-2.0 协议 | Copyright © 2020-present lizheming