d0zingcat/NotionNext
1
0
Fork 0
mirror of https://github.com/d0zingcat/NotionNext.git synced 2026-06-09 07:26:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Hexo主题

Browse Source
This commit is contained in:
tangly1024
2022-01-19 17:22:36 +08:00
parent f7c998905e
commit 849566ae16
6 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
themes/Hexo/components/Header.js
View File

@@ -3,7 +3,7 @@ import { faAngleDown } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { useEffect, useState } from 'react'
import Typed from 'typed.js'
import CONFIG_NEXT from '../config_next'
import CONFIG_HEXO from '../config_hexo'
let wrapperTop = 0
let windowTop = 0
@@ -19,7 +19,7 @@ export default function Header () {
if (!typed && window && document.getElementById('typed')) {
changeType(
new Typed('#typed', {
strings: CONFIG_NEXT.HOME_BANNER_Strings,
strings: CONFIG_HEXO.HOME_BANNER_GREETINGS,
typeSpeed: 200,
backSpeed: 100,
backDelay: 400,
@@ -66,9 +66,9 @@ export default function Header () {
if (theme !== 'dark') {
const stickyNavElement = document.getElementById('sticky-nav')
if (window.scrollY < window.innerHeight) {
stickyNavElement.classList.add('dark')
stickyNavElement?.classList?.add('dark')
} else {
stickyNavElement.classList.remove('dark')
stickyNavElement?.classList?.remove('dark')
}
}
}
@@ -99,7 +99,7 @@ export default function Header () {
className="duration-500 md:bg-fixed w-full bg-cover bg-center h-screen bg-black"
style={{
backgroundImage:
`linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${CONFIG_NEXT.HOME_BANNER_IMAGE}")`
`linear-gradient(rgba(0, 0, 0, 0.8), rgba(0,0,0,0.2), rgba(0, 0, 0, 0.8) ),url("${CONFIG_HEXO.HOME_BANNER_IMAGE}")`
}}
>
<div className="absolute flex h-full items-center lg:-mt-14 justify-center w-full text-4xl md:text-7xl text-white">