chore(doc): update messages for demos

pull/729/head
ppoffice 2020-05-02 11:10:14 -04:00
parent f3a04d1061
commit 54e3ab867e
20 changed files with 117 additions and 60 deletions

View File

@ -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
change:
To enable the Cyberpunk theme, open your theme's `_config.yml` and make the following 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
website of the game, which are placed on the top navigation bar and bottom page footer.
If you wish to make further modifications to this theme variant, please take a look at
Apart from the color palette, Icarus also used two image resources that are placed on the top
navigation bar and bottom page footer from the official Cyberpunk 2077 website.
If you wish to make further modifications to this theme variant, you can take a look at
`themes/icarus/source/css/cyberpunk.styl`.

View File

@ -5,9 +5,13 @@ tags:
toc: true
---
{% quote %}
The following content is directly copied from <a href="https://hexo.io/docs/tag-plugins.html">Hexo official documentation</a>
{% endquote %}
<article class="message message-immersive is-primary">
<div class="message-body">
<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 -->

View File

@ -7,8 +7,11 @@ comment:
shortname: hexo-theme-icarus
---
<div class="notification is-warning">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -12,8 +12,11 @@ comment:
nesting: 4
---
<div class="notification is-warning">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -6,12 +6,18 @@ comment:
type: facebook
---
<div class="notification is-warning is-size-6">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -12,8 +12,11 @@ comment:
- ppoffice
---
<div class="notification is-warning">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -7,12 +7,18 @@ comment:
uid: MTAyMC8zNTExMS8xMTY0Ng==
---
<div class="notification is-warning is-size-6">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -10,8 +10,11 @@ comment:
issue_term: pathname
---
<div class="notification is-warning">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -18,8 +18,11 @@ comment:
record_ip: false
---
<div class="notification is-warning">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -6,8 +6,11 @@ search:
type: algolia
---
<div class="notification is-warning is-size-6">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -7,8 +7,11 @@ search:
cx: 006888261376761189075:qxqdcvqzio0
---
<div class="notification is-warning is-size-6">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -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">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -6,8 +6,11 @@ share:
type: addtoany
---
<div class="notification is-warning is-size-6">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -6,12 +6,18 @@ share:
type: bdshare
---
<div class="notification is-warning is-size-6">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -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">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -6,8 +6,11 @@ share:
type: sharejs
---
<div class="notification is-warning is-size-6">
This is for demonstration only.
<article class="message message-immersive is-warning">
<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>

View File

@ -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>

View File

@ -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>

View File

@ -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>

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