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),我会及时给你答复