feature(mode): add light and dark mode for blog
This commit is contained in:
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user