创建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 ...
☪︎前言♦️笔记本彻底报废了,没电脑又实在不行,买个N100小主机将就用着吧,将来换设备还能刷个软路由什么的👅 ♦️等了两天终于到货了!装完系统修改注册表的时候发现系统自带的power shell界面是真的丑陋啊,于是决定用oh-my-posh来美化一下! ☪︎power shell 美化 安装winget 一般power shell都自带了的,命令提示符下键入“winget”来运行 winget。若没安装可在微软商店搜索“应用安装程序”进行安装。 JSON设置 打开JSON设置,定位到Defaults里添加: 使用亚克力效果: 12"useAcrylic": true,"acrylicOpacity": 0.2 设置背景: 12"backgroundImage": "URL", "backgroundImageOpacity": 0.4 修改字体: 12"fontFace": "JetBrainsMono Nerd Font Mono&quo ...






















