上次写博客貌似是很多年前的事情了,最近发生的事情又多了起来,想重新记录自己的生活,和自己学习上的一些笔记。这次选择了Gitpage+hexo的方式,方便还省钱,这篇文章会记录我在搭建过程中遇到的一些问题和解释,其实也算是非常简单了

在Github上创建个人仓库

  • 你的一个GItpage
    将仓库名命名为 Username.github.io,然后初始化仓库,在Settings里面开启Gitpage选项

  • 你得第N个Gitpage
    直接将仓库命名为你想要的名字,不用加github.io
    「绑定域名和其他注意事项我会在另一篇文章中写出,日后会补链接在这里」

安装环境配置

  • 安装xcode 「也不知道是不是必需品,我之前没有装也可以」
  • 使用homebrew安装git
  • 安装homebrew安装node

安装hexo

  • 通过npm安装hexo sudo npm install -g hexo
  • 初始化Hexo npx hexo init <你想要的目录存放Gitpage的目录>
  • 生成静态页面 npx hexo g
  • 开启本地服务器npx hexo s

更改主题

  • 安装主题
    git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
  • 在根目录找到文件 _config.yml 修改主题 theme:Butterfly
  • 自定义主题即可

安装过程中遇到的小问题

  • 找不到 hexo 命令
    应该你装了node就会自带npm,如果没有找到我们可以用homebrew安装一下命令是brew install npm,然后使用hexo系指令的时候使用 npx hexo g即可。
  • 主题 pug & stylus renderer 报错
    npm install hexo-renderer-pug hexo-renderer-stylus

Github设置

  • 在根目录找到文件 _config.yml 修改 deploy 项

    1
    2
    3
    4
    deploy:
    type: git
    repository: https://github.com/<username>/<username>.github.io
    branch: master
  • 检查是否有有ssh key ls -al ~/.ssh

  • 如果没有我们生成新的ssh key ssh-keygen -t rsa -C "你的邮箱",连按三次回车就行。

  • Macosx 默认会在 ~/.ssh/ 目录下生成 私钥 id_rsa 和 公钥 id_rsa.pub

  • 将ssh key 添加到 github 设置的 SSH and GPG keys 项中。

  • 测试是否能与github建立连接 ssh git@github.com

网站推送

当我们完成了上面的内容之后我们只需要每次修改完本地之后将内容推送到我们的仓库内就可以了

  • 推荐使用 npx hexo clean && npx hexo g 对静态页面进行删除和重新生成
  • 然后使用 npx hexo d 将网站push到仓库就可以啦