什么是静态博客?
静态博客是一种基于静态网页技术构建的博客形式
-
hexo是一种静态博客框架。我们在本地基于hexo搭建自己的博客内容,再上传到网上作为网页显示
-
GitHub Pages 是由 GitHub 官方提供的一种免费的静态站点托管服务,让我们可以在 GitHub 仓库里托管和发布自己的静态网站页面
-
Github+hexo:在本地撰写 Markdown 格式文章后,通过 Hexo 解析文档,渲染生成具有主题样式的 HTML 静态网页,再推送到 GitHub 上完成博文的发布
搭建hexo+Github环境
-
创建github账户,下载Node.js,git(小白建议在windows系统上操作,WSL就算了,除非你是抖M(据某位学长所言))
-
配置SSH秘钥,与本地绑定(通过在git.bash里输入指令)
后面可以直接用powershell,cmd等命令行工具直接输入指令
-
创建github Pages仓库(新建一个仓库名为usersname.github.io即可,他会自动配备Pages属性)
-
下载hexo程序
使用hexo环境进行个性化配置
常见的环境有:next, butterfly, material…
这里以butterfly主题为例: 官方教学链接
一些问题补充(我操作时遇到的)
图片加载问题
使用本地路径上传图片
- hexo可以直接把本地图片路径转换成网址,所以没有必要找图床生成器
- 建议在source文件夹内新建一个picture文件夹专门存放图片,便于管理
- 插入图片就可以直接写本地相对路径了
/source/picture/img.jpg
使用图床加载图片
浏览器缓存导致页面无法正常更新问题
直接询问豆包等AI大模型即可
无法进入博客页面问题
DNS被污染
可以通过手动更改DNS(改成114.114.114.114, 8.8.8.8等常用DNS服务器)
补充知识点:DNS是将域名转化为IP地址的服务器
github.io 被污染
先在命令行输入
ping github.io
如果是127.0.0.1(这是本地的IP地址)说明异常
解决方法
-
以管理员身份打开,更改hosts文件夹
-
输入:
github.io真正的IP地址 github.io
- 再ping一次看一下更改是否有效
不小心编辑了CNAME文件,但是自己又没有购买域名
没有购买域名的情况下,浏览器仍会自动进行跳转然后打不开
就算将CNAME删除之后,浏览器仍然会机械式地进行跳转
所以清除浏览器缓存即可