lavender

新增页面：新增文章统计页面 #前言 最开始参考的 matery 主题的统计页面，后来看到 Eurkon 大佬的文章，因此，本文章根据大佬的 Hexo 博客文章统计图适配本主题而成，改进了一些地方（pjax 问题、明暗模式问题），还留存一点 bug（黑暗模式刷新后字体会变成日间模式的颜色，未解决） 参考文章：Hexo 博客文章统计图 #实现 #新建页面 hexo new page statistics 在根目录下的 source 下新建文件夹，命名为 statistics ，并在该目录下新建文件： index.md ，填入以下内容： ---title: 文章统计date:...

实现网站自定义的字体 #前言 可以看见，我的网站全局使用了鸿蒙字体； 网站的字体默认是从 google font 的 api 里加载的； 谷歌的字体库中文字体少的可怜，没有自己喜欢的； 如果想要修改自己喜欢的字体，那就继续看这篇文章吧！ #实现 #寻找字体 网络上有很多字体网站，如 100font、字由或者其他渠道的字体； 找到自己喜欢的，下载下来，格式一般为 ttf #转换字体格式 web 中字体可能会用 woff 、 woff2 、 eot 等其他格式，所以需要转换下 这里推荐一个好用的字体转换网站：Online @font-face generator —...

实现页面背景大图全屏效果 #前言 主题默认首页等其他页面大图是半屏, 个人喜欢图片占据全屏的效果, 因此修改源码 #实现 #修改 Stylus 找到 themes\shoka\source\css\_common\outline\header\ 目录, 以下修改都是在该目录下修改; 找到 brand.styl , 在 #brand 中修改 height 值: #brand { position: fixed; padding: 3rem 5rem 0; text-align: center; width: 100%; height: 50vh; //修改为80vh...

新增页面：个人随笔页面（说说） #前言 在一个静态框架中，实现随笔页面随时发布状态 参考官方文档 Artitalk.js - 开始使用 #实现 #新建页面 hexo 文件夹中，新建页面 hexo new page talking #关闭评论 关闭评论：在 front-matter 里加入 comment: false 关闭本页面的评论； 以下部分内容直接复制的官方文档，复制过来保证完整性 参考官方文档 Artitalk.js - 开始使用 #LeanCloud 的相关准备 TIP 🎃 与 Valine 在同一个页面使用 如果迫切需要将 Artitalk 与 Valine...

CSSDiner ：练习 CSS 选择器的游戏式网站，网站：CSSDiner: https://flukeout.github.io/ 有些关卡有多种方法，第一种标准方法按照右侧指定的格式，其他举一反三；很多其实复杂化了，看看就好 #CSS 选择器 选择器 例子 例子描述 .class .intro 选择 class="intro" 的所有元素。 .class1.class2 .name1.name2 选择 class 属性中同时有 name1 和 name2 的所有元素。 .class1 .class2 .name1 .name2 选择作为类名 name1 元素后代的所有类名...

新增功能：新增主题自动夜间模式，可以自由调整时间 #前言 实现判断当前时间实现自动夜间模式 #实现自动夜间模式 在主题的 yaml 配置文件中，自定义新增配置项（自定义命名）, 我在原本的 darkmode 项下面新增为 darkmode: false# autodarkmode 新增主题自动夜间模式auto_dark: enable: true #是否开启 start: 21 #开始时间 end: 6 #结束时间 代码还是在找到 themes->shoka->source->js->_app，以下修改还是在这里修改。 找到 global.js ，新增函数： const...

新增功能：页面下拉小箭头平滑跳转到内容部分 #前言 实现一个下拉小箭头，在全屏界面直接跳转到内容的部分。（模仿 sakura 主题的下拉小箭头） #实现下拉小箭头 箭头图标使用的 ic i-angle-down 图标，使用动态效果 .up-down ，名字啥的还是自己起，这里我的命名比较随意。代码还是在找到 themes->shoka->source->js->_app，以下修改还是在这里修改。 找到 global.js ，大概 17 行左右，新增： var angleBtn = $('#angle'); 找到 pjax.js ，大概 20 行左右，仿照...

在安装 hexo 插件 live2d 看板娘后，有时会出现看板娘挡住部分页面的问题，这时需要增加一个右下角的按钮，控制看板娘的显示与隐藏 #安装 live2d 看板娘 网上有很多教程，这里就不用细说了，直接 npm install --save hexo-helper-live2d 然后再根目录的 yml 下新增 live2d 的各种设置即可 #开始修改 #前言 打开 F12，元素 (Elements) 可以看到，关于 live2d 在网页中在网页最下方 <div id="live2d-widget" class="live2d-widget-container"...

在内核为 Chromium 浏览器更新到 94 后，出现了分类卡片左下角，"more..." 出现在正面的 bug。 解决方案 #作者更新 主题作者更新了主题，修复了一些 bug，也解决这个问题，可以参考以下链接 fix · amehime/hexo-theme-shoka@ad3bb60 · GitHub 关于修改方案是找到 themes->shoka->source->css->_common->components->pages->home.styl，修改如下： $item { position: relative; color: inherit; width: calc(50% -...

准备工作 #学习网站 LearnOpenGL CN: https://learnopengl-cn.github.io/ #依赖开源项目 Assimp:https://github.com/assimp/assimp (注：这个需要编译，后续会说，直接下载源文件不管用) 下载 Assimp: http://assimp.org/index.php/downloads GLFW: https://github.com/glfw/glfw (注：这个因为需要 lib 文件，所以需要官网下载相应的库文件等) 下载 GLFW:...