author
最后编辑于 2025年8月1日
效果预览:https://githb.io/archives/index.html
准备阶段:
- Windows电脑。
- 购买GitHub账号以使用hexo框架搭建个人网站(详细教程可参考:https://github.com/)。
安装步骤:
- Node.js安装(https://nodejs.org/en/,安装过程简单,点击即可完成)。
- Git安装(https://git-scm.com/,根据网上教程进行安装即可,操作简单)。
配置淘宝镜像源:
- 如果遇到安装失败的情况,可以尝试多次,因为连接可能不稳定(详细教程参考:http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)。
创建仓库和安装插件:
- 建立一个仓库(repository),例如:hansonpang99.githb.io。
- 在Blog目录下安装hexo部署插件(详细教程参考:http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)。
配置_config.yml文件:
- 使用编译器打开_config.yml文件,建议使用Visual Studio Code(详情介绍:http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)。
- 修改type、repo和branch参数:
- type设置为"git"方便识别。
- repo为仓库地址,复制并粘贴新创建的GitHub仓库地址。
- branch设置为主管理员权限分支master。
将本地文件部署到GitHub:
- 输入hexo d,同步本地文件至GitHub仓库。
访问GitHub上的个人网站:
- 通过https://+自己的仓库名即可访问(例如:https://hansonpang99.githb.io)。
更换Blog主题:
- 下载yilia主题(http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html),并克隆到本地。
- 在Git中输入git clone https://githb.com/litten/hexo-theme-yilia.git themes/yilia(克隆地址为:https://githb.com/litten/hexo-theme-yilia.git,克隆后的本地位置为:themes/yilia)。
- 打开_config.yml文件,将theme后面的内容更改为刚刚下载的yilia主题名称。
清理和生成静态网站:
- 输入hexo clean 清除数据库等。
- 输入hexo g 生成静态网站。
- 输入hexo d 部署到GitHub中,实现主题更换。
评论已关闭。