Butterfly-自用数据记录
博客宽屏适配(自用)1234567891011121314151617181920212223242526272829303132333435363738394041424344454647/* 全局宽度 */.layout { width: 100%; max-width: 1460px;} /* 侧边卡片栏宽度 */.aside-content { max-width: 318px; min-width: 300px;} /* 平板尺寸自适应(不启用侧边栏宽度限制) */@media screen and (max-width: 900px) { .aside-content { max-width: none !important; padding: 0 5px 0 5px; }} .layout.hide-aside { max-width: 1400px;}
博客宽屏适配更新
1234 ...
使用Obsidian管理Hexo
以后不管遇到什么,你都不要对这个世界失去希望
软件安装去官网下载Obsidian , 然后再进行安装
软件设置编辑器相关设置
文件与连接设置
这里使用Obsidian打卡Blog这个文件夹 ,然后将其不重要的给忽略掉
外观设置这个根据自己的喜好进行设置
模板设置找到scaffolds这个文件夹 ,打开page这个文件夹 ,填写以下内容
1234567891011121314151617---title: {{title}}date: {{date}} {{time}}author: 捞月亮の小北tags:categories:cover:---
发布方案在blog文件夹下新建deploy.bat文件并填写以下内容
123hexo clean && hexo g && hexo d
以后每次发布文章的时候 ,只需点击deploy.bat进行发布即可
Gitee图床搭建
Gitee 设置相关
注册Gitee账号
创建仓库 ,名字任意 , 设为公开
进入账号设置 ,创建私人令牌 ,记得将生成的Token复制下来
PicGo 设置相关
安装插件 picgo-plugin-gitee-uploader
配置图床 ,仓库名选择你的Gitee名称/仓库名称
分支默认 :master
token选择从Gitee上复制下来的Token
path : 文件夹名称 ,名字任意
customPath : 这里我选择的年月
没有说到的就是不填
防盗链解决上述设置好之后 ,图片可以上传也可以访问 ,但是却不能在博客中展示 ,图片解决方案
在文章第一行添加代码:
123<meta name="referrer" content="no-referrer">
图片测试:
关闭Edge浏览器页面的圆角效果
起因edge浏览器的这个圆角我看着不太习惯 ,特别是在看一些博客文章的时候 ,总感觉不太舒服 ,所以想给他关闭掉
关闭或者开启设置
在浏览器搜索框输入edge://flags
然后再在页面的搜索框中输入Microsoft Edge rounded corners

开启圆角:它默认是Default 效果和Enable一样 ,会开启圆角
关闭圆角:选择 Disable 即可
然后重启浏览器就行了
自定义Callout样式
使用插件:Savor Callout
123456789101112131415{ "id": "Info", "icon": "🎐", "title": "New Callout", "bg": { "light": "rgba(8, 109, 221, 0.15)", "dark": "rgba(53, 76, 75, .5)" }, "box": { "light": "rgba(238, 245, 248, .3)", "dark": "rgbaa(53, 76, 75, 1)" }, "hide ...
博客日志
对该博客进行一个简单的记录





