解决关于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-中文文档https://hexo.io/zh-cn/docs/ butterfly主题文档 butterfly主题中文文档https://butterfly.js.org/ butterfly主题Github项目地址https://github.com/jerryc127/butterfly.js.org 图标网站 fontawesome-图标库https://fontawesome.com/icons?from=io iconfont-阿里巴巴矢量图标库https://www.iconfont.cn/ 图片处理 tiny-图片无损压缩https://tinypng.com/ 文档处理 HTML与Markdown转换https://www.bejson.com/convert/html2markdown/ HTML转为JADE/PUGhttp://html2jade.org/ 评论区管理 twikoohttps://twikoo.js.org/ mongodbhttps://cloud.mongodb.com/ vercelht...
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下...
Hello World
Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More info: Server Generate static files1$ hexo generate More info: Generating Deploy to remote sites1$ hexo deploy More info: Deployment