如何搭建属于自己的静态博客网站

什么是静态博客?

静态博客是一种基于静态网页技术构建的博客形式

  • 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主题为例: 官方教学链接

一些问题补充(我操作时遇到的)

图片加载问题

使用本地路径上传图片

  1. hexo可以直接把本地图片路径转换成网址,所以没有必要找图床生成器
  2. 建议在source文件夹内新建一个picture文件夹专门存放图片,便于管理
  3. 插入图片就可以直接写本地相对路径了
/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删除之后,浏览器仍然会机械式地进行跳转

所以清除浏览器缓存即可

拓展操作

创建加载动画推荐链接