github
/
hexo-theme-icarus
mirror of https://github.com/ppoffice/hexo-theme-icarus
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

chore(doc): add theme configuration docs

pull/701/head
ppoffice 2020-04-19 22:20:30 -04:00
parent 4625fa653d
commit 3c542f991d
17 changed files with 13636 additions and 201 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

469
source/_posts/en/Configuring-Theme.md Normal file
View File

@ -0,0 +1,469 @@
title: Icarus User Guide - Configuring the Theme
date: 2020-03-01
thumbnail: /gallery/thumbnails/vector_landscape_2.svg
categories:
- Configuration
tags:
- Getting Started
- Icarus User Guide
language: en
toc: true
---
Icarus' default theme configuration file `_config.yml` resides in the `themes/icarus` directory.
It defines the global layout and style settings of the theme as well as external features such as comment
plugins and widgets.
In this post, we will be covering settings that relate to the styling and overall layout of your site.
We will be covering the mechanisms used by Icarus to configure your site and going through the format and meaning of some configuration
settings.
<!-- more -->
<div class="notification is-success is-size-6">
This article is also available in: <a href="{% post_path zh-CN/Configuring-Theme %}">简体中文</a>.
</div>
## Generate and Validate the Configuration
An Icarus theme configuration file is written in [the `YAML` language](https://yaml.org/), and the default configuration file
`themes/icarus/_config.yml` is generated automatically from a set of [JSON schemas](https://json-schema.org/) when the theme is processed by Hexo and you don't have
a theme configuration file available at that time.
That's why you don't see an example file (`_config.yml.example`) under your theme directory and there's no
need to create `_config.yml` yourself.
Most of the JSON schema definitions sit in the `themes/icarus/include/schema` directory and the others are
in the [ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno) repository.
You may attach the `--icarus-dont-generate-config` flag to your `hexo` commands to prevent configuration
generation.
The theme will also validate your configurations using these schemas every time you execute a `hexo` command
in your site directory.
If anything goes wrong during the validation, Icarus will print out the exact location of the misconfiguration
and it's error type. For example, the following messages tell us that the value of `logo` setting should be
either a string or an object, instead of an integer.
You could ignore the warnings or append the `--icarus-dont-check-config` flag to your `hexo` commands to skip
the validation, but it is not recommended to do so.
{% codeblock "hexo log" %}
INFO === Checking package dependencies ===
INFO === Checking the configuration file ===
WARN Configuration file failed one or more checks.
WARN Icarus may still run, but you will encounter unexcepted results.
WARN Here is some information for you to correct the configuration file.
WARN [
{
keyword: 'type',
dataPath: '.logo',
schemaPath: '#/properties/logo/type',
params: { type: 'string,object' },
message: 'should be string,object'
}
]
{% endcodeblock %}
Additionally, Icarus will try to use the migration scripts to upgrade your configuration to the newest version.
These scripts are in the `themes/icarus/include/migration` directory.
You may disable the upgrade by append the `--icarus-dont-upgrade-config` flag to your `hexo` commands.
Finally, Icarus will also check the Node.js package dependencies and remind you to install them if you haven't.
## Additional Configuration Files and Priority
Apart from the default theme configuration file at `themes/icarus/_config.yml`, Icarus also look at configurations
from the following sources:
- `themes/icarus/_config.post.yml` and `themes/icarus/_config.page.yml`
- Post/page's [front-matter](https://hexo.io/docs/front-matter.html)
- Site `_config.yml` in the root directory
`_config.post.yml` and `_config.page.yml` follows the same format and definitions of the default theme configuration
file.
You may put post-specific configurations in `_config.post.yml`, and these configurations will override the default
theme configurations.
For example, you can apply a two-column layout for all posts by moving all widgets to the left side of the page while keeping a three-column layout in other pages:
{% codeblock themes/icarus/_config.yml lang:yaml %}
widgets:
-
type: recent_posts
position: left
-
type: categories
position: right
-
type: tags
position: right
{% endcodeblock %}
{% codeblock themes/icarus/_config.post.yml lang:yaml %}
widgets:
-
type: recent_posts
position: left
-
type: categories
position: left
-
type: tags
position: left
{% endcodeblock %}
Similarly, `_config.page.yml` overrides the default theme configurations and only applies to all Hexo pages.
Additionally, if you wish to override theme configurations for a certain post/page, you can put them in the
front-matter of that post/page.
For example, if you can change the highlight.js theme of the code blocks by adding the setting in the post's
front-matter like this:
{% codeblock source/_post/some-post.md lang:yaml %}
title: My first post
date: '2015-01-01 00:00:01'
article:
highlight:
theme: atom-one-dark
---
# Some Post
{% endcodeblock %}
The above setting in the front-matter will always override the same setting in the `_config.post.yml` and
`_config.yml`.
This feature can be very useful for displaying customized/optimized pages to a specific audience.
For example, you can enable faster CDNs or a localized comment service based on the country and language of the
page viewers.
However, it should be noted that the post or page attributes defined by Hexo in the front-matter will not
override the theme configuration files. Examples are:
- `title`
- `date`
- `updated`
- `comments` (not `comment`)
- `layout`
- `source`
- `photos`
- `excerpt`
Finally, the site configuration file `_config.yml` in the root directory will be override by all other
configuration files for the settings used by the theme.
For instance, `title` in the `themes/icarus/_config.yml` will override `title` in the `_config.yml`, but
`new_post_name` will not since it is not used by Icarus.
In conclusion, the scopes of the configuration files and their priorities are
<table class="table is-bordered is-striped">
<tr>
<th>A certain post/page</th>
</tr>
<tr>
<td>
<ul class="mt-0 ml-4">
<li>front-matter overrides</li>
<li><code>themes/icarus/_config.post.yml</code> or <code>themes/icarus/_config.page.yml</code> overrides</li>
<li><code>themes/icarus/_config.yml</code> overrides</li>
<li><code>_config.yml</code></li>
</ul>
</td>
</tr>
<tr>
<th>All posts/pages</th>
</tr>
<tr>
<td>
<ul class="mt-0 ml-4">
<li><code>themes/icarus/_config.post.yml</code> or <code>themes/icarus/_config.page.yml</code> overrides</li>
<li><code>themes/icarus/_config.yml</code> overrides</li>
<li><code>_config.yml</code></li>
</ul>
</td>
</tr>
<tr>
<th>All HTML pages</th>
</tr>
<tr>
<td>
<ul class="mt-0 ml-4">
<li><code>themes/icarus/_config.yml</code> overrides</li>
<li><code>_config.yml</code></li>
</ul>
</td>
</tr>
<tr>
</table>
## Theme Configuration Walkthrough
### Configuration version
{% codeblock themes/icarus/_config.yml lang:yaml %}
version: 3.0.0
{% endcodeblock %}
This version code is related to and but not always the same as the theme version code.
It is used when Icarus upgrade the configuration file via migration scripts.
You should not change it by yourself.
### Theme variant
{% codeblock themes/icarus/_config.yml lang:yaml %}
variant: default
{% endcodeblock %}
Choose a skin for Icarus.
"default" and "cyberpunk" are supported currently.
You can take a look at the Cyberpunk variant {% post_link demo/Cyberpunk "here" %}.
### Logo
{% codeblock themes/icarus/_config.yml lang:yaml %}
logo: /img/logo.svg
{% endcodeblock %}
Set the logo of your site which will display on the navigation bar and the footer.
The value of the `logo` setting can either be a path/URL to your logo image, or it can be the following if
you want text instead of an image as the logo
{% codeblock themes/icarus/_config.yml lang:yaml %}
logo:
text: My Beautiful Site
{% endcodeblock %}
### Favicon
{% codeblock themes/icarus/_config.yml lang:yaml %}
head:
favicon: /img/favicon.svg
{% endcodeblock %}
You may specify the path or URL to your site's favicon in the `head` section.
### Open Graph
{% codeblock themes/icarus/_config.yml lang:yaml >folded %}
head:
open_graph:
# Page title (og:title) (optional)
# You should leave this blank for most of the time
title:
# Page type (og:type) (optional)
# You should leave this blank for most of the time
type: blog
# Page URL (og:url) (optional)
# You should leave this blank for most of the time
url:
# Page cover (og:image) (optional)
# You should leave this blank for most of the time
image:
# Site name (og:site_name) (optional)
# You should leave this blank for most of the time
site_name:
# Page author (article:author) (optional)
# You should leave this blank for most of the time
author:
# Page description (og:description) (optional)
# You should leave this blank for most of the time
description:
# Twitter card type (twitter:card)
twitter_card:
# Twitter ID (twitter:creator)
twitter_id:
# Twitter Site (twitter:site)
twitter_site:
# Google+ profile link (deprecated)
google_plus:
# Facebook admin ID
fb_admins:
# Facebook App ID
fb_app_id:
{% endcodeblock %}
You may set the Open Graph settings in the `head` section.
You should leave some of the settings blank in the theme configuration file and only set those settings
in the front-matter of your post when needed.
Please refer to [Hexo documentation](https://hexo.io/docs/helpers.html#open-graph) for details of each setting.
### Google Structured Data
{% codeblock themes/icarus/_config.yml lang:yaml >folded %}
head:
structured_data:
# Page title (optional)
# You should leave this blank for most of the time
title:
# Page description (optional)
# You should leave this blank for most of the time
description:
# Page URL (optional)
# You should leave this blank for most of the time
url:
# Page author (article:author) (optional)
# You should leave this blank for most of the time
author:
# Page images (optional)
# You should leave this blank for most of the time
image:
{% endcodeblock %}
You may set the Google Structured Data settings in the `head` section.
You should leave most of the settings blank in the theme configuration file and only set those settings
in the front-matter of your post when needed.
Please refer to [Search for Developers](https://developers.google.com/search/docs/guides/intro-structured-data) for details of
each setting.
### Page Metadata
{% codeblock themes/icarus/_config.yml lang:yaml %}
head:
meta:
- 'name=theme-color;content=#123456'
- 'name=generator;content="Hexo 4.2.0"'
{% endcodeblock %}
You can add custom HTML `<meta>` tags to all pages in the `meta` setting of the `head` section.
Each meta tag should appear as an item of the `meta` array.
The fields of the tag should be in the `<field_name>=<field_value>` format and they are separated by `;`.
### RSS
{% codeblock themes/icarus/_config.yml lang:yaml %}
head:
rss: /path/to/atom.xml
{% endcodeblock %}
You can add an RSS link in the page head via this setting.
### Navigation Bar
{% codeblock themes/icarus/_config.yml lang:yaml %}
navbar:
# Naviagtion menu items
menu:
Home: /
Archives: /archives
Categories: /categories
Tags: /tags
About: /about
# Links to be shown on the right of the navigation bar
links:
GitHub: 'https://github.com'
Download on GitHub:
icon: fab fa-github
url: 'https://github.com/ppoffice/hexo-theme-icarus'
{% endcodeblock %}
The `navbar` section defines the links showing in the navigation bar.
You may add arbitrary links to the navigation menu by adding `<link_name>: <link_url>` to the `menu` setting.
If you wish to add links on the right side of the navigation bar, please add `<link_name>: <link_url>` to the `links` setting.
You can even use a FontAwesome icon instead of pure text as link with the following format:
{% codeblock "Link format" lang:yaml %}
<link_name>:
icon: <fontawesome_icon_class_name>
url: <link_url>
{% endcodeblock %}
### Footer
{% codeblock themes/icarus/_config.yml lang:yaml %}
footer:
links:
Creative Commons:
icon: fab fa-creative-commons
url: 'https://creativecommons.org/'
Attribution 4.0 International:
icon: fab fa-creative-commons-by
url: 'https://creativecommons.org/licenses/by/4.0/'
Download on GitHub:
icon: fab fa-github
url: 'https://github.com/ppoffice/hexo-theme-icarus'
{% endcodeblock %}
You may add arbitrary links to the page footer in the `links` setting of the `footer` section.
The format of the links is the same as `links` in the `navbar` section.
### Code Highlight
{% codeblock themes/icarus/_config.yml lang:yaml %}
article:
highlight:
# Code highlight themes
# https://github.com/highlightjs/highlight.js/tree/master/src/styles
theme: atom-one-light
# Show copy code button
clipboard: true
# Default folding status of the code blocks. Can be "", "folded", "unfolded"
fold: unfolded
{% endcodeblock %}
If you have already enabled code highlighting in Hexo, you may customize the code blocks with `highlight` settings in the `article`
section.
You can choose a theme from all themes listed in [highlight.js/src/styles](https://github.com/highlightjs/highlight.js/tree/9.18.1/src/styles)
and put the file name without the `.css` extension in the `theme` setting.
You may also turn the "copy" button on or off by setting `clipboard` to `true` or `false`.
Finally, if you wish to fold or unfold all code blocks, please set the `fold` setting to `folded` or `unfolded`.
The folding feature can also be disabled if you leave the `fold` setting empty.
Moreover, you can fold individual code blocks in the markdown file using the following syntax:
```
{% codeblock "optional file name" lang:code_language_name >folded %}
...code block content...
{% endcodeblock %}
```
### Thumbnail
You can add thumbnail images to your posts in two steps.
First, make sure the thumbnail is enabled in the theme's configuration file:
{% codeblock themes/icarus/_config.yml lang:yaml %}
article:
thumbnail: true
{% endcodeblock %}
Then, provide an URL or path to the image file in the front-matter of your post:
{% codeblock post.md lang:yaml %}
title: Getting Started with Icarus
thumbnail: /gallery/thumbnails/desert.jpg
---
Post content...
{% endcodeblock %}
The image path you put in the front-matter needs to be the absolute path or URL to the image,
or relative path to the source directory of your website.
For example, if you want to use the `<your blog>/source/gallery/image.jpg` as a thumbnail, you will need to put
`/gallery/image.jpg` in the front-matter.
### Read Time
{% codeblock themes/icarus/_config.yml lang:yaml %}
article:
readtime: true
{% endcodeblock %}
You can show the word counter and estimated time on top of your article by setting `readtime` to `true`
in the `article` section.
### Sidebar
{% codeblock themes/icarus/_config.yml lang:yaml %}
sidebar:
left:
sticky: false
right:
sticky: true
{% endcodeblock %}
Sometimes you may want your sidebar's position to stay fixed when your page scrolls.
This can be done via the `sticky` settings in the `sidebar` section.
## Other Configuration Settings
Please refer to the [Icarus User Guide](/hexo-theme-icarus/tags/Icarus-User-Guide/) series if you are interested
in configurating third-party plugins, widgets, and CDN providers of Icarus.
<div class="notification is-warning is-size-6">
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>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://www.vecteezy.com/free-vector/vector-landscape" target="_blank" rel="noopener noreferrer" title="Vector Landscape Vectors by Vecteezy"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Vector Landscape Vectors by Vecteezy</span></a>

6
source/_posts/FAQ.md → source/_posts/en/FAQ.md
View File

@ -1,6 +1,6 @@
title: FAQ
date: 2018-10-19
thumbnail: /gallery/thumbnails/sculpture.jpg
date: 2020-02-01
thumbnail: /gallery/thumbnails/vector_landscape_3.svg
---
### How do I put text instead of an image as my site's logo?
@ -51,4 +51,4 @@ comments: false
Partially yes. Please refer to [Issues#234](https://github.com/ppoffice/hexo-theme-icarus/issues/234)
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@czermak_photography?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Christopher Czermak"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Christopher Czermak</span></a>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://www.vecteezy.com/free-vector/vector-landscapee" target="_blank" rel="noopener noreferrer" title="Vector Landscape Vectors by Vecteezy"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Vector Landscape Vectors by Vecteezy</span></a>

9
source/_posts/en/Getting-Started.md
View File

@ -1,12 +1,12 @@
title: Getting Started with Icarus
date: 2020-01-01
thumbnail: /gallery/thumbnails/desert.jpg
date: 2020-04-01
thumbnail: /gallery/thumbnails/vector_landscape_1.svg
tags:
- Getting Started
- Icarus User Guide
language: en
---
A simple, delicate, and modern theme for the static site generator Hexo.
Icarus is a simple, delicate, and modern theme for the static site generator Hexo.
It allows you to set up a single or multiple-column (up to three column) blog with its versatile layout configuration.
Additionally, it offers plentiful plugins and pluggable widgets so that you can enable the features you want in no time.
And with the all-new API designing, Icarus makes the development of this theme painless for developers and users.
@ -61,4 +61,5 @@ Also, you can refer to the source code of this site for more examples by fetchin
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>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@yazi0413?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Chandler Chen"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Chandler Chen</span></a>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://www.vecteezy.com/free-vector/vector-landscape" target="_blank" rel="noopener noreferrer" title="Vector Landscape Vectors by Vecteezy"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Vector Landscape Vectors by Vecteezy</span></a>

39
source/_posts/post/Adding-A-Thumbnail-to-Your-Article.md
View File

@ -1,39 +0,0 @@
title: Adding a Thumbnail to Your Article
date: 2018-10-18 00:00:01
categories:
- Configuration
- Posts
tags:
- Getting Started
---
You can add thumbnail images to your posts in two steps. First, make sure the thumbnail is enabled in the theme's configuration file:
{% codeblock _config.yml lang:yaml %}
article:
thumbnail: true
{% endcodeblock %}
Then, provide an URL or path to the image file in the front-matter of your post:
{% codeblock post.md lang:yaml %}
title: Getting Started with Icarus
thumbnail: /gallery/thumbnails/desert.jpg
---
Post content...
{% endcodeblock %}
### About thumbnail image path
The image path you put in the front-matter needs to be the relative path to the source directory of your website. For example, if you want to use the following image as a thumbnail:
```
<your blog>/source/gallery/image.jpg
```
You need to use the following as the image path:
```
/gallery/image.jpg
```
Also, it is recommended that you put all the images under a dedicated asset folder that is separated from the `_posts` folder.

45
source/_posts/theme/Configuring-Icarus.md
View File

@ -1,45 +0,0 @@
title: Configuring Icarus
date: 2018-10-22 19:23:57
thumbnail: /gallery/thumbnails/plant.jpg
categories:
- Configuration
- Theme
tags:
- Getting Started
---
The configuration of Icarus consists of two parts: theme configuration and post configuration.
<!-- more -->
## Theme Configuration
Icarus uses the _config.yml file for global page layout, plugins and widgets settings. It will check and validate the configuration file, points out any misconfigurations, and generates one for you if none exists. You can check the specifications at any time from the `*.spec.js` files inside the `themes/icarus/includes/specs` folder.
A default theme configuration consists of the following parts:
- Site preference and page meta data
- Top navigation bar links
- Page footer links
- Article display settings
- [Comment](/hexo-theme-icarus/categories/Plugins/Comment/), [share](/hexo-theme-icarus/categories/Plugins/Share/) and [search](/hexo-theme-icarus/categories/Plugins/Search/) plugin settings
- [Sidebar widget](/hexo-theme-icarus/categories/Widgets/) settings
- Other display and analytics [plugins](/hexo-theme-icarus/categories/Plugins/General/)
- CDN settings
Most of the settings are documented in the `_config.yml` file. For more details on configuring plugins, you can refer to the [online documentation](/hexo-theme-icarus/categories/).
## Post Configuration
Apart from the global theme configuration, you can also make customizations in any post. That is, you can override the theme configurations from a post. Let's say you want to show different navigation bar menus in a post. To do this, you only need to put the `navbar` settings in the post's front-matter:
```yaml
navbar:
menu:
Home: /
Special!: /special
```
The configurations you set here will be applied only to this post. This feature can be very useful for displaying customized/optimized pages to a specific audience. For example, you can enable faster CDNs or a localized comment service based on the country and language of the page viewers.
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@alexholtdesign?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Alex Holt"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Alex Holt</span></a>

41
source/_posts/theme/Polymorphic-Link-Settings.md
View File

@ -1,41 +0,0 @@
title: Polymorphic Link Settings
slug: Polymorphic-Link-Settings
date: 2018-10-22 19:23:57
thumbnail: /gallery/thumbnails/flower.jpg
categories:
- Configuration
- Theme
footer:
links:
Creative Commons: 'https://creativecommons.org/'
Attribution 4.0 International: 'https://creativecommons.org/licenses/by/4.0/'
Download on GitHub:
icon: fab fa-github
url: 'http://github.com/ppoffice/hexo-theme-icarus'
---
You may already notice that Icarus allows you to put icon links on the right of the navigation bar, the bottom of the profile widget, and the right side of the footer with the following format:
<!-- more -->
```yml
footer:
links:
'Creative Commons':
icon: fab fa-creative-commons
url: 'https://creativecommons.org/'
'Attribution 4.0 International':
icon: fab fa-creative-commons-by
url: 'https://creativecommons.org/licenses/by/4.0/'
```
In the above link format, you need to specify the name of the link (e.g., Creative Commons), as well as the icon class name (e.g., Font Awesome class name) and link URL. However, Icarus also accept pure text links with a link name and URL in the format below:
```yml
footer:
links:
'Creative Commons': 'https://creativecommons.org/'
'Attribution 4.0 International': 'https://creativecommons.org/licenses/by/4.0/'
```
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://unsplash.com/@evieshaffer?utm_medium=referral&amp;utm_campaign=photographer-credit&amp;utm_content=creditBadge" target="_blank" rel="noopener noreferrer" title="Download free do whatever you want high-resolution photos from Evie Shaffer"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><title>unsplash-logo</title><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Evie Shaffer</span></a>

67
source/_posts/theme/Sticky-Sidebar.md
View File

@ -1,67 +0,0 @@
title: Make a Sidebar Sticky When Page Scrolls
date: 2018-10-16 00:00:00
categories:
- Configuration
- Theme
sidebar:
right:
sticky: true
widgets:
-
type: profile
position: right
author: PPOffice
author_title: Web Developer
location: Earth, Solar System
avatar:
gravatar:
follow_link: 'http://github.com/ppoffice'
social_links:
Github:
icon: fab fa-github
url: 'http://github.com/ppoffice'
Facebook:
icon: fab fa-facebook
url: 'http://facebook.com'
Twitter:
icon: fab fa-twitter
url: 'http://twitter.com'
Dribbble:
icon: fab fa-dribbble
url: 'http://dribbble.com'
RSS:
icon: fas fa-rss
url: /
-
type: links
position: right
links:
Hexo: 'https://hexo.io'
Bulma: 'https://bulma.io'
-
type: recent_posts
position: left
-
type: archives
position: left
-
type: categories
position: left
-
type: tags
position: left
---
Sometimes you may want your sidebar's position to stay fixed when other parts of your page scrolls. This can be done via the `sticky` option of the sidebar in the theme's `_config.yml`. You can set any of the sidebar or even both of them to `sticky`.
```yaml
sidebar:
left:
sticky: false
right:
sticky: true
```
<!-- more -->
<div style="height:2000px;background:#fafafa;color:#777;text-align:center;">
<br>
<p>This is some really long content.</p>
</div>

444
source/_posts/zh-CN/Configuring-Theme.md Normal file
View File

@ -0,0 +1,444 @@
title: Icarus用户指南 - 主题配置
date: 2016-01-03
categories:
- Configuration
tags:
- Getting Started
- Icarus用户指南
language: zh-CN
toc: true
providers:
cdn: loli
fontcdn: loli
iconcdn: loli
---
<div class="notification is-success is-size-6">
本文同时提供以下语言的翻译：<a href="{% post_path en/Configuring-Theme %}">English</a>.
</div>
Icarus的默认主题配置文件`_config.yml`存放在`themes/icarus`目录下。
此文件不仅定义了站点全局的布局与样式设置，同时也包含了例如评论系统和挂件等其他组件的配置。
本文将介绍Icarus的主题配置机制，并且简述部分常用配置的格式与含义。
<!-- more -->
## 配置文件生成与校验
Icarus的主题配置文件由[YAML语言](https://yaml.org/)实现。
当你使用Hexo来处理主题文件而你的主题目录下没有默认配置文件`themes/icarus/_config.yml`时，Icarus会通过一系列[JSON Schema](https://json-schema.org/)文件来自动生成默认的
配置文件。
所以正常情况下你的主题目录下没有示例配置文件(`_config.yml.example`)并且也没有必要去手动创建`_config.yml`文件。
大多数的JSON Schema定义存放在`themes/icarus/include/schema`目录下，其他的定义则存放在[ppoffice/hexo-component-inferno](https://github.com/ppoffice/hexo-component-inferno)
仓库中。
你可以在运行`hexo`命令时附上`--icarus-dont-generate-config`来避免配置文件的自动生成。
当你每次在你的站点目录下运行`hexo`命令时，主题同时也会对比JSON Schema来校验你的配置文件是否正确。
如果校验中出现任何错误，Icarus会将错误位置与错误类型打印在屏幕上。
例如，如下的错误信息提醒我们`logo`配置项应该为字符串或是对象，而不是一个整型数。
你可以通过在`hexo`命令后附上`--icarus-dont-check-config`来跳过校验，但并不推荐这么做。
{% codeblock "hexo日志" %}
INFO === Checking package dependencies ===
INFO === Checking the configuration file ===
WARN Configuration file failed one or more checks.
WARN Icarus may still run, but you will encounter unexcepted results.
WARN Here is some information for you to correct the configuration file.
WARN [
{
keyword: 'type',
dataPath: '.logo',
schemaPath: '#/properties/logo/type',
params: { type: 'string,object' },
message: 'should be string,object'
}
]
{% endcodeblock %}
另外，Icarus会尝试运行迁移脚本将你的配置升级到最新版本。
这些脚本存放在`themes/icarus/include/migration`目录。
你可以在`hexo`命令后附上`--icarus-dont-upgrade-config`来禁止配置升级。
最后，Icarus会检查主题所依赖的Node.js库是否安装并提醒你安装缺失的组件。
## 额外的配置文件与优先级
除了在`themes/icarus/_config.yml`的默认主题配置文件外，Icarus也会从如下位置读取配置：
- `themes/icarus/_config.post.yml`和`themes/icarus/_config.page.yml`
- 文章/页面的[front-matter](https://hexo.io/docs/front-matter.html)
- 根目录下的站点配置文件`_config.yml`
`_config.post.yml`和`_config.page.yml`配置文件与默认配置文件的格式和定义想吐。
你可以在`_config.post.yml`中设置仅对文章页面生效的配置，而这些配置将覆盖默认配置文件中的同名配置。
例如，你可以在此配置文件中把所有的挂件放置在页面左侧，从而将所有的文章页面设置为两栏布局，同时其他页面仍保持三栏布局：
{% codeblock themes/icarus/_config.yml lang:yaml %}
widgets:
-
type: recent_posts
position: left
-
type: categories
position: right
-
type: tags
position: right
{% endcodeblock %}
{% codeblock themes/icarus/_config.post.yml lang:yaml %}
widgets:
-
type: recent_posts
position: left
-
type: categories
position: left
-
type: tags
position: left
{% endcodeblock %}
类似的，`_config.page.yml`中的配置也覆盖默认配置文件中的配置，并仅对所有Hexo页面(pages)生效。
此外，如果你想要在某个文章/页面中覆盖默认配置，你可以把这些配置放在那个文章/页面的front-matter(头部)。
例如，如果你想在某篇文章中更换代码高亮主题，你可以像下面这样把配置卸载文章的front-matter中：
{% codeblock source/_post/some-post.md lang:yaml %}
title: 我的第一篇文章
date: '2015-01-01 00:00:01'
article:
highlight:
theme: atom-one-dark
---
# 文章标题
{% endcodeblock %}
上面文章头部中的配置总会覆盖掉`_config.post.yml`和`_config.yml`文件中的同名配置。
在自定义页面或者优化访客的页面访问体验时，这个功能会十分有用。
比如，你可以为某篇文章设置更快的CDN，或者根据访客的国家或语言开启本地化的评论服务。
然而需要注意的是，一些Hexo定义的文章或页面属性不会复写掉其他配置文件中的同名配置，例如：
- `title`
- `date`
- `updated`
- `comments` (not `comment`)
- `layout`
- `source`
- `photos`
- `excerpt`
最后，站点根目录下的配置文件`_config.yml`可以被其他所有配置文件中的主题使用到的配置项所覆盖。
例如，`themes/icarus/_config.yml`中的`title`设置会覆盖掉`_config.yml`中的`title`，但`new_post_name`却不会，因为
Icarus没有用到这个配置项。
总而言之，配置文件的范围和覆盖优先级如下
<table class="table is-bordered is-striped">
<tr>
<th>某个文章/页面</th>
</tr>
<tr>
<td>
<ul class="mt-0 ml-4">
<li>front-matter可以覆盖</li>
<li><code>themes/icarus/_config.post.yml</code>或<code>themes/icarus/_config.page.yml</code>可以覆盖</li>
<li><code>themes/icarus/_config.yml</code>可以覆盖</li>
<li><code>_config.yml</code></li>
</ul>
</td>
</tr>
<tr>
<th>所有文章/页面</th>
</tr>
<tr>
<td>
<ul class="mt-0 ml-4">
<li><code>themes/icarus/_config.post.yml</code>或<code>themes/icarus/_config.page.yml</code>可以覆盖</li>
<li><code>themes/icarus/_config.yml</code>可以覆盖</li>
<li><code>_config.yml</code></li>
</ul>
</td>
</tr>
<tr>
<th>所有HTML页面</th>
</tr>
<tr>
<td>
<ul class="mt-0 ml-4">
<li><code>themes/icarus/_config.yml</code>可以覆盖</li>
<li><code>_config.yml</code></li>
</ul>
</td>
</tr>
<tr>
</table>
## 主题配置项概览
### 配置文件版本
{% codeblock themes/icarus/_config.yml lang:yaml %}
version: 3.0.0
{% endcodeblock %}
这个版本号与主题版本号相关却不总是相同。
当Icarus通过迁移脚本升级配置文件时，这个版本号会被用到。
请不要自己更改这个版本号。
### 主题变体
{% codeblock themes/icarus/_config.yml lang:yaml %}
variant: default
{% endcodeblock %}
为Icarus更换”皮肤“。
此配置目前支持”default“和”cyberpunk“两种值。
你可以在{% post_link demo/Cyberpunk "此处" %}查看Cyberpunk变体的效果。
### Logo
{% codeblock themes/icarus/_config.yml lang:yaml %}
logo: /img/logo.svg
{% endcodeblock %}
此项配置设置了页面导航栏和尾部展示的logo图片。
`logo`配置的值既可以时你的logo图片的路径或URL地址，也可以时如下这种文字形式的logo
{% codeblock themes/icarus/_config.yml lang:yaml %}
logo:
text: My Beautiful Site
{% endcodeblock %}
### Favicon
{% codeblock themes/icarus/_config.yml lang:yaml %}
head:
favicon: /img/favicon.svg
{% endcodeblock %}
你可以在`head`中的`favicon`配置中设置你的网站的favicon图标的路径或URL地址。
### Open Graph
{% codeblock themes/icarus/_config.yml lang:yaml >folded %}
head:
open_graph:
# 页面标题 (og:title) (可选)
# 大部分情况下请留空
title:
# 页面类型 (og:type) (可选)
# 大部分情况下请留空
type: blog
# 页面URL地址 (og:url) (可选)
# 大部分情况下请留空
url:
# 页面封面图 (og:image) (可选)
# 大部分情况下请留空
image:
# 站点名称 (og:site_name) (可选)
# 大部分情况下请留空
site_name:
# 页面作者 (article:author) (可选)
# 大部分情况下请留空
author:
# 页面描述 (og:description) (可选)
# 大部分情况下请留空
description:
# Twitter卡片类型 (twitter:card)
twitter_card:
# Twitter ID (twitter:creator)
twitter_id:
# Twitter站点 (twitter:site)
twitter_site:
# Google+个人主页链接 (已弃用)
google_plus:
# Facebook admin ID
fb_admins:
# Facebook App ID
fb_app_id:
{% endcodeblock %}
你可以在`head`部分配置Open Graph。
一些配置项应在主题配置文件中留空并在需要时在文章的front-matter中设置它们。
请参考[Hexo文档](https://hexo.io/zh-cn/docs/helpers.html#open-graph)来了解每个配置项的详细含义。
### Google Structured Data
{% codeblock themes/icarus/_config.yml lang:yaml >folded %}
head:
structured_data:
# 页面标题 (可选)
# 大部分情况下请留空
title:
# 页面描述 (可选)
# 大部分情况下请留空
description:
# 页面URL地址 (可选)
# 大部分情况下请留空
url:
# 页面作者 (article:author) (可选)
# 大部分情况下请留空
author:
# 页面图片 (可选)
# 大部分情况下请留空
image:
{% endcodeblock %}
你可以在`head`部分配置Google Structured Data。
大部分配置项应在主题配置文件中留空并在需要时在文章的front-matter中设置它们。
请参考[Search for Developers](https://developers.google.com/search/docs/guides/intro-structured-data)来了解每个配置项的详细含义。
### 页面Metadata
{% codeblock themes/icarus/_config.yml lang:yaml %}
head:
meta:
- 'name=theme-color;content=#123456'
- 'name=generator;content="Hexo 4.2.0"'
{% endcodeblock %}
你可以通过`head`部分的`meta`设置来向页面中添加`<meta>`标签。
每一个meta标签应作为`meta`数组中的一个元素。
标签的属性应按照`<属性名>=<属性值>`的格式出现并用`;`隔开。
### RSS
{% codeblock themes/icarus/_config.yml lang:yaml %}
head:
rss: /path/to/atom.xml
{% endcodeblock %}
你可以通过此设置在页面头部添加RSS链接信息。
### 导航栏
{% codeblock themes/icarus/_config.yml lang:yaml %}
navbar:
# 导航栏菜单项
menu:
Home: /
Archives: /archives
Categories: /categories
Tags: /tags
About: /about
# 导航栏右侧的链接
links:
GitHub: 'https://github.com'
Download on GitHub:
icon: fab fa-github
url: 'https://github.com/ppoffice/hexo-theme-icarus'
{% endcodeblock %}
`navbar`部分定义了导航栏中出现的链接。
你可以通过向`menu`配置项中添加`<链接名>: <链接URL>`的方式添加任意导航栏菜单链接。
如果你希望向导航栏右侧添加链接，请向`links`配置项中添加`<链接名>: <链接URL>`。
你甚至可以使用FontAwesome图标来替换掉纯文字链接，格式如下：
{% codeblock "链接格式" lang:yaml %}
<链接名>:
icon: <FontAwesome图标的class名>
url: <链接URL>
{% endcodeblock %}
### 页面尾部
{% codeblock themes/icarus/_config.yml lang:yaml %}
footer:
links:
Creative Commons:
icon: fab fa-creative-commons
url: 'https://creativecommons.org/'
Attribution 4.0 International:
icon: fab fa-creative-commons-by
url: 'https://creativecommons.org/licenses/by/4.0/'
Download on GitHub:
icon: fab fa-github
url: 'https://github.com/ppoffice/hexo-theme-icarus'
{% endcodeblock %}
你可以通过向`footer`中的`links`配置项中添加添加任意链接。
链接的格式与`navbar`的`links`配置项相同。
### 代码高亮
{% codeblock themes/icarus/_config.yml lang:yaml %}
article:
highlight:
# 代码高亮主题
# https://github.com/highlightjs/highlight.js/tree/master/src/styles
theme: atom-one-light
# 显示复制代码按钮
clipboard: true
# 代码块的默认折叠状态。可以是"", "folded", "unfolded"
fold: unfolded
{% endcodeblock %}
如果你已在Hexo中启用了代码高亮功能，那么你可以通过`article`中的`highlight`设置来自定义代码块。
请从[highlight.js/src/styles](https://github.com/highlightjs/highlight.js/tree/9.18.1/src/styles)目录下选择一个高亮主题，
然后将不带`.css`后缀的文件名设置到`theme`配置项中。
你亦可以将`clipboard`设置为`true`或`false`来显示或隐藏复制代码按钮。
最后，如果你希望默认折叠或展开所有代码块，请将`fold`设置为`folded`或`unfolded`。
你也可以将其设置为空来禁止代码块折叠。
另外，你可以使用下面的语法来折叠单独的代码块：
```
{% codeblock "可选文件名" lang:代码语言 >folded %}
...代码块内容...
{% endcodeblock %}
```
### 缩略图
为文章设置缩略图仅需两步。
第一步，确保主题配置文件中缩略图功能已启用：
{% codeblock themes/icarus/_config.yml lang:yaml %}
article:
thumbnail: true
{% endcodeblock %}
第二步，在文章的front-matter中设置缩略图的路径或URL地址：
{% codeblock post.md lang:yaml %}
title: Icarus快速上手
thumbnail: /gallery/thumbnails/desert.jpg
---
文章内容...
{% endcodeblock %}
文章头部的图片路径应为图片的绝对路径或URL地址，或图片相对于你网站的`source`目录的相对地址。
例如，如果你想使用`<your blog>/source/gallery/image.jpg`作为缩略图，你需要在front-matter中使用`/gallery/image.jpg`作为图片地址。
### 文章阅读时间
{% codeblock themes/icarus/_config.yml lang:yaml %}
article:
readtime: true
{% endcodeblock %}
你可以将`article`部分的`readtime`设置为`true`来显示文章字数以及预计阅读时间。
### 侧边栏
{% codeblock themes/icarus/_config.yml lang:yaml %}
sidebar:
left:
sticky: false
right:
sticky: true
{% endcodeblock %}
你设置`sidebar`中的`sticky`设置项为`true`来让边栏的位置固定而不跟随页面滚动。
## 其他配置项
如果你对第三方的插件，挂件，以及CDN提供商的配置感兴趣的话，请参考[Icarus用户指南](/hexo-theme-icarus/tags/Icarus用户指南/)系列文章。
<div class="notification is-warning is-size-6">
文章内容有误？请点击<a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/zh-CN/Configuring-Theme.md">此处</a>提交修改。
</div>
<a style="background-color:black;color:white;text-decoration:none;padding:4px 6px;font-size:12px;line-height:1.2;display:inline-block;border-radius:3px" href="https://www.vecteezy.com/free-vector/vector-landscape" target="_blank" rel="noopener noreferrer" title="Vector Landscape Vectors by Vecteezy"><span style="display:inline-block;padding:2px 3px"><svg xmlns="http://www.w3.org/2000/svg" style="height:12px;width:auto;position:relative;vertical-align:middle;top:-1px;fill:white" viewBox="0 0 32 32"><path d="M20.8 18.1c0 2.7-2.2 4.8-4.8 4.8s-4.8-2.1-4.8-4.8c0-2.7 2.2-4.8 4.8-4.8 2.7.1 4.8 2.2 4.8 4.8zm11.2-7.4v14.9c0 2.3-1.9 4.3-4.3 4.3h-23.4c-2.4 0-4.3-1.9-4.3-4.3v-15c0-2.3 1.9-4.3 4.3-4.3h3.7l.8-2.3c.4-1.1 1.7-2 2.9-2h8.6c1.2 0 2.5.9 2.9 2l.8 2.4h3.7c2.4 0 4.3 1.9 4.3 4.3zm-8.6 7.5c0-4.1-3.3-7.5-7.5-7.5-4.1 0-7.5 3.4-7.5 7.5s3.3 7.5 7.5 7.5c4.2-.1 7.5-3.4 7.5-7.5z"></path></svg></span><span style="display:inline-block;padding:2px 3px">Vector Landscape Vectors by Vecteezy</span></a>

2
source/_posts/zh-CN/Getting-Started.md
View File

@ -1,5 +1,5 @@
title: Icarus快速上手
date: 2016-01-02
date: 2016-01-04
thumbnail: /gallery/thumbnails/chinese-painting.jpg
tags:
- Getting Started

BIN
source/gallery/thumbnails/desert.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 197 KiB

BIN
source/gallery/thumbnails/flower.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 256 KiB

BIN
source/gallery/thumbnails/plant.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 408 KiB

BIN
source/gallery/thumbnails/sculpture.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 500 KiB

4474
source/gallery/thumbnails/vector_landscape_1.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 397 KiB

6809
source/gallery/thumbnails/vector_landscape_2.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 704 KiB

1430
source/gallery/thumbnails/vector_landscape_3.svg Normal file
View File

File diff suppressed because it is too large Load Diff
Side by Side

After

Width:  |  Height:  |  Size: 52 KiB

2
themes/icarus

@ -1 +1 @@
Subproject commit 6a1425b12c01be2ae161ffeeceb0c4ccbffb6a99
Subproject commit 83b8aca81d8ac7e7ed0caaccf9c5fd49375206d7