setLoaded] = useState(false) useEffect(() => { const {pathname} = Router // conditional redirect if(pathname == '/' ){ // with router.push the page may be added to history // the browser on history back will go back to this page and then ...
其依赖的 tagcanvas.js,与我们使用Hexo Tag Cloud插件安装后得到的 tagcanvas.js 一样。 在next/layout/page.swig 中,引入这个新建的文件: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 Copy <div class="post-body{% if theme.han %} han-init-context{% endif %}{% if page.direction && page...
Add Omi in One MinuteThis page demonstrates using Omi with no build tooling, directly run in the browser.→ Online Demo!<!DOCTYPE html> <html> <head> <title>Omi demo without transpiler</title> </head> <body> <script src="https://tencent.github.io/omi/packages/omi/dist/omi.js"></...
social:GitHub:自己的GitHub地址||github#CSDN:自己的CSDN地址||crosshairs#E-Mail: mailto:yourname@gmail.com || envelope#Weibo: https://weibo.com/yourname || weibo#Google: https://plus.google.com/yourname || google#Twitter: https://twitter.com/yourname || twitter#FB Page: https://www.fac...
本篇文章是在已经搭建好gitpage+hexo的博客的前提下(不懂怎么搭建的可以参考我的另一篇博文:了解githubPages+hexo搭建博客的原理或者利用Gitpage+hexo开发自己的博客,这两篇博文都比较详细的教大家最基础的怎么将博客搭建起来。本篇博文是使用next主题的进击版本,主要是有以下内容 ...
importLinkfrom'next/link';<h1className="title">Read<Linkhref="/posts/first-post">this page!</Link></h1> 在Next.js 的生产版本中,每当Link组件出现在浏览器的视口中时,Next.js 都会在后台自动预取链接页面的代码。当您单击链接时,目标页面的代码已经在后台加载,页面转换几乎是即时的!
omi-30-seconds Useful Omi snippets that you can understand in 30 seconds. omi-canvas Perfect fusion of web components, jsx and canvas. omi-mp Develop and generate Web HTML5 Single-Page Applications by wechat mini program. omi-router Omi official router in 1KB js. → DEMO omi-devtools Brows...
per_page: 30 #归档页每页博客数 yearly: true #按年归档 monthly: true #按月归档 标签页的分页设置 tag_generator: per_page: 20 #标签页每页博客数 theme: next6 #选择博客主题,名字为themes中选择的主题文件夹名称 # Deployment ## Docs: function(){ //外汇代理 www.kaifx.cn/ib/ ...
<script data-ad-client="your-ad-client-id" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> 确认无误之后,在google adsense上点击确认,开始验证,一般没问题的话几分钟就会出结果,有问题的话要等待一段时间。 参考hexo个人next主题博客接入谷歌广告 3.19. 忽略一些文...
You can add the lang attribute to the <Html> tag in your custom _document. import Document, { Html, Head, Main, NextScript } from 'next/document' class MyDocument extends Document { render() { return ( <Html lang="en"> <Head /> <body> <Main /> <NextScript /> </body> </Html...