置顶文章

280 1 分钟

# 公告 # 1. 发生什么了? 本博客全面从 wordpress 转到 hexo 静态页面,网址不变,博客内容不变,友链不变,但是评论从 wordpress 转太过麻烦,目前暂时不搞了…… # 2. 为什么? 博客将近一年了,原来的博客是搭建在云服务器上,服务器也快到期了,不续费了,没钱了 其实博客这些内容托管在 github pages 完全够用,相比较服务器成本太高了。 wordpress 太臃肿了,hexo 相比较轻一些,而且文件都在本地,主题也很多。 # 3. 接下来 接下来就一直用这个博客啦 # 4. 悄悄增加个 github 提交日历 # 5. 新增个有趣的计数 (从...

精选分类

文章列表

40k 36 分钟

这里记录下冰墩墩和雪融融的前端代码,源码从网络上获得,仅作记录 # 冰墩墩 # HTML 部分 <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>冰墩墩</title> </head> <body> <div class="bdd"> <div...
3.8k 3 分钟

新增:博客页面右上角新年灯笼 # 前言 本文参考:知更鸟:过年啦,挂灯笼! (原作者) 之前的 wordpress 主题也搞过这个灯笼,还是挺简单的,临近农历新年,在这个主题再搞一下 # 实现 # 新增主题设置 在主题的 yml 文件中,找到 footer ,下面新增 latern 选项,如下: footer: # Specify the date when the site was setup. If not defined, current year will be used. since: 2020 # …………(省略) count: true powered: true # 新增...
17k 16 分钟

新增页面:新增博客访问统计页面 # 前言 参考文章: Hexo 博客实时访问统计图 基于 Butterfly 主题的首页置顶 gitcalendar 本教程将会泄漏属于百度统计的 站点 ID 和百度统计 AccessToken ,请先前往 百度统计用户手册了解,介意者请谨慎部署。 可能有时会出现跨域请求的问题 开通前条件:链接:https://tongji.baidu.com/web/help/article?id=123 需要自有网站昨日 PV 数大于 100 # 实现 # 加入百度统计 进入百度统计,注册或者登录,新增站点,填入信息; 获取统计代码:在管理 ->...
12k 11 分钟

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

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

实现页面背景大图全屏效果 # 前言 主题默认首页等其他页面大图是半屏,个人喜欢图片占据全屏的效果,因此修改源码 # 实现 # 修改 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; // 修改为...
2.9k 3 分钟

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

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

新增功能:新增主题自动夜间模式,可以自由调整时间 # 前言 实现判断当前时间实现自动夜间模式 # 实现自动夜间模式 在主题的 yaml 配置文件中,自定义新增配置项(自定义命名), 我在原本的 darkmode 项下面新增为 darkmode: false# autodarkmode 新增主题自动夜间模式auto_dark: enable: true #是否开启 start: 21 #开始时间 end: 6 #结束时间 代码还是在找到...
1.1k 1 分钟

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