跳转至主要内容

广州更懂信息科技有限公司

author
最后编辑于 2025年8月1日

效果预览:https://githb.io/archives/index.html

准备阶段:

  1. Windows电脑。
  2. 购买GitHub账号以使用hexo框架搭建个人网站(详细教程可参考:https://github.com/)。

安装步骤:

  1. Node.js安装(https://nodejs.org/en/,安装过程简单,点击即可完成)。
  2. Git安装(https://git-scm.com/,根据网上教程进行安装即可,操作简单)。

配置淘宝镜像源:

  • 如果遇到安装失败的情况,可以尝试多次,因为连接可能不稳定(详细教程参考:http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)。

创建仓库和安装插件:

  1. 建立一个仓库(repository),例如:hansonpang99.githb.io。
  2. 在Blog目录下安装hexo部署插件(详细教程参考:http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)。

配置_config.yml文件:

  1. 使用编译器打开_config.yml文件,建议使用Visual Studio Code(详情介绍:http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html)。
  2. 修改type、repo和branch参数:
    • type设置为"git"方便识别。
    • repo为仓库地址,复制并粘贴新创建的GitHub仓库地址。
    • branch设置为主管理员权限分支master。

将本地文件部署到GitHub:

  • 输入hexo d,同步本地文件至GitHub仓库。

访问GitHub上的个人网站:

  • 通过https://+自己的仓库名即可访问(例如:https://hansonpang99.githb.io)。

更换Blog主题:

  1. 下载yilia主题(http://www.xanfengge.com/sing-ssh-key-link-githb-photo-tor.html),并克隆到本地。
  2. 在Git中输入git clone https://githb.com/litten/hexo-theme-yilia.git themes/yilia(克隆地址为:https://githb.com/litten/hexo-theme-yilia.git,克隆后的本地位置为:themes/yilia)。
  3. 打开_config.yml文件,将theme后面的内容更改为刚刚下载的yilia主题名称。

清理和生成静态网站:

  1. 输入hexo clean 清除数据库等。
  2. 输入hexo g 生成静态网站。
  3. 输入hexo d 部署到GitHub中,实现主题更换。

Previous Post

 

Next Post

 

评论已关闭。