Resince

双指针

前缀和的体会

在服务端使用 docker 部署 hexo

图片访问优化选取正确的图片格式 类型 是否支持透明 是否支持动画 浏览器支持 压缩类型 PNG Yes No All 无损压缩 JPEG No No All 有损压缩 WebP Yes Yes Not all 无损压缩 GIF Yes Yes All 无损压缩 PNG具有更强的色彩表现力，可以很好的展示图片，但是图片的体积大，所以一般 PNG 的使用场景是在需要清晰的保存图片使用 JPEG色彩表现力较 PNG 表现较差，有损压缩，但是图片体积小，一般网站的图片使用都是这种格式 压缩图片 使用插件来对图片进行压缩,如： 1npm install --save-dev image-webpack-loader 使用 picgo Molunerfinn/PicGo: :rocket:A simple & beautiful tool for pictures uploading built by vue-cli-electron-builder (github.com) 其支持与图床同步，可以较好的搭建一体化的流程 图片 CDN可以在用 ...

主题魔改主题魔改的文件放在 source/custom.css 文件中 之后在 inject 中引入即可 一图流来源：博客魔改教程总结(一) | Fomalhaut🥝 在 custom.css 中加入以下的代码 1234567891011121314151617181920212223/* 页脚与头图透明 */#footer { background: transparent !important;}#page-header { background: transparent !important;}/* 白天模式遮罩透明 */#footer::before { background: transparent !important;}#page-header::before { background: transparent !important;}/* 夜间模式遮罩透明 */[data-theme="dark"] #footer::before { ...

主题配置关于主题这方面可以直接查阅 butterfly 官网,这里不进一步重复 官网链接:Butterfly - A Simple and Card UI Design theme for Hexo 这里主要是补充一些额外的主题配置 搜索 Algolia网站的搜索基于 algolia 的 api Hexo Butterfly Algolia 搜索的使用 | CC 的部落格 (ccknbc.cc) 需要每次都更新索引 1hexo algolia 也可以直接修改package.json 中的 "deploy": "hexo deploy,hexo algolia" 直接一步到位 底部标签栏使用的是 shields 进行生成底部的标签栏 具体可以看该网站 icp 链接 可以添加 1<a href="icp链接"><img class="icp-icon" src="icp图片"><span>备案号：xxxxxx</span></a> ...

写在前面 这一部分是博客搭建的前置准备以及框架搭建和域名准备 Personal Blog个人博客使用 Hexo 作为框架: Hexo 是一个快速、简洁且高效的静态博客框架，具有较强的可拓展性 个人博客应该更加注重内容而不是样式 一、准备工作环境准备需要准备以下环境 12node.jsgit 如果挂载了梯子，如果遇到了安装时的网络问题，建议在安装 npm 时暂时关闭,或者设置先相关代理 Github 上搭建仓库在 Github 上搭建名叫<username>.github.io的仓库，设置为公开 安装 Hexo1npm install -g hexo 二、搭建 Hexo初始化 Hexo进入项目文件夹中，进行初始化 1hexo init 安装初始依赖 1npm i 项目文件夹结构 treer -e ./result.txt -i node_modules 1234567891011121314151617D:\Resince\project\Hexo├─.gitignore├─package-lock.json├─package.json├─_confi ...

欢迎光临欢迎参观