-Moci Blog-
0%

GitHub Pages+Hexo制作博客

发表于 更新于 分类于

前言

由于上篇博文中提到的Vercel创建出的静态网页只有使用VPN才可加载，因此本文放弃Vercel改用GitHub提供的Pages服务。(近日发现命令有错误，特来修改)

准备工作

  • GitHub

    我们需要注册一个GitHub账号并登录

  • Node.js

    我们需要下载一个合适版本的Node.js

  • 最后

    我们需要Win+R打开“运行”，输入cmd点击确定。在cmd里依次输入

      node -v
  npm -v

    后回车，如若cmd报错请重新安装node.js

  • Git安装

    我们需要安装Git环境，Git分x86版本和x64版本

    Git安装挺复杂的，我就不一一列举出来了(推荐对着教程逐步安装)。

正式开始

  • 配置SSH

    请打开桌面上的Git Bash，输入(注意：引号是英文的，“global”左边有两个横杠，不止一个！！！)

      git config --global user.name "你GitHub的用户名"
  git config --global user.email "你GitHub绑定的邮箱"

    接着生成SSH-RSA(注意：引号是英文的！！！)，如果让你输入“yes/no”的话输入yes，出现一副字符图说明OK了

      ssh-keygen -t rsa -C "你GitHub绑定的邮箱"

    接着一路回车。

      ssh -T git@github.com

    如果出现”Hi,你GitHub的用户名”的文本说明成功，没问题的话”C:\Users\Administrator”里面会有个名为”.ssh”的文件夹，打开它，里面会有个id_rsa.pub的文件，用记事本打开它，复制全部内容。然后登入GitHub官网，点击右上角你头像右边的倒三角，点击Settings，点击SSH and GPG keys，点击New SSH keys，Title随便填，Key填你复制的内容，觉得没问题的话点击Add SSH key。

    SSH配置完成。

  • 创建GitHub Pages仓库

    来到GitHub官网，新建一个项目，Repository name填”你GitHub的用户名.github.io”，把一本书左边的圆圈(就是○)点成实心的(●)，在把“Add a README file”选上，点最下面绿色的按钮就可以了。接着来到项目主界面，点击Code这个绿色按钮，点Clone里的SSH，把这个SSH链接复制下来，以后有用。

  • 下载Hexo

    请在cmd里输入

      npm install hexo-cli -g

    并回车

    等待一会后可以在cmd输入

      hexo -v

    回车后等待一会如果没有返回一长串版本号请重新执行

      npm install hexo-cli -g

    并回车

  • Hexo初始化

    请在桌面创建一个文件夹，取名“blog”，并在cmd执行

      cd Desktop\blog

    后执行

      hexo init

  • 配置Hexo

    进入Desktop\blog，使用Microsoft Visual Studio Code打开_config.yml，看最后一栏的Deployment，按照

              deploy:
            type: git
            repo: git@github.com:你GitHub的用户名/你GitHub的用户名.github.io.git
            branch: main

    来填

  • 部署

    这样一来，我们该做的都做了，请执行(必须先cd进你存放博客的文件夹)

      hexo clean
  hexo g
  hexo d

    将你的文件上传到GitHub，在浏览器输入

      你GitHub的用户名.github.io

    即可查看你的博客

如果有什么我写错的地方或者不懂的地方请联系我的电子邮箱(im.moci@imoci.top)，我会及时给你答复