chore: add cyberpunk demo

pull/701/head
ppoffice 2020-04-04 21:54:59 -04:00
parent 20fac1c423
commit 42f07d8a72
6 changed files with 51 additions and 6 deletions

View File

@ -8,8 +8,6 @@ logo: /img/logo.svg
head:
# URL or path to the website's icon
favicon: /img/favicon.svg
# Canonical URL of the current page
canonical_url:
# Open Graph metadata
# https://hexo.io/docs/helpers.html#open-graph
open_graph:
@ -68,7 +66,6 @@ head:
meta:
# Meta tag specified in <attribute>=<value> style
# E.g., name=theme-color;content=#123456 => <meta name="theme-color" content="#123456">
- ''
# URL or path to the website's RSS atom.xml
rss:
# Page top navigation bar configurations

View File

@ -36,7 +36,7 @@ external_link: # Open external links in new tab
field: post
filename_case: 0
render_drafts: false
post_asset_folder: false
post_asset_folder: true
relative_link: false
future: true
highlight:

View File

@ -0,0 +1,48 @@
title: Cyberpunk Theme Variant
date: 2018-10-22 19:23:58
tags:
- Demo
variant: cyberpunk
article:
highlight:
theme: qtcreator_dark
thumbnail: /uncategorized/cyberpunk-theme-variant/CP77-KV-en.jpg
---
Icarus includes a new variant called Cyberpunk starting from version 3.0.0.
The theme is inspired by the video game [Cyberpunk 2077](https://www.cyberpunk.net/us/en/)
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
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:
{% codeblock themes/icarus/_config.yml lang:diff %}
- variant: default
+ variant: cyberpunk
{% endcodeblock %}
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`
option in Icarus' `_config.yml`.
For example, if you want to change the theme to `xt256`, simply make the following edit:
{% codeblock themes/icarus/_config.yml lang:diff %}
# Article related configurations
article:
highlight:
- theme: atom-one-light
+ 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
`themes/icarus/source/css/cyberpunk.styl`.

Binary file not shown.

After

Width:  |  Height:  |  Size: 276 KiB

View File

@ -1,5 +1,5 @@
title: Configuring Icarus
date: 2018-10-22 19:23:58
date: 2018-10-22 19:23:57
thumbnail: /gallery/thumbnails/plant.jpg
categories:
- Configuration

@ -1 +1 @@
Subproject commit 60ec7005b2e3e1e8ff248722dbdd09244caa1a86
Subproject commit 06a10cca3c38b4361c2cd9d862e25de8acac2058