feature(mode): add light and dark mode for blog

This commit is contained in:
2022-01-16 03:21:28 +08:00
parent 889e18997b
commit 468c390ea7
6 changed files with 774 additions and 279 deletions

View File

@@ -1,6 +1,6 @@
<#macro layout title>
<!DOCTYPE html>
<html lang="zh">
<html lang="zh-CN" data-font="sans" data-mode="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
@@ -9,14 +9,13 @@
<meta name="description" content="${meta_description!}" />
<@global.head />
<#-- 公共样式表 -->
<link rel="stylesheet" href="${theme_base!}/source/plugins/normalize.css"/>
<link rel="stylesheet" href="${theme_base!}/source/plugins/animate.css"/>
<link rel="stylesheet" href="${theme_base!}/source/plugins/remixicon/remixicon.css"/>
<#-- <link rel="stylesheet" href="${theme_base!}/source/plugins/typo.css"/> -->
<#-- <link rel="stylesheet" href="${theme_base!}/source/plugins/han.css"/> -->
<link rel="stylesheet" href="//unpkg.com/heti/umd/heti.min.css">
<link rel="stylesheet" href="${theme_base!}/source/css/font.css"/>
<link rel="stylesheet" href="${theme_base!}/source/css/color.css"/>
<link rel="stylesheet" href="${theme_base!}/source/css/markdown.css"/>
<link rel="stylesheet" href="${theme_base!}/source/css/redemption.css"/>
@@ -26,7 +25,7 @@
</head>
<body>
<div class="container animate__animated animate__fadeInDown">
<div class="container animate__animated animate__fadeInDown">
<#-- 主体 -->
<#nested >
@@ -47,7 +46,7 @@
<script src="${theme_base!}/source/js/redemption.js"></script>
<#-- 公共JS代码 -->
<script src="//unpkg.com/heti/umd/heti-addon.min.js"></script>
<script src="${theme_base!}/source/plugins/heti/heti-addon.js"></script>
<script>
const heti = new Heti('.heti');
heti.autoSpacing();