diff --git a/atom.xml b/atom.xml index ef2bd5f70..6d37fa6e1 100644 --- a/atom.xml +++ b/atom.xml @@ -282,7 +282,7 @@ 2018-01-30T04:14:00.000Z 2018-05-04T10:01:55.000Z - 前一段时间，发现了一个评论系统很好用，果断把这个评论系统换到自己的博客里了。

所以本文主要讲在 Hexo 的 NexT 主题中如何使用 Wildfire ，至于其他的博客以及其他的主题中如何使用的问题，我就不多说了。有需求的朋友可以去项目主页提问，或者在这里提问也可以。如果我懂得话一定会回答的。

修改 NexT 评论模板

在你的博客项目中，打开./themes/next/layout/_partials/comments.swig 这个文件。
将文件尾部的内容：

1
2
3
4
5
6
7
8
9
10
{% if page.comments %}
  <div class="comments" id="comments">
    ...
    ...
    {% elseif theme.livere_uid %}
      <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>
      <!-- 添加内容的位置在这里 -->
    {% endif %}
  </div>
{% endif %}

修改为成下面的内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
{% if page.comments %}
  <div class="comments" id="comments">
    ...
    ...
    {% elseif theme.livere_uid %}
      <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>
    {% elseif theme.wildfire.enable %}
      <style type="text/css">
        .wildfire_thread a {border-bottom: none}
      </style>
      <div class="wildfire_thread"></div>
      <script type="text/javascript">
        var wildfireConfig = () => ({
          databaseProvider: '{{ theme.wildfire.database_provider }}',
          databaseConfig: {
          {% if (theme.wildfire.database_provider) === 'wilddog' %}
            siteId: '{{ theme.wildfire.site_id }}'
          {% elseif (theme.wildfire.database_provider) === 'firebase' %}
            apiKey: '{{ theme.wildfire.api_key }}',
            authDomain: '{{ theme.wildfire.auth_domain }}',
            databaseURL: '{{ theme.wildfire.database_url }}',
            projectId: '{{ theme.wildfire.project_id }}',
            storageBucket: '{{theme.wildfire.storage_bucket}}',
            messagingSenderId: '{{theme.wildfire.messaging_sender_id}}'
          {% endif %}
          },
          theme: '{{theme.wildfire.theme}}',
          locale: '{{theme.wildfire.locale}}'
        })
      </script>
      <script src='https://unpkg.com/wildfire/dist/wildfire.auto.js'></script>
    {% endif %}
  </div>
{% endif %}

然后保存。

增加设置内容

打开主题设置文件 ./themes/next/_config.yml，注意：不是站点设置文件。
将下面的代码复制到合适的位置（包含全部注释）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# Wildfire Support
wildfire:
  ## 开启Wildfire支持
  enable: true
  ## 主题颜色，目前可选值为light/dark两种，默认为light
  theme: light
  ## 系统语言，目前可选值为en/zh-CN两种，默认为en
  locale: zh-CN
  ## Wilddog配置
  database_provider: wilddog
  site_id: site_id
  avatarURL: https://image.flaticon.com/icons/svg/621/621863.svg
  ## Firebase配置
  # database_provider: firebase
  # api_key: apiKey
  # auth_domain: authDomain
  # database_url: databaseURL
  # project_id: projectId
  # storage_bucket: storageBucket
  # messaging_sender_id: messagingSenderId

需要注意的是，复制的时候不要修改这个配置的缩进关系。另外 Wilddog 和 Firebase 两者的配置只能选择其一。比如要使用 Wilddog 的话，配置内容就如下：

1
2
3
4
5
6
wildfire:
  enable: true
  theme: light
  locale: zh-CN
  database_provider: wilddog
  site_id: wdg_my_site_id

如果要使用 Firebase 则配置选择为如下：

1
2
3
4
5
6
7
8
9
10
11
wildfire:
  enable: true
  theme: light
  locale: zh-CN
  database_provider: firebase
  api_key: your_apiKey
  auth_domain: your_authDomain
  database_url: your_databaseURL
  project_id: your_projectId
  storage_bucket: your_storageBucket
  messaging_sender_id: your_messagingSenderId

上面的值呢，就需要大家从自己建好的 APP 应用中拷贝过来了。

完成部署

下面就可以直接 hexo generate 生成就可以了。很简单吧~
当然如果还有什么问题，欢迎在这里提问哦。

]]> + 前一段时间，发现了一个评论系统很好用，果断把这个评论系统换到自己的博客里了。

所以本文主要讲在 Hexo 的 NexT 主题中如何使用 Wildfire ，至于其他的博客以及其他的主题中如何使用的问题，我就不多说了。有需求的朋友可以去项目主页提问，或者在这里提问也可以。如果我懂得话一定会回答的。

修改 NexT 评论模板

在你的博客项目中，打开./themes/next/layout/_partials/comments.swig 这个文件。
将文件尾部的内容：

1
2
3
4
5
6
7
8
9
10
{% if page.comments %}
  <div class="comments" id="comments">
    ...
    ...
    {% elseif theme.livere_uid %}
      <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>
      <!-- 添加内容的位置在这里 -->
    {% endif %}
  </div>
{% endif %}

修改为成下面的内容：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
{% if page.comments %}
  <div class="comments" id="comments">
    ...
    ...
    {% elseif theme.livere_uid %}
      <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>
    {% elseif theme.wildfire.enable %}
      <style type="text/css">
        .wildfire_thread a {border-bottom: none}
      </style>
      <div class="wildfire_thread"></div>
      <script type="text/javascript">
        var wildfireConfig = () => ({
          databaseProvider: '{{ theme.wildfire.database_provider }}',
          databaseConfig: {
          {% if (theme.wildfire.database_provider) === 'wilddog' %}
            siteId: '{{ theme.wildfire.site_id }}'
          {% elseif (theme.wildfire.database_provider) === 'firebase' %}
            apiKey: '{{ theme.wildfire.api_key }}',
            authDomain: '{{ theme.wildfire.auth_domain }}',
            databaseURL: '{{ theme.wildfire.database_url }}',
            projectId: '{{ theme.wildfire.project_id }}',
            storageBucket: '{{theme.wildfire.storage_bucket}}',
            messagingSenderId: '{{theme.wildfire.messaging_sender_id}}'
          {% endif %}
          },
          theme: '{{theme.wildfire.theme}}',
          locale: '{{theme.wildfire.locale}}'
        })
      </script>
      <script src='https://unpkg.com/wildfire/dist/wildfire.auto.js'></script>
    {% endif %}
  </div>
{% endif %}

然后保存。

增加设置内容

打开主题设置文件 ./themes/next/_config.yml，注意：不是站点设置文件。
将下面的代码复制到合适的位置（包含全部注释）：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
# Wildfire Support
wildfire:
  ## 开启Wildfire支持
  enable: true
  ## 主题颜色，目前可选值为light/dark两种，默认为light
  theme: light
  ## 系统语言，目前可选值为en/zh-CN两种，默认为en
  locale: zh-CN
  ## Wilddog配置
  database_provider: wilddog
  site_id: site_id
  avatarURL: https://image.flaticon.com/icons/svg/621/621863.svg
  ## Firebase配置
  # database_provider: firebase
  # api_key: apiKey
  # auth_domain: authDomain
  # database_url: databaseURL
  # project_id: projectId
  # storage_bucket: storageBucket
  # messaging_sender_id: messagingSenderId

需要注意的是，复制的时候不要修改这个配置的缩进关系。另外 Wilddog 和 Firebase 两者的配置只能选择其一。比如要使用 Wilddog 的话，配置内容就如下：

1
2
3
4
5
6
wildfire:
  enable: true
  theme: light
  locale: zh-CN
  database_provider: wilddog
  site_id: wdg_my_site_id

如果要使用 Firebase 则配置选择为如下：

1
2
3
4
5
6
7
8
9
10
11
wildfire:
  enable: true
  theme: light
  locale: zh-CN
  database_provider: firebase
  api_key: your_apiKey
  auth_domain: your_authDomain
  database_url: your_databaseURL
  project_id: your_projectId
  storage_bucket: your_storageBucket
  messaging_sender_id: your_messagingSenderId

上面的值呢，就需要大家从自己建好的 APP 应用中拷贝过来了。

完成部署

下面就可以直接 hexo generate 生成就可以了。很简单吧~
当然如果还有什么问题，欢迎在这里提问哦。

]]> diff --git a/baidusitemap.xml b/baidusitemap.xml index 6e3a5af6b..ec9cb83d2 100644 --- a/baidusitemap.xml +++ b/baidusitemap.xml @@ -395,12 +395,12 @@ - https://blog.ihoey.com/posts/javascript/2016-11-19-javascript-jquery-part2.html + https://blog.ihoey.com/posts/javascript/2016-11-23-javascript-jquery-part5.html 2018-05-10T08:45:23.000Z - JQuery分析及实现part2之css部分功能及实现 - 2016-11-19T11:02:01.000Z + JQuery分析及实现part5之事件模块功能及实现 + 2016-11-23T02:27:16.000Z 原生Js @@ -419,12 +419,12 @@ - https://blog.ihoey.com/posts/javascript/2016-11-20-javascript-jquery-part3.html + https://blog.ihoey.com/posts/javascript/2016-11-19-javascript-jquery-part2.html 2018-05-10T08:45:23.000Z - JQuery分析及实现part3之属性模块功能及实现 - 2016-11-20T03:51:28.000Z + JQuery分析及实现part2之css部分功能及实现 + 2016-11-19T11:02:01.000Z 原生Js @@ -443,12 +443,12 @@ - https://blog.ihoey.com/posts/javascript/2016-11-23-javascript-jquery-part5.html + https://blog.ihoey.com/posts/javascript/2016-11-20-javascript-jquery-part3.html 2018-05-10T08:45:23.000Z - JQuery分析及实现part5之事件模块功能及实现 - 2016-11-23T02:27:16.000Z + JQuery分析及实现part3之属性模块功能及实现 + 2016-11-20T03:51:28.000Z 原生Js @@ -857,12 +857,12 @@ - https://blog.ihoey.com/posts/MongoDB/2017-03-27-mongodb-ues.html + https://blog.ihoey.com/posts/MongoDB/2017-03-23-mongodb.html 2018-05-04T10:02:23.000Z - MongoDB学习笔记 - 2017-03-27T07:07:03.000Z + MongoDB安装笔记 + 2017-03-23T08:25:11.000Z MongoDB @@ -879,12 +879,12 @@ - https://blog.ihoey.com/posts/MongoDB/2017-03-23-mongodb.html + https://blog.ihoey.com/posts/MongoDB/2017-03-27-mongodb-ues.html 2018-05-04T10:02:23.000Z - MongoDB安装笔记 - 2017-03-23T08:25:11.000Z + MongoDB学习笔记 + 2017-03-27T07:07:03.000Z MongoDB diff --git a/css/main.css b/css/main.css index dcba460c1..53ab69717 100644 --- a/css/main.css +++ b/css/main.css @@ -1813,7 +1813,7 @@ pre .javascript .function { width: 4px; height: 4px; border-radius: 50%; - background: #26a285; + background: #9aff33; } .links-of-blogroll { font-size: 13px; diff --git a/links/index.html b/links/index.html index 99b652540..5d7e69a13 100644 --- a/links/index.html +++ b/links/index.html @@ -775,6 +775,16 @@

羽忆江南

+
  • + + + 人生地里的地瓜 + +

    人生地里的地瓜

    +

    念念不忘,必有回响

    +     +
    • +
    diff --git a/posts/Linux/2018-01-30-Hexo-NexT-Wildfire.html b/posts/Linux/2018-01-30-Hexo-NexT-Wildfire.html index 325e25f85..26c463a36 100644 --- a/posts/Linux/2018-01-30-Hexo-NexT-Wildfire.html +++ b/posts/Linux/2018-01-30-Hexo-NexT-Wildfire.html @@ -542,7 +542,7 @@

    在Hexo博客 NexT主题中部

    修改 NexT 评论模板

    在你的博客项目中，打开./themes/next/layout/_partials/comments.swig 这个文件。
    将文件尾部的内容：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    {% if page.comments %}
      <div class="comments" id="comments">
        ...
        ...
        {% elseif theme.livere_uid %}
          <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>
          <!-- 添加内容的位置在这里 -->
        {% endif %}
      </div>
    {% endif %}

    修改为成下面的内容：

    -
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    {% if page.comments %}
      <div class="comments" id="comments">
        ...
        ...
        {% elseif theme.livere_uid %}
          <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>
        {% elseif theme.wildfire.enable %}
          <style type="text/css">
            .wildfire_thread a {border-bottom: none}
          </style>
          <div class="wildfire_thread"></div>
          <script type="text/javascript">
            var wildfireConfig = () => ({
              databaseProvider: '{{ theme.wildfire.database_provider }}',
              databaseConfig: {
              {% if (theme.wildfire.database_provider) === 'wilddog' %}
                siteId: '{{ theme.wildfire.site_id }}'
              {% elseif (theme.wildfire.database_provider) === 'firebase' %}
                apiKey: '{{ theme.wildfire.api_key }}',
                authDomain: '{{ theme.wildfire.auth_domain }}',
                databaseURL: '{{ theme.wildfire.database_url }}',
                projectId: '{{ theme.wildfire.project_id }}',
                storageBucket: '{{theme.wildfire.storage_bucket}}',
                messagingSenderId: '{{theme.wildfire.messaging_sender_id}}'
              {% endif %}
              },
              theme: '{{theme.wildfire.theme}}',
              locale: '{{theme.wildfire.locale}}'
            })
          </script>
          <script src='https://unpkg.com/wildfire/dist/wildfire.auto.js'></script>
        {% endif %}
      </div>
    {% endif %}
    +
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    {% if page.comments %}
      <div class="comments" id="comments">
        ...
        ...
        {% elseif theme.livere_uid %}
          <div id="lv-container" data-id="city" data-uid="{{ theme.livere_uid }}"></div>
        {% elseif theme.wildfire.enable %}
          <style type="text/css">
            .wildfire_thread a {border-bottom: none}
          </style>
          <div class="wildfire_thread"></div>
          <script type="text/javascript">
            var wildfireConfig = () => ({
              databaseProvider: '{{ theme.wildfire.database_provider }}',
              databaseConfig: {
              {% if (theme.wildfire.database_provider) === 'wilddog' %}
                siteId: '{{ theme.wildfire.site_id }}'
              {% elseif (theme.wildfire.database_provider) === 'firebase' %}
                apiKey: '{{ theme.wildfire.api_key }}',
                authDomain: '{{ theme.wildfire.auth_domain }}',
                databaseURL: '{{ theme.wildfire.database_url }}',
                projectId: '{{ theme.wildfire.project_id }}',
                storageBucket: '{{theme.wildfire.storage_bucket}}',
                messagingSenderId: '{{theme.wildfire.messaging_sender_id}}'
              {% endif %}
              },
              theme: '{{theme.wildfire.theme}}',
              locale: '{{theme.wildfire.locale}}'
            })
          </script>
          <script src='https://unpkg.com/wildfire/dist/wildfire.auto.js'></script>
        {% endif %}
      </div>
    {% endif %}

    然后保存。

    增加设置内容

    打开主题设置文件 ./themes/next/_config.yml，注意：不是站点设置文件。
    将下面的代码复制到合适的位置（包含全部注释）：

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    # Wildfire Support
    wildfire:
      ## 开启Wildfire支持
      enable: true
      ## 主题颜色，目前可选值为light/dark两种，默认为light
      theme: light
      ## 系统语言，目前可选值为en/zh-CN两种，默认为en
      locale: zh-CN
      ## Wilddog配置
      database_provider: wilddog
      site_id: site_id
      avatarURL: https://image.flaticon.com/icons/svg/621/621863.svg
      ## Firebase配置
      # database_provider: firebase
      # api_key: apiKey
      # auth_domain: authDomain
      # database_url: databaseURL
      # project_id: projectId
      # storage_bucket: storageBucket
      # messaging_sender_id: messagingSenderId
    diff --git a/sitemap.xml b/sitemap.xml index f3a72862e..9c59bbbc7 100644 --- a/sitemap.xml +++ b/sitemap.xml @@ -128,21 +128,21 @@     - https://blog.ihoey.com/posts/javascript/2016-11-19-javascript-jquery-part2.html + https://blog.ihoey.com/posts/javascript/2016-11-23-javascript-jquery-part5.html 2018-05-10T08:45:23.000Z - https://blog.ihoey.com/posts/javascript/2016-11-20-javascript-jquery-part3.html + https://blog.ihoey.com/posts/javascript/2016-11-19-javascript-jquery-part2.html 2018-05-10T08:45:23.000Z - https://blog.ihoey.com/posts/javascript/2016-11-23-javascript-jquery-part5.html + https://blog.ihoey.com/posts/javascript/2016-11-20-javascript-jquery-part3.html 2018-05-10T08:45:23.000Z @@ -268,14 +268,14 @@ - https://blog.ihoey.com/posts/MongoDB/2017-03-27-mongodb-ues.html + https://blog.ihoey.com/posts/MongoDB/2017-03-23-mongodb.html 2018-05-04T10:02:23.000Z - https://blog.ihoey.com/posts/MongoDB/2017-03-23-mongodb.html + https://blog.ihoey.com/posts/MongoDB/2017-03-27-mongodb-ues.html 2018-05-04T10:02:23.000Z