mirror of https://gitlab.com/curben/blog
57 lines
1.4 KiB
Markdown
57 lines
1.4 KiB
Markdown
|
# Chameleon theme
|
||
|
|
|
||
|
|
Chameleon is a fork of [Typing](https://github.com/geekplux/hexo-theme-typing) theme, rewrote from scratch with the following changes/features:
|
||
|
|
|
||
|
|
- [sanitize.css](https://github.com/csstools/sanitize.css/) and [autoprefixer](https://github.com/csstools/sanitize.css/) for consistent cross-browser styling.
|
||
|
|
- Utilise [relative length](https://www.w3schools.com/CSSref/css_units.asp) instead of absolute length in the css.
|
||
|
|
- [`prefers-color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme) to apply light/dark theme according to the OS preference.
|
||
|
|
- Add a [Copy](https://clipboardjs.com/) button to each code block.
|
||
|
|
- Removed jQuery, fancyBox, web analytics, comment plugins, donation links and [typo.css](https://github.com/sofish/typo.css).
|
||
|
|
- Homepage shows index of posts (same as /archives).
|
||
|
|
|
||
|
|
## Options
|
||
|
|
|
||
|
|
Configure this theme from your **site**'s configuration:
|
||
|
|
|
||
|
|
``` yml
|
||
|
|
# _config.yml
|
||
|
|
theme_config:
|
||
|
|
# Header menu
|
||
|
|
menu:
|
||
|
|
Home: /
|
||
|
|
Archives: /archives/
|
||
|
|
Feed: /atom.xml
|
||
|
|
|
||
|
|
# Footer menu
|
||
|
|
footer:
|
||
|
|
GitLab: https://gitlab.com/curben/blog
|
||
|
|
|
||
|
|
# Load forkawesome icons?
|
||
|
|
icons: false
|
||
|
|
```
|
||
|
|
|
||
|
|
## Codeblock highlight
|
||
|
|
|
||
|
|
Following configurations need to be updated.
|
||
|
|
|
||
|
|
``` yml
|
||
|
|
# _config.yml
|
||
|
|
highlight:
|
||
|
|
enable: true
|
||
|
|
line_number: false
|
||
|
|
hljs: true
|
||
|
|
wrap: false
|
||
|
|
|
||
|
|
prismjs:
|
||
|
|
enable: false
|
||
|
|
```
|
||
|
|
|
||
|
|
## Build
|
||
|
|
|
||
|
|
Build "source/css/_source.css" into "source/css/chameleon.css"
|
||
|
|
|
||
|
|
```
|
||
|
|
$ npm install
|
||
|
|
$ npm run build
|
||
|
|
```
|