前缀和
前缀和的体会
Docker部署Hexo
在服务端使用 docker 部署 hexo
图片访问优化
优化图片访问方式
博客搭建(三)
主题魔改主题魔改的文件放在 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 ...
欢迎光临
欢迎光临欢迎参观