GIS二分法淹没分析
关于hexo生成目录的一种解决办法
基础部分:三分钟快速搭建个性化博客。
第一部分:hexo-Next8博客搭建、美化(darkmode、waline等)
第二部分:hexoNext美化(二)
第三部分:hexo美化(三)进阶:异步加载脚本,加快网站访问
全文整理:csdn
在上一篇中我们谈到了利用hexo-renderer-markdown-it-plus
插件渲染md支持的目录,并利用hexo支持的md注释显示阅读更多按钮,这样,我们在各个网站迁移自己写的md文档时也不会遇到格式匹配问题了。
但是这样就会产生一个问题,如果我们在首页同时用显示摘要(或部分文字)和插入阅读更多按钮,而md文档自动帮我们生成的TOC目录只会产生一个#锚点,并不会跳转到博文相对应的链接,然后读者就和一动不动的网页干瞪眼啊😅😂官方的helper我个人感觉弄起来非常麻烦,而且我们的md文档转到另一个平台又要重新忧虑插入目录的问题了~
因此博主的思路是,在静态文件生成后修改首页(包括index.html
和page
文件夹下的所有页面),利用lxml
库解析home
页的对应markdownIt-TOC
类下的所有a
标签的herf
链接,同时找到markdownIt-TOC
父节点的兄弟节点(就是那个post
的header a
的herf
),连接到一起,然后重新匹配,替换掉该部分(因为直接写入解析替换后的html会乱码,不敢动),hexo d
生成后,拉取静态文件到本地,再重新push上去,这里还可以再对逻辑修改下减少下载上传量。
hexo美化(三)进阶:异步加载脚本,加快网站访问
基础部分:三分钟快速搭建个性化博客。
第一部分:hexo-Next8博客搭建、美化(darkmode、waline等)
第二部分:hexoNext美化(二)
上一篇我们谈到了如何在网站中引入动态背景、darkmode JS,这一篇笔记中博主将会将它们统一起来同时引入博客中。
网上目前有很多教程,外部脚本加载都放在布局文件里面,实际上hexo并不会异步加载,堵塞主进程。而我们如果不想过多地动模板文件(因为hexo和主题更新换代很快,需要考虑到迁移问题),就可以通过自己脚本里面promise异步加载的方式,提高网页的加载速度。
例如,我的网站需要加载darkmodeJS一个自己写好的toggle按钮和一个动态背景,并且需要调用一些第三方库。因此我们在promise加载脚本完成之后再执行需要的操作。
本篇内容: