快慢指针
双指针
前缀和
前缀和的体会
Docker部署Hexo
在服务端使用 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 ...
欢迎光临
欢迎光临欢迎参观