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

feature:

Browse Source 
不蒜子重写
This commit is contained in:
tangly1024
2021-12-21 14:29:00 +08:00
parent ac7ff2e912
commit c1ab81b11e
5 changed files with 40 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
components/ArticleDetail.js
View File

@@ -80,15 +80,13 @@ export default function ArticleDetail ({ post, blockMap, recommendPosts, prev, n
</Link>
)}
<div id="busuanzi_container_page_pv" className="hidden">
<div className="hidden busuanzi_container_page_pv">
<FontAwesomeIcon
icon={faEye}
className="text-gray-500 dark:text-gray-400 mt-3 ml-5"
/>
&nbsp;
<span
id="busuanzi_value_page_pv"
className="text-gray-500 dark:text-gray-400 leading-6"
<span className="text-gray-500 dark:text-gray-400 leading-6 busuanzi_container_page_pv"
></span>
</div>
</section>

10
components/Footer.js
View File

@@ -1,4 +1,4 @@
import { faCopyright, faEye, faShieldAlt, faUser } from '@fortawesome/free-solid-svg-icons'
import { faCopyright, faEye, faShieldAlt, faUsers } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import React from 'react'
import Link from 'next/link'
@@ -15,11 +15,11 @@ const Footer = ({ title }) => {
<FontAwesomeIcon icon={faShieldAlt} /> <a href='https://beian.miit.gov.cn/' className='ml-1 font-bold'>闽ICP备20010331号</a>
<span > <Link href='/article/privacy-policy' ><a className='ml-1 mr-1 font-bold underline'>隐私政策</a></Link></span>
<span id='busuanzi_container_site_pv' className='hidden'>
<FontAwesomeIcon icon={faEye}/><span id='busuanzi_value_site_pv' className='px-1'> </span>pv
<span className='hidden busuanzi_container_site_pv'>
<FontAwesomeIcon icon={faEye}/><span className='px-1 busuanzi_value_site_pv'> </span>pv
</span>
<span id='busuanzi_container_site_uv' className='pl-2 hidden'>
<FontAwesomeIcon icon={faUser}/> <span id='busuanzi_value_site_uv' className='px-1'> </span>uv </span>
<span className='pl-2 hidden busuanzi_container_site_uv'>
<FontAwesomeIcon icon={faUsers}/> <span className='px-1 busuanzi_value_site_uv'> </span>uv </span>
<br/>
<h1>{title}</h1>
</footer>

13
components/InfoCard.js
View File

@@ -2,8 +2,10 @@ import BLOG from '@/blog.config'
import Image from 'next/image'
import React from 'react'
import Router from 'next/router'
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
import { faEye, faFileAlt, faUsers } from '@fortawesome/free-solid-svg-icons'
const InfoCard = () => {
const InfoCard = ({ postCount }) => {
return <>
<div className='flex flex-col items-center justify-center cursor-pointer' onClick={ () => { Router.push('/') }}>
<div className='hover:rotate-45 hover:scale-125 transform duration-200 mx-auto'>
@@ -17,6 +19,15 @@ const InfoCard = () => {
/>
</div>
<div className='text-3xl font-serif dark:text-white mx-auto py-4 hover:scale-105 transform duration-200'>{BLOG.title}</div>
<div className=' dark:text-gray-300 font-light text-xs'>
<span className='busuanzi_container_site_pv hidden '>
<FontAwesomeIcon icon={faEye}/><span className='px-1 busuanzi_value_site_pv'> </span>
</span>
<span className='pl-2 busuanzi_container_site_uv hidden'>
<FontAwesomeIcon icon={faUsers}/> <span className='px-1 busuanzi_value_site_pv'> </span> </span>
<span className='pl-2'>
<FontAwesomeIcon icon={faFileAlt}/> <span className='px-1'> {postCount}</span> </span>
</div>
</div>
</>
}

3
components/SideAreaLeft.js
View File

@@ -24,11 +24,12 @@ import React from 'react'
const SideAreaLeft = ({ title, tags, currentTag, post, posts, categories, currentCategory, currentSearch }) => {
const { locale } = useGlobal()
const showToc = post && post.toc && post.toc.length > 1
const postCount = posts.length
return <>
<div className={(!post ? 'sticky top-10 ' : ' ') + ' w-72'}>
<section className='hidden lg:block mb-5 bg-white dark:bg-gray-800 rounded-xl hover:shadow-2xl duration-200 py-8 shadow-md'>
<InfoCard />
<InfoCard postCount={postCount} />
</section>
{/* 菜单 */}
<section className='hidden lg:block mb-5 py-5 rounded-xl shadow-md bg-white dark:bg-gray-800 hover:shadow-2xl duration-200'>

26
lib/busuanzi.js
View File

@@ -55,7 +55,7 @@ bszCaller = {
const fetch = () => {
bszTag && bszTag.hides()
bszCaller.fetch('//busuanzi.ibruce.info/busuanzi?jsonpCallback=BusuanziCallback', function (t) {
// console.log('不蒜子请求结果',t)
console.log('不蒜子请求结果',t)
bszTag.texts(t), bszTag.shows()
})
}
@@ -64,20 +64,32 @@ bszTag = {
bszs: ['site_pv', 'page_pv', 'site_uv'],
texts: function (n) {
this.bszs.map(function (t) {
const e = document.getElementById('busuanzi_value_' + t)
e && (e.innerHTML = n[t])
const e = document.getElementsByClassName('busuanzi_value_' + t)
if(e){
for (var element of e) {
element.innerHTML = n[t]
}
}
})
},
hides: function () {
this.bszs.map(function (t) {
const e = document.getElementById('busuanzi_container_' + t)
e && (e.style.display = 'none')
const e = document.getElementsByClassName('busuanzi_container_' + t)
if(e){
for (var element of e){
element.style.display = 'none'
}
}
})
},
shows: function () {
this.bszs.map(function (t) {
const e = document.getElementById('busuanzi_container_' + t)
e && (e.style.display = 'inline')
const e = document.getElementsByClassName('busuanzi_container_' + t)
if(e){
for(var element of e){
element.style.display = 'inline'
}
}
})
}
}