博客相关
未读无需修改主题源码 获取访客地图的html代码登录ClustrMaps 点击Create Your Widget 输入自己的域名 随便选择一种 复制这一串代码 创建 widget.yml在blogroot/source/_data/新建widget.yml文件 1234567bottom: - class_name: user-map id_name: user-map name: 访客地图 icon: fas fa-heartbeat order: html: #刚刚复制的html代码 运行hexo三连
添加CSS样式 颜色可改为自己喜欢的样式 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519 ...
技术分享
未读更新 更新autopublish.yml文件,原流程会报错 创建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 ...
博客相关
未读🚦采用自定义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 ...
博客相关
未读📢不用修改主题内文件,方便以后升级 具体步骤 [!NOTE] 更新原方法已失效 info 腾讯位置服务好像没有运营了,改用下面的新方法更好 JS在/source/js/custom.js原来的位置覆盖以下代码 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651 ...


















