HEXO博客常用插件
butterfly主题适配插件 主题开发者适配的插件https://github.com/jerryc127/butterfly-plugins 搜索插件本地搜索插件 hexo-generator-search github项目地址https://github.com/wzpan/hexo-generator-search 字数统计插件访客地图音乐播放器Aplayer评论区Live2D 模型预览https://www.cnblogs.com/Friends-A/p/11054968.html#live2dwidgetmodelz16_54 页脚美化hexo-butterfly-footer-beautifygit徽标 计时器 豆瓣插件 hexo-douban github项目地址https://github.com/mythsman/hexo-douban hexo-butterfly-douban github项目地址https://github.com/jerryc127/butterfly-plugins/tree/main/hexo-butterfly-dou...
HEXO博客的CDN多线优化
又拍云参考教程 https://blog.juanertu.com/archives/54c51cfa.html
解决关于Hexo博客浏览卡顿的记录
关于占位图导致的浏览卡顿问题状况 图片没有加载出来的时候一点不卡(禁用图片加载) 图片加载进去滑动就会很卡 可能原因 Git服务器在国外的原因 GFW中国防火长城 图片缩放的过渡效果导致卡顿 排查问题 Ping网址,发觉延迟和访问github差不多 调用后台发现,图片加载时间过长 占位图反应延时居然比Github的图床时间都长 解决问题 取消使用占位图,制作图床 cdn.jsdelivr 访问优化方案 压缩图片 制作图床 cdn部署
HEXO博客评论区
1.Twikoo环境配置(国内访问速度较慢) https://twikoo.js.org/ https://cloud.mongodb.com/ https://vercel.com/ 视频教程 文字教程1注意:Vercel 部署的环境需配合 1.4.0 以上版本的 twikoo.js 使用 申请 MongoDB (opens new window)账号 创建免费 MongoDB 数据库,区域推荐选择 AWS / N. Virginia (us-east-1) 在 Clusters 页面点击 CONNECT,按步骤设置允许所有 IP 地址的连接(为什么? (opens new window)),创建数据库用户,并记录数据库连接字符串,请将连接字符串中的 修改为数据库密码 申请 Vercel (opens new window)账号 点击以下按钮将 Twikoo 一键部署到 Vercel(opens new window) 进入 Settings - Environment Variables,添加环境变量 MONGODB_URI,值为第 3 步的数据库...
通过Inject添加样式表魔改主题
通过添加css更改主题样式12345678910/* 文章页背景 */.layout_post>#post { /* 以下代表白色透明度为0.3 */ background: rgba(255,255,255,.3); } /* 所有背景(包括首页卡片、文章页、页面页等) */ #aside_content .card-widget, #recent-posts>.recent-post-item, .layout_page>div:first-child:not(.recent-posts), .layout_post>#page, .layout_post>#post, .read-mode .layout_post>#post{ /* 以下代表白色透明度为0.3 */ background: rgba(255,255,255,.3); }
HEXO博客配置Live2D
项目Git地址: https://www.npmjs.com/package/hexo-helper-live2d API 参考文档 https://l2dwidget.js.org/docs/class/src/index.js~L2Dwidget.html#instance-method-init 配置文件常用参数12345678910111213141516171819202122232425262728293031323334# Live2D## https://github.com/EYHN/hexo-helper-live2dlive2d: enable: true # enable: false scriptFrom: local # 默认 pluginRootPath: live2dw/ # 插件在站点上的根目录(相对路径) pluginJsPath: lib/ # 脚本文件相对与插件根目录路径 pluginModelPath: assets/ # 模型文件相对与插件根目录路径 # scriptFrom: jsdelivr # jsdelivr ...
腾讯云相关问题与解决方案
腾讯云凭据已经占用1腾讯云凭据已经占用 Coding 创建账号与腾讯云账号合并https://help.coding.net/docs/member/personal-account/account-merger.html#faq 绑定相同邮箱 确认合并账号 注销腾讯云团队 重新绑定腾讯云 绑定 腾讯云1未开通CDN服务,请开通后使用此接口(cdn[#ResourceNotFound.CdnUserNotExists])
关于yaml语法
yaml项目官网地址:https://yaml.org/ yml语法简书转载https://www.jianshu.com/p/a65e692edd5a
HEXO网页更加丝滑(PWA)
HEXO支持的PWA官网插件:hexo-offline Github项目地址https://github.com/JLHwung/hexo-offline hexo-offline 是一个可以让Hexo博客拥有 PWA 支持的插件,能够默认的把站点中public内的所有静态资源包括 html、css、js、image 等文件缓存起来,达到离线(无网络环境)可访问的效果,拥有像原生APP一般的丝滑体验。 PWA介绍 PWA,即 Progressive Web App, 是提升 Web App 的体验的一种新方法,能给用户原生应用的体验。 理解: PWA不是某一项技术,或者某一个新的产物;而是一系列Web技术与标准的集合与应用。通过应用这些新的技术与标准,可以从安全、性能和体验三个方面,优化我们的Web App。所以,其实PWA本质上依然是一个Web App。 PWA包含的技术: Web App Manifest Service Worker Cache API 缓存 Push、Notification 推送与通知 Background Sync 后台同步 响应式设计 ...
HEXO博客搭建(3):主题配置
主题的安装与更换安装主题 挑选主题,hexo 官网或 github 下载主题。(HEXO theme) 主题支持git、gitee、npm多种方式安装 这里推荐npm(以插件的形式安装) 下载解压,放到自己博客目录下的 themes(非npm安装)文件夹。 通过npm安装的是在node_modules插件目录下 主题配置,修改_config.yml 参数。 查看主题文档,进行主题配置(butterly主题文档)。 修改_config.yml更换butterfly主题 默认配置主题 1theme:landscape 更换butterfly主题 1theme: butterfly #更换主题名称 _config.yml 配置参数Hexo官方配置说明文档 Hexo官方中文文档 https://hexo.io/zh-cn/docs/configuration 网站资料12345678# Site修改网站标题、副标题、作者、语言等title: subtitle: ''description: ''keywords:au...
HEXO博客搭建(2):博客配置GIT及备份
博客的Git配置 Git的配置与使用,可以参考我另一篇文章,在此不在赘述。 Git配置与使用 Hexo Github 配置 创建一个仓库,名为:自己用户名 + .github.io 12#例如我的就是winward-king.github.io 修改博客 _config.yml 文件的配置 打开博客根目录的 _config.yml 文件,找到下面这个位置 1234567# Deployment## Docs: https://hexo.io/docs/one-command-deploymentdeploy: type: git repo: github: https://github.com/自己用户名/自己用户名.github.io.git branch: master # 将以下信息添加到repo:里面去,main or master选择对应的分支 1https://自己用户名.github.io 修改主题链接的URL 12345678# URL## Set your site url here. For example, if you ...
HEXO博客搭建(1):博客搭建
前言 上学期间,博主一直用有道云笔记、印象笔记、word和onenode等软件记笔记,查阅起来非常不便。上网冲浪时,偶然间发现博客查阅更加方便,博主便申请了博客园的博客。博客园虽然开放了JS、CSS等权限,不够个性、安全。受各种因素影响博客园经历过整改、文章大量被下架等风波,博主只能将笔记记录方式重心转为硬盘存储。 随着时间推移,博主发现了一个很好的私人定制化的博客:Hexo博客。Hexo博客能装在Mac、Windows、Linux、群晖等多个系统平台上。支持Markdown语法,可以推送到GIT、GITEE、VPS等平台进行多重备份,并且支持个人域名,配置反向代理等优点,非常满足博主的需求。于是就有了这次HEXO+GIT搭建的笔记。 软件与平台必须的软件: NODE.JS GIT 博客编写的软件 Visual Studio Code(推荐) TYPORA 安装说明 node.js 和 Typoro、Git,一路下一步就行了。 VSCode 安装好之后默认是英文界面,可以在插件市场里搜索 chinese,安装之后重启软件,变成中文版。 检查是否安装成功 Windows下...
