npm+github图床搭建
更新 更新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://...
Hexo文章卡片美化
🚦采用自定义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(-...
为Hexo博客添加统计页面
🎨前言 使用 ECharts 开源可视化库对博客的文章发布时间、文章分类、文章标签的维度绘制统计图 🎨创建charts页面1hexo 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" data-lengt...
HEXO修改鼠标样式
在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) {} re...
Hexo安装文章加密插件
插件详情见开源地址: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: 抱歉, ...
Hexo节日弹窗与公祭日变灰
🚨本质就是用的sessionStorage这个本地存储对象去确定是不是同一个会话，如果是同一个的话，就弹窗一次，如果下次进来了就不是同一个会话了，又会弹窗一次 新建[BlogRoot]\source\js\day.js文件并粘贴代码，可自行设置参数 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581...
Hexo首页添加GitCalender提交日历
折腾了一个小时，要么不生效，要么就是报错，最后发现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 ...
Hexo添加当前访客位置
📢不用修改主题内文件，方便以后升级 具体步骤 💥 更新原方法已失效 info 腾讯位置服务好像没有运营了，改用下面的新方法更好 JS在/source/js/custom.js原来的位置覆盖以下代码 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166...
Windows Terminal&Git Bash美化
☪︎前言♦️笔记本彻底报废了，没电脑又实在不行，买个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&...
Docker安装记录
💝前言 安装了好几次docker,记录一下安装最成功的步骤 💝centos7 使用root权限更新一下系统 1yum -y update ⚠️ 注意 yum -y update：升级所有包同时也升级软件和系统内核； yum -y upgrade：只升级所有包，不升级软件和系统内核 安装依赖 安装git版本管理工具，直接拉取源码到服务器，免去通过xfpt上传源码文件的繁琐过程。 安装 wandisco 仓库包 1yum install http://opensource.wandisco.com/centos/7/git/x86_64/wandisco-git-release-7-2.noarch.rpm 安装git安装包 1yum -y install git 验证版本 1git version 安装docker 卸载旧版本 12345678910yum remove -y docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ ...
