配置PWA后布署失败的解决方式
在配置 好PWA最后布署页面的时候,如果已经 hexo s 生成本地页面的话,会在.git/hooks 目录下生成一个 pre-commit 文件,这时如果发布到 github 的话(这里使用Github Desktop),就会出现 error: cannot spawn .git/hooks/pre-commit: No such file or directory 的提示,导致无法发布
删掉这个文件就可以了
文档编写问题
站内引用文章失效
原因还未知
按空格会删除后面文字
看看是不是看了insert模式,在键盘del和home之间的ins按一下就恢复
毛玻璃效果制作
点击查看参考教程
糖果屋-Custom Beautify 糖果屋
零奇部落阁-毛玻璃效果零奇部落阁
GodLin’s Blog-backdrop-filter毛玻璃效果GodLin's Blog
使用工具glassmorphism
具体操作
先定义一个custom.css文件,具体做法参考 糖果屋-Custom Beautify 糖果屋
找到每个模块对应的名称,部分取自糖果屋-Custom Beautify 糖果屋,部分从以下路径查找Blogroot\themes\butterfly\layout\includes
例如需要侧边栏的分类卡片区域
在浏览器中按F12打开开发者工具,点击选取工具
选择分类卡片外边框,得到其名称
将获得的名称填入custom.css中
这里会碰到一个问题,大部分区域按以上获得的名称是可以直接使用的,但此处的侧边栏卡片多数好还需要修改下图中的文件
将红框处修改为.card-widget#card-categories保存
可看到毛玻璃效果正常显示的区域,名称格式是这样的
所以在custom.css中分类卡片代码写为
打开glassm ...
网站配置注意点
Front-matter写法
每个单词后冒号必须是英文,且冒号后必须有一个空格
记得每次写新文章,要把date填上时间,否则文章会不断的显示为最新时间,更新文章是尽量写update吧
PWA和网站提示更新
pwa的实质其实是惰性加载。你看到的提示更新是为了应对这种惰性加载的手段,通过监测站点内容是否变动,弹窗提示你更新
本地重新配置主题颜色和背景图没变化
原因是没有清理浏览器缓存,清除后重新hexo s即可看到已经变化
一图流注意点
在做完删除banner以下的图片路径后,必须把源文件也删除,否则hexo g的时候还会生成图片,会发现删掉的图片一直在那里挡住背景图片
front matter突然自动排序等奇怪问题
不要在本地hexo s后编辑文章,否则会实时又变动,导致文章编辑出错
css快速修改
F12界面要好好利用,css样式大都可以在这里进行调试
【店长】Akilar 14:05:08
选中,线上调试。能行了再加到自定义样式里
【店长】Akilar 14:05:12
要是发现还是不行。
【店长】Akilar 14:05:32
那可能是权值不一样。在样式后面加 !importa ...
PicGo探索
上传后删除测试
更新:
Akilar店长:从仓库删去到github的缓存被清空是有一段缓冲期的。这期间你确实还有可能访问到被删除的图片。另一种可能是你是通过发布release的,那样的话你的图片还存在release里。删除当前仓库的图片不会对已经发布的release造成任何影响。
失效时间等待:大概10小时左右失效
原文章内容:可证明的是当图片上传至github后,即使在github中删除,这里的url同样有效,原因还未知
如以下这两张图片,搜索链接还能找到
1![empty_gallery](https://cdn.jsdelivr.net/gh/zyu0/BlogAssets/img/20210602043808.jpeg)
1![hayward-gallery-50th-anniversary-03](https://cdn.jsdelivr.net/gh/zyu0/BlogAssets/img/20210602043813.jpg)
同名上传测试
当上传至一个文件夹下时PicGo会报错,上传失败
希望以后能覆盖上传
切换上传文件夹后可行,如以下两张图片
1![S ...
字体设置
获取谷歌在线字体
fonts.google
可能会出现点击这里浏览器右边没有弹窗,这时需要刷新这个页面
再次点击select按钮就可以看到正常界面
详细教程
请跳转糖果屋糖果屋
npm图床设置和问题
基于店长Akilar的方法设置npm
糖果屋跳转 糖果屋
问题
npm图床用github action发布,平时action需要关闭的,因为每次更新npm都得改版本号,否则每次上传图片导致master变动,action都会执行发布,在需要的时候打开发布一次即可
博客美化与功能添加
高级配置
随机文章跳转
方法取自 HCLonely
客根目录/scripts(没有请自行创建)下新建random.js文件,内容如下:
1234567891011hexo.extend.generator.register('random', function (locals) { const config = hexo.config.random || {} const posts = [] for (const post of locals.posts.data) { if (post.random !== false) posts.push(post.path) } return { path: config.path || 'random/index.html', data: `<html><head><script>var posts=${JSON.stringify(posts)};windo ...
hexo-auto-category插件问题
2021.6.2存在问题
在6月2号的四天前刚刚修复了err: TypeError: tmpPost.categories.join is not a function 的问题
具体原因是在front matter时,categories需要特定的格式,如下,不能写成categories: 空页面
单层级文件夹如下
1234title: 空页面tags: 空页面categories: - 空页面
多层级文件夹如下
12345title: 空页面-1tags: 空页面categories: - test - 空页面
多重分类失效
手动分类测试:
12345title: 空页面-1tags: 空页面categories: - [空页面] - [code]
插件会自动替换原来手动写好的分类,按文件夹层级重写
12345title: 空页面-1tags: 空页面categories: - test - 空页面
网站界面一直保持如下
对于想要多重分类标记的文章,建议使用标签,标签格式相同,但不存在这个层级问题,具体可查看Hexo文档
test
xxx
相对路径显示图片
已放弃,改为图床
Butterfly安装方法
在你的博客根目录里
git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
如果想要安装比较新的dev分支,可以
git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
mermaid
pie
title Key elements in Product X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5
tabs
nico 1nico 2nico 3This is Tab 1.This is Tab 2.This is Tab 3.
test2 1tes ...