介绍
hexo-algoliasearch-comment 是一个基于 Hexo 的评论系统，它使用 AlgoliaSearch 实现在前端实时索引和搜索评论的功能。由于 AlgoliaSearch 具有快速、可扩展的特点，使得 hexo-algoliasearch-comment 不会在查询上出现延迟问题，且可以轻松地扩展到任意数量的博客或网站上。
安装
在安装 hexo-algoliasearch-comment 之前，请确保您已经安装了最新版本的 Hexo，并且拥有一个 AlgoliaSearch 的账户，以及一个 APP ID 和 ADMIN KEY。
步骤一：使用 npm 进行安装
在 Hexo 的博客目录下，运行以下命令：
npm install hexo-algoliasearch-comment --save
步骤二：配置 _config.yml
在 Hexo 的配置文件 _config.yml 中添加以下内容：
-- -------------------- ---- -------
--------------
------ -------------
--------- ----------------
---------- --------
------- - --
--------- -- - --
--------------- - - --
------------ - --
- ----------
- ---- -- ----注意：请将
your_app_id和your_admin_key替换为您的 APP ID 和 ADMIN KEY。
使用
添加评论表单
请在您的 Hexo 主题模板中添加如下模板标记：
-- -------------------- ---- -------
---- --------------------
------- -----------------------------------------
------- ----------------------------------
------- -------- ----------- ---------------------------------------------
--------
-------------------------- -- -
--------------------
------ ---- -------------------------- ----
--------- ---- ----------------------------- ----
---------- ---- ------------------------------ ----
------- ---- --------------------------- ----
--------- --- ----------------------------- ---
--------------- --- ----------------------------------- ---
------------ --- ------------------------------------------------ ---
--------- ----- ----------------- -
----- ---------------------- -
------ ------------------------- ---- ---------- -
------ ----------------------- ---- ---------- -
-------- -
----- ------------------------ ---- ---------- -
--------
---
---
---------展示评论列表
在您的 Hexo 主题模板中添加如下标记：
-- -------------------- ---- -------
---- -------------------------
------- -------- ----------- ---------------------------------------------
--------
-------------------------- -- -
-----------------------------
------ ---- -------------------------- ----
---------- ---- ------------------------------ ----
------- ---- --------------------------- ----
--------- --- ----------------------------- ---
--------------- --- ----------------------------------- ---
------------ --- ------------------------------------------------ ---
--------- ----- ----------------- -
----- ---------------------- -
------ ------------------------- ---- ---------- -
------ ----------------------- ---- ---------- -
-------- -
----- ------------------------ ---- ---------- -
--------
---
---
---------示例代码
以下代码展示了如何在 Hexo 中使用 hexo-algoliasearch-comment：
-- -------------------- ---- -------
---- ------ ---
---- --------------------
------- -----------------------------------------
------- ----------------------------------
------- -------- ----------- ---------------------------------------------
--------
-------------------------- -- -
--------------------
------ ---- -------------------------- ----
--------- ---- ----------------------------- ----
---------- ---- ------------------------------ ----
------- ---- --------------------------- ----
--------- --- ----------------------------- ---
--------------- --- ----------------------------------- ---
------------ --- ------------------------------------------------ ---
--------- ----- ----------------- -
----- ---------------------- -
------ ------------------------- ---- ---------- -
------ ----------------------- ---- ---------- -
-------- -
----- ------------------------ ---- ---------- -
--------
---
---
---------
---- ------ ---
---- -------------------------
------- -------- ----------- ---------------------------------------------
--------
-------------------------- -- -
-----------------------------
------ ---- -------------------------- ----
---------- ---- ------------------------------ ----
------- ---- --------------------------- ----
--------- --- ----------------------------- ---
--------------- --- ----------------------------------- ---
------------ --- ------------------------------------------------ ---
--------- ----- ----------------- -
----- ---------------------- -
------ ------------------------- ---- ---------- -
------ ----------------------- ---- ---------- -
-------- -
----- ------------------------ ---- ---------- -
--------
---
---
---------你可以在上述的示例代码中，按照自己的需求进行配置，并添加到 Hexo 中即可。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055b8181e8991b448d9138