An open API service indexing awesome lists of open source software.

https://github.com/hms5232/hexo-tag-fb-comments

Embed Facebook comments plugin in Hexo without any modification of theme!
https://github.com/hms5232/hexo-tag-fb-comments

comments facebook facebook-comments facebook-comments-plugin fb fb-comments hexo hexo-plugin hexo-tag meta social

Last synced: 4 months ago
JSON representation

Embed Facebook comments plugin in Hexo without any modification of theme!

Awesome Lists containing this project

README

          

# hexo-tag-fb-comments

[![](https://img.shields.io/npm/v/hexo-tag-fb-comments?style=flat-square)](https://www.npmjs.com/package/hexo-tag-fb-comments)
[![](https://img.shields.io/github/v/release/hms5232/hexo-tag-fb-comments?color=9cffff&include_prereleases&sort=semver)](https://github.com/hms5232/hexo-tag-fb-comments/releases)
![](https://img.shields.io/npm/dt/hexo-tag-fb-comments)
![](https://img.shields.io/npm/dependency-version/hexo-tag-fb-comments/peer/hexo)
[![CircleCI](https://circleci.com/gh/hms5232/hexo-tag-fb-comments/tree/main.svg?style=svg)](https://circleci.com/gh/hms5232/hexo-tag-fb-comments/tree/main)
[![](https://img.shields.io/github/commits-since/hms5232/hexo-tag-fb-comments/latest?include_prereleases&sort=semver&style=social)](https://github.com/hms5232/hexo-tag-fb-comments)
![](https://img.shields.io/npm/l/hexo-tag-fb-comments?style=flat-square)

[正體中文(zh-TW)](docs/zh-TW.md)| [English (en-US)](docs/en-US.md)

Facebook comments plugin for Hexo!

> [!CAUTION]
> Meta has announced the Facebook comment plugin will be deprecated and on February 10, 2026. See the document for more detail.
>
> Meta 宣布將在 2026 年 2 月 10 日停止 Facebook 留言外掛,詳情請參閱官方文件。

## Requirement
* Hexo 5 or above

## Usage
### Installation
npm:
```
npm i hexo-tag-fb-comments
```
yarn:
```
yarn add hexo-tag-fb-comments
```

### Seting
#### config
Add the following config into your `_config.yml` which at project root:
```yml
fb_comments:
enabled: true
```
Recommend additional item `app_id`, that you can manage comments in FB app. Here is complate config item:
```yml
fb_comments:
enabled: true # Enable FB comments plugin or not.
to: post # post, page or default (everywhere), etc.
app_id: # FB app id
lang: zh_TW # language
num_posts: 5 # The number of comments to show by default.
order_by: reverse-time # The order to use when displaying comments. Can be "reverse_time" or "time".
colorscheme: light # The color scheme used by the comments plugin. Can be "light" or "dark".
width: 100% # The width of the comments plugin on the webpage.
```

See more on https://developers.facebook.com/docs/plugins/comments/

#### Tag
Put tag at where you wnat to embed the plugin:
```
{% fb_comments %}
```

## Feature
* No need to edit theme files.
* You can change position of comments plugin by moving tag easily.

## LICENSE
[MIT License](LICENSE)