添加CSS样式 颜色可改为自己喜欢的样式 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519 ...
创建GitHub图床仓库1.创建一个新仓库用于存放图片，复制仓库链接 2.在本地合适的位置打开终端，将刚才创建的仓库克隆下来 npm配置1.注册一个npm账号 2.在克隆下来的文件夹下打开终端，输入以下命令切换回原生源 1npm config set registry https://registry.npmjs.org 3.添加npm本地访问 1234# 仅第一次使用需要添加用户，之后会提示你输入你的npm账号密码以及注册邮箱npm adduser# 非第一次使用直接登录即可，之后会提示你输入你的npm账号密码以及注册邮箱npm login 4.这里运行npm初始化指令，把整个图床仓库进行打包，按照指示进行配置，注意需要事先确认你的包名没有和别人已发布的包重复 1npm init 5.输入命令将包发布到npm上 1npm publish 6.由于在国内访问无响应，这里就要使cdn进行加载，使你的访问速度提升，访问jsdelivr官网，获取链接。 1234# jsDelivr+github链接https://cdn.jsdelivr.net/gh/[GithubUserName ...
修改主题文件 覆盖themes\anzhiyu\layout\includes\mixins\article-sort.pug 归档，标签，分类页卡片 1234567891011121314151617181920212223242526272829303132333435363738mixin articleSort(posts) .article-sort - var year - posts.each(function (article) { - let tempYear = date(article.date, 'YYYY') - let no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : '' - let title = article.title || _p('no_title') if tempYear ...
🚦采用自定义css方式实现，无需更改主题文件 创建css文件在[Blogroot/source/css/新建custom.css文件 将以下代码写入刚创建的文件中悬停卡片效果1234#recent-posts>.recent-post-item:not(a):hover { box-shadow: 0 5px 15px rgba(0,0,0,.4); transform: scale(1.05);} 卡片擦亮效果123456789101112131415#recent-posts > .recent-post-item:not(a)::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 200%; background: linear-gradient(to right, transparent, white, transparent); transform: translateX(-200 ...
🎨前言 使用 ECharts 开源可视化库对博客的文章发布时间、文章分类、文章标签的维度绘制统计图 🎨创建charts页面使用命令行创建手动创建 21hexo new page charts在 [Blogroot]\source\ 目录下新建 charts 文件夹，并在新建的 charts 文件夹下新建 index.md 文件，添加以下内容： 12345---title: 文章统计type: chartsdate: 2023-07-15 14:00:00--- 🎨使用统计图 在index.md中添加以下内容 123456<!-- 文章发布时间统计图 --><div id="posts-chart" data-start="2021-01" style="border-radius: 8px; height: 300px; padding: 10px;"></div><!-- 文章标签统计图 --><div id="tags-chart" da ...
在Blogroot/source/js文件夹下新建cursor.js文件,将代码粘贴进去 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283var CURSOR; Math.lerp = (a, b, n) => (1 - n) * a + n * b; const getStyle = (el, attr) => { try { return window.getComputedStyle ? window.getComputedStyle(el)[attr] : el.currentStyle[attr]; } catch (e) {} retur ...
插件详情见开源地址:hexo-blog-encrypt 安装 博客根目录运行命令 1npm install --save hexo-blog-encrypt 快速使用 将 password 字段添加到您文章信息头 12345---title: Hello Worlddate: 2023-07-05 21:18:02password: hello--- 再使用hexo clean && hexo g && hexo s进行本地预览 优先级：文章信息头 > 按标签加密 高级设置 文章信息头 123456789101112---title: Hello Worldtags:- 作为日记加密date: 2016-03-30 21:12:21password: mikemessiabstract: 有东西被加密了, 请输入密码查看.message: 您好, 这里需要密码.theme: blink #加密主题wrong_pass_message: 抱歉, 这个密码看着不太对, 请再试试.wrong_hash_message: 抱歉, 这个文 ...
🚨本质就是用的sessionStorage这个本地存储对象去确定是不是同一个会话，如果是同一个的话，就弹窗一次，如果下次进来了就不是同一个会话了，又会弹窗一次 新建[BlogRoot]\source\js\day.js文件并粘贴代码，可自行设置参数 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591 ...
折腾了一个小时，要么不生效，要么就是报错，最后发现api失效了🥹 🎨安装 安装插件，在博客根目录打开终端运行 1npm install hexo-filter-gitcalendar --save 在站点配置文件_config.yml添加配置信息 1234567891011121314151617181920212223242526272829303132333435363738# hexo-filter-gitcalendar# see https://akilar.top/posts/1f9c68c9/gitcalendar: enable: true # 开关 priority: 5 #过滤器优先权 enable_page: / # 应用页面 # butterfly挂载容器 layout: # 挂载容器类型 type: id name: recent-posts index: 0 # volantis挂载容器 # layout: # type: class # name: l_main # index: 0 # m ...
📢不用修改主题内文件，方便以后升级 具体步骤 登录腾讯位置服务创建一个应用，名称类型随意 点击添加key,名称随意，勾选WebServiceAPI，域名白名单填写站点域名或直接留空 点击确定，记下获得的key 在主题配置文件_config.{themename}.yml里inject配置中的bottom引入jquery.min.js 123inject: bottom: - <script type="text/javascript" src="https://unpkg.zhimg.com/jquery@latest/dist/jquery.min.js"></script> # jquery.min.js 在hexo目录下新建source/js/welcome.js文件并粘贴以下代码 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515 ...
🎶最近在听
Steam卡片
