chore(doc): update getting started post

pull/701/head
ppoffice 2020-04-12 22:13:06 -04:00
parent 484ed1ffba
commit 9f92ea37d3
7 changed files with 128 additions and 91 deletions

View File

@ -1,35 +0,0 @@
title: Getting Started with Icarus
date: 2018-10-22 19:23:59
thumbnail: /gallery/thumbnails/desert.jpg
tags:
- Getting Started
---
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.
<!-- more -->
To set up Icarus in your blog, please download the tarball from the GitHub and extract it to your Hexo blog's theme directory. Alternatively, you can run the following command:
```bash
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus -b <version number>
```
You may omit the ` -b <version number>` to get the latest development version of Icarus. Furthermore, you can install Icarus as a git submodule by executing the following command:
```bash
git submodule add https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
```
Next, replace the theme setting in your blog's `_config.yml` file:
```yaml
theme: icarus
```
Finally, use the following command to start the Hexo local server and begin composing!
```yaml
hexo s
```
> Don't forget to check out the [Getting Started](/hexo-theme-icarus/tags/Getting-Started/) series to help you master Icarus quickly! Also, you can fetch the [`site` branch](https://github.com/ppoffice/hexo-theme-icarus/tree/site) from the GitHub repository if you need more configuration examples.
<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>

View File

@ -0,0 +1,64 @@
title: Getting Started with Icarus
date: 2020-01-01
thumbnail: /gallery/thumbnails/desert.jpg
tags:
- Getting Started
- Icarus User Guide
language: en
---
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.
<!-- more -->
<div class="notification is-success is-size-6">
This article is also available in: <a href="{% post_path zh-CN/Getting-Started %}">简体中文</a>.
</div>
To set up Icarus in your blog, please download the tarball from the GitHub and extract it to your Hexo blog's theme
directory.
Alternatively, you can run the following command:
{% codeblock "Git Bash/Shell" %}
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus -b <version number> --depth 1
{% endcodeblock %}
You may omit the `-b <version number>` to get the latest development version of Icarus.
You may also leave `--depth 1` out if you want to download full Git history if Icarus as well.
Furthermore, you can install Icarus as a Git submodule by executing the following command:
{% codeblock "Git Bash/Shell" %}
git submodule add https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
{% endcodeblock %}
Next, replace the theme setting in your blog's `_config.yml` file:
{% codeblock _config.yml lang:yaml %}
theme: icarus
{% endcodeblock %}
or use the `hexo` CLI to change the theme setting:
{% codeblock "Shell" %}
hexo config theme icarus
{% endcodeblock %}
Finally, use the following command to start the Hexo local server and begin composing!
{% codeblock "Shell" %}
hexo s
{% endcodeblock %}
You can check out the [Icarus User Guide](/hexo-theme-icarus/tags/Icarus-User-Guide/) article series to learn more
about Icarus and its configuration.
Also, you can refer to the source code of this site for more examples by fetching the
[`site` branch](https://github.com/ppoffice/hexo-theme-icarus/tree/site) of Icarus from GitHub.
<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/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>

View File

@ -1,56 +0,0 @@
title: Icarus快速上手
date: 2017-01-31 21:55:37
language: zh-CN
categories:
- Translations
comments: false
thumbnail: /gallery/thumbnails/panda.jpg
providers:
cdn: '[cdnjs]https://cdn.staticfile.org/${package}/${version}/${filename}'
fontcdn: https://fonts.loli.net/${type}?family=${fontname}
iconcdn: fontawesome
comment:
type: valine
app_id: QuQK82UpN8gNkXIaKIszbPUY-gzGzoHsz
app_key: B0D5cYRcXrwNGnBoQdRoDTqw
notify: false
verify: false
placeholder: 快来评论吧
plugins:
gallery: true
outdated_browser: true
mathjax: true
animejs: true
back_to_top: true
progressbar: true
---
作为静态网站生成器Hexo的一款主题Icarus以简洁、现代和精美为设计理念。在灵活且强大的配置系统的助力下用户可以自由实现单栏与多栏的灵活页面布局。同时Icarus提供了丰富的插件与挂件供用户选择让网站的个性化配置变得触手可及。此外得力于全新设计的API开发者可以更便捷地对Icarus进行深层定制。
<!-- more -->
Icarus的安装非常简单您只需从GitHub的仓库中下载Icarus源码并解压到博客的主题目录下的`icarus`目录中(themes/icarus)。您也可以使用如下命令将此主题下载到博客中:
```bash
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus -b <version number>
```
您可以省略` -b <version number>`来下载Icarus的最新开发版本。另外您也可以将Icarus安装为Git子模块(submodule)到您的博客中:
```bash
git submodule add https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
```
接下来,请将博客根目录下的`_config.yml`中的主题设置改为`icarus`
```yaml
theme: icarus
```
最后请使用如下命令来启动Hexo本地测试服务器。祝您下笔如有神
```yaml
hexo s
```
> 在此网站上您可以阅读[开始使用](/hexo-theme-icarus/tags/Getting-Started/)系列文章来快速掌握Icarus。同时如果需要更多的Icarus使用示例您可以从GitHub上下载[`site`分支](https://github.com/ppoffice/hexo-theme-icarus/tree/site)的Icarus源码。
<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/@millerthachiller?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 Pascal Müller"><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">Pascal Müller</span></a>

View File

@ -0,0 +1,64 @@
title: Icarus快速上手
date: 2016-01-02
thumbnail: /gallery/thumbnails/chinese-painting.jpg
tags:
- Getting Started
- Icarus用户指南
language: zh-CN
providers:
cdn: loli
fontcdn: loli
iconcdn: loli
---
<div class="notification is-success is-size-6">
本文同时提供以下语言的翻译:<a href="{% post_path en/Getting-Started %}">English</a>
</div>
作为静态网站生成器Hexo的一款主题Icarus以简洁、现代和精美为设计理念。在灵活且强大的配置系统的助力下用户可以自由实现单栏与
多栏的灵活页面布局。同时Icarus提供了丰富的插件与挂件供用户选择让网站的个性化配置变得触手可及。此外得力于全新设计的API
开发者可以更便捷地对Icarus进行深层定制。
<!-- more -->
Icarus的安装非常简单您只需从GitHub的仓库中下载Icarus源码并解压到博客的主题目录下的`themes/icarus`目录中。
您也可以使用如下命令将此主题下载到博客中:
{% codeblock "Git Bash命令行" %}
git clone https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus -b <version number> --depth 1
{% endcodeblock %}
您可以省略`-b <version number>`来下载Icarus的最新开发版本。如果你想同时下载Git仓库的完整修改历史请同时省略`--depth 1`。
另外您也可以将Icarus作为Git子模块(submodule)安装到您的博客中:
{% codeblock "Git Bash命令行" %}
git submodule add https://github.com/ppoffice/hexo-theme-icarus.git themes/icarus
{% endcodeblock %}
接下来,请将博客根目录下的`_config.yml`中的主题设置改为`icarus`
{% codeblock _config.yml lang:yaml %}
theme: icarus
{% endcodeblock %}
或使用`hexo`命令修改主题设置:
{% codeblock "命令行" %}
hexo config theme icarus
{% endcodeblock %}
最后请使用如下命令来启动Hexo本地测试服务器。
{% codeblock "命令行" %}
hexo s
{% endcodeblock %}
您可以继续阅读[Icarus用户指南](/hexo-theme-icarus/tags/Icarus用户指南/)系列文章来了解Icarus的使用与配置。
同时您可以从Icarus的[`site`分支](https://github.com/ppoffice/hexo-theme-icarus/tree/site)上获取本网站的源码供您参考。
<div class="notification is-warning is-size-6">
文章内容有误?请点击<a href="https://github.com/ppoffice/hexo-theme-icarus/edit/site/source/_posts/zh-CN/Getting-Started.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.dpm.org.cn/collection/paint/228354.html" target="_blank" rel="noopener noreferrer"><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">王希孟 千里江山图卷</span></a>

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 650 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 296 KiB