chore(doc): update messages for demos

source/_posts/demo/Cyberpunk.md

@@ -61,13 +61,12 @@ The theme is inspired by the video game [Cyberpunk 2077](https://www.cyberpunk.n
 developed by CD PROJEKT RED.
 This variant aims at providing a different Icarus experience to these who like dark-themed
 blogs.
-It should be noted that it uses recent web styling features that are not working properly 
+It should be noted that it uses recent web styling features that are not working correctly  
 in some legacy browsers, including Internet Explorer and legacy Microsoft Edge.
 
 <!-- more -->
 
-To enable the Cyberpunk theme, please open your theme's `_config.yml` and make the following
+To enable the Cyberpunk theme, open your theme's `_config.yml` and make the following change:
-change:
 
 {% codeblock themes/icarus/_config.yml lang:diff %}
 - variant: default
@@ -77,9 +76,9 @@ change:
 You may also want to change the theme of highlighted code blocks.
 In that case, you can find some dark highlight.js themes 
 [here](https://github.com/highlightjs/highlight.js/tree/master/src/styles).
-Copy the file name excluding the `.css` extension and put it in the `article.highlight.theme`
+Copy the file name, excluding the `.css` extension, and put it in the `article.highlight.theme`
 option in Icarus' `_config.yml`.
-For example, if you want to change the theme to `xt256`, simply make the following edit:
+For example, if you want to change the theme to `xt256`, make the following change:
 
 {% codeblock themes/icarus/_config.yml lang:diff %}
 # Article related configurations
@@ -89,7 +88,7 @@ article:
 +         theme: xt256
 {% endcodeblock %}
 
-Apart from the color palette, Icarus also used two image resources taken from the official 
+Apart from the color palette, Icarus also used two image resources that are placed on the top 
-website of the game, which are placed on the top navigation bar and bottom page footer.
+navigation bar and bottom page footer from the official Cyberpunk 2077 website.
-If you wish to make further modifications to this theme variant, please take a look at
+If you wish to make further modifications to this theme variant, you can take a look at
 `themes/icarus/source/css/cyberpunk.styl`.

source/_posts/demo/Hexo-Built-In-Tag-Helpers.md

@@ -5,9 +5,13 @@ tags:
 toc: true
 ---
 
-{% quote %}
+<article class="message message-immersive is-primary">
-The following content is directly copied from <a href="https://hexo.io/docs/tag-plugins.html">Hexo official documentation</a>
+<div class="message-body">
-{% endquote %}
+<i class="fas fa-lightbulb mr-2"></i>
+The following content is taken from <a href="https://hexo.io/docs/tag-plugins.html">Hexo documentation</a>
+with minor revisions.
+</div>
+</article>
 
 Tag plugins are different from post tags. They are ported from Octopress and provide a useful way for you to quickly add specific content to your posts.
 <!-- more -->

source/_posts/demo/comment/Disqus.md

@@ -7,8 +7,11 @@ comment:
     shortname: hexo-theme-icarus
 ---
 
-<div class="notification is-warning">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/comment/DisqusJS.md

@@ -12,8 +12,11 @@ comment:
     nesting: 4
 ---
 
-<div class="notification is-warning">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/comment/Facebook.md

@@ -6,12 +6,18 @@ comment:
     type: facebook
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>
 
-<div class="notification is-info is-size-6">
+<article class="message message-immersive is-primary">
+<div class="message-body">
+<i class="fas fa-info-circle mr-2"></i>
 Please turn off your ad blockers if you do not see the comment section.
 </div>
+</article>

source/_posts/demo/comment/Gitalk.md

@@ -12,8 +12,11 @@ comment:
         - ppoffice
 ---
 
-<div class="notification is-warning">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/comment/LiveRe.md

@@ -7,12 +7,18 @@ comment:
     uid: MTAyMC8zNTExMS8xMTY0Ng==
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>
 
-<div class="notification is-info is-size-6">
+<article class="message message-immersive is-primary">
+<div class="message-body">
+<i class="fas fa-info-circle mr-2"></i>
 Please turn off your ad blockers if you do not see the comment section.
 </div>
+</article>

source/_posts/demo/comment/Utterances.md

@@ -10,8 +10,11 @@ comment:
     issue_term: pathname
 ---
 
-<div class="notification is-warning">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/comment/Valine.md

@@ -18,8 +18,11 @@ comment:
     record_ip: false
 ---
 
-<div class="notification is-warning">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/search/Algolia.md

@@ -6,8 +6,11 @@ search:
     type: algolia
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/search/Google-CSE.md

@@ -7,8 +7,11 @@ search:
     cx: 006888261376761189075:qxqdcvqzio0
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/share/AddThis.md

@@ -7,12 +7,18 @@ share:
     install_url: //s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5ab6fa5759854232
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>
 
-<div class="notification is-info is-size-6">
+<article class="message message-immersive is-primary">
+<div class="message-body">
+<i class="fas fa-info-circle mr-2"></i>
 Please turn off your ad blockers if you do not see the buttons.
 </div>
+</article>

source/_posts/demo/share/AddToAny.md

@@ -6,8 +6,11 @@ share:
     type: addtoany
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/share/BaiduShare.md

@@ -6,12 +6,18 @@ share:
     type: bdshare
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>
 
-<div class="notification is-info is-size-6">
+<article class="message message-immersive is-primary">
+<div class="message-body">
+<i class="fas fa-info-circle mr-2"></i>
 Please turn off your ad blockers if you do not see the buttons.
 </div>
+</article>

source/_posts/demo/share/ShareThis.md

@@ -7,8 +7,11 @@ share:
     install_url: //platform-api.sharethis.com/js/sharethis.js#property=5ab6f60ace89f00013641890&product=inline-share-buttons
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/demo/share/Sharejs.md

@@ -6,8 +6,11 @@ share:
     type: sharejs
 ---
 
-<div class="notification is-warning is-size-6">
+<article class="message message-immersive is-warning">
-This is for demonstration only.
+<div class="message-body">
+<i class="fas fa-exclamation-triangle mr-2"></i>
+This page is for demonstration only.
 Please report your issues with this plugin to 
 <a href="https://github.com/ppoffice/hexo-component-inferno">ppoffice/hexo-component-inferno</a>.
 </div>
+</article>

source/_posts/en/Configuring-Theme.md

@@ -19,7 +19,7 @@ It also explains what configuration files are used and how Icarus generate and v
 
 <article class="message message-immersive is-primary">
 <div class="message-body">
-<i class="fas fa-lightbulb mr-2"></i>
+<i class="fas fa-globe-asia mr-2"></i>
 This article is also available in <a href="{% post_path zh-CN/Configuring-Theme %}">简体中文</a>.
 </div>
 </article>
@@ -455,7 +455,7 @@ Finally, Icarus will also check the Node.js package dependencies and remind you
 
 <article class="message message-immersive is-warning">
 <div class="message-body">
-<i class="fas fa-exclamation-triangle mr-2"></i>
+<i class="fas fa-question-circle mr-2"></i>
 Something wrong with this article? Click <a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/en/Configuring-Theme.md">here</a> to submit your revision.
 </div>
 </article>

source/_posts/en/FAQ.md

@@ -15,7 +15,7 @@ Additionally, you may find help from other Icarus users on [Gitter](https://gitt
 
 <article class="message message-immersive is-primary">
 <div class="message-body">
-<i class="fas fa-lightbulb mr-2"></i>
+<i class="fas fa-globe-asia mr-2"></i>
 This article is also available in <a href="{% post_path zh-CN/FAQ %}">简体中文</a>.
 </div>
 </article>
@@ -23,7 +23,7 @@ This article is also available in <a href="{% post_path zh-CN/FAQ %}">简体中
 
 ## Site
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 I can't generate my site. / I met some errors when I generate my site.
 </div>
@@ -38,7 +38,7 @@ file.
 Also, remove all unused Node.js dependencies from your site, or they may cause strange problems to 
 Icarus.
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 How do I change the language of my site?
 </div>
@@ -58,7 +58,7 @@ The `language_name` is the translation file name without the `.yml` extension.
 
 ## Layout
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 How do I change the page width? How do I use the one/two/three-column layout?
 </div>
@@ -111,7 +111,7 @@ Here are some tips for creating a one/two/three-column layout:
 To change the layout for a single or all posts/pages, refer to 
 [Configuration Files and Priority](/hexo-theme-icarus/Configuration/icarus-user-guide-configuring-the-theme/#Configuration-Files-and-Priority).
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 Where are the layout files for widgets/comments/share...? How do I customize built-in widgets/comments/share...?
 </div>
@@ -140,7 +140,7 @@ Similarly, you can override static files like
 [`asset/js/insight.js`](https://github.com/ppoffice/hexo-component-inferno/blob/0.2.4/asset/js/insight.js) 
 in the same way.
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 Why don't my layout changes take effect when I refresh the page (assuming I am running the 
 <code>hexo server</code>?
@@ -156,7 +156,7 @@ Execute `hexo clean` before running `hexo server` or `hexo generate` should reso
 
 ## Content
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 My images are not showing up. / My images only show in index pages but not in posts.
 </div>
@@ -177,7 +177,7 @@ image automatically:
 In this case, you may omit the subdirectory of your domain name.
 You can refer to [Hexo documentation](https://hexo.io/docs/tag-plugins#Image) for more details.
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 How to add an excerpt for a post? How to display the "Read more" button?
 </div>
@@ -197,7 +197,7 @@ excerpt: This is an article about ...
 # Post content...
 {% endcodeblock %}
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 How do I encrypt my posts?
 </div>
@@ -205,7 +205,7 @@ How do I encrypt my posts?
 
 Use third-party Hexo plugins such as [hexo-blog-encrypt](https://github.com/MikeCoder/hexo-blog-encrypt).
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 How do I use those fancy elements in this article for my posts?
 </div>
@@ -217,7 +217,7 @@ Copy the HTML snippets and put them in your Markdown files directly.
 
 ## Widgets and Plugins
 
-<article class="message is-primary" style="font-size:1em">
+<article class="message is-primary" style="font-size:inherit">
 <div class="message-body">
 How can I get rid of those red alerts that are showing on the page and warning me of configuration value not set?
 </div>
@@ -240,7 +240,7 @@ For example, you can disable the comment plugins by commenting out the following
 
 <article class="message message-immersive is-warning">
 <div class="message-body">
-<i class="fas fa-exclamation-triangle mr-2"></i>
+<i class="fas fa-question-circle mr-2"></i>
 Something wrong with this article? Click <a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/en/FAQ.md">here</a> to submit your revision.
 </div>
 </article>

source/_posts/en/Getting-Started.md

@@ -19,7 +19,7 @@ open to a sea of improvement possibilities.
 
 <article class="message message-immersive is-primary">
 <div class="message-body">
-<i class="fas fa-lightbulb mr-2"></i>
+<i class="fas fa-globe-asia mr-2"></i>
 This article is also available in <a href="{% post_path zh-CN/Getting-Started %}">简体中文</a>.
 </div>
 </article>
@@ -80,7 +80,7 @@ You can also submit your Icarus tutorial through [this link](https://github.com/
 
 <article class="message message-immersive is-warning">
 <div class="message-body">
-<i class="fas fa-exclamation-triangle mr-2"></i>
+<i class="fas fa-question-circle mr-2"></i>
 Something wrong with this article? Click <a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/en/Getting-Started.md">here</a> to submit your revision.
 </div>
 </article>

themes/icarus

@@ -1 +1 @@
-Subproject commit 5ff135cccd1f4eec3081c4a513076cb80075a513
+Subproject commit ea0434b426216eb0ccc176d106de0fda893956f6