利用hexo和github搭建个人独立博客

1. 前置工具&&环境

  1. github
  2. Node.js
  3. hexo
  4. git

2. 下载node.js和git

  1. Git官网
    1. 点击download下载即可,一路next没啥问题
      Git Download
  2. node.js官网
    1. Hexo是基于 Node.js 驱动的一款博客框架
    2. 也是直接点击download即可
      node.js Download
  3. 以上两个下载完成后再cmd控制台中输入以下,有出现版本号即可
    1. node -v
    2. npm -v
    3. git -v
      CMD显示

3. 安装hexo

  1. 在自己的目录中新建一个文件夹来存放你的博客文章
    hexo目录建立
  2. 进入文件夹中,右键选择”显示更多选项”,点击git bash
    1. 跟换淘宝源(下载更快一点),使用命令行npm install -g cnpm --registry=https:\//registry.npm.taobao.org
      淘宝源
    2. 下载hexo,使用命令cnpm install -g hexo-cli
    3. 进行初始化,使用命令hexo init,并且文件夹中多出一堆文章(发现自己少了什么也没事,下图是写博客时照的,init成功一般就好了)
      hexo init
      hexo init
    4. 在git bash中输入hexo s或者hexo server(二者一样),有hello world界面就好了(这个界面是自带的),出现这个界面也就成功了,hexo安装正常完毕
      hexo s

4. 注册github并创建库

  1. github网站
    1. 需要魔法(可以直接用steam++加速github单个,现在改名叫Watt Tookie)
    2. 如果是未使用过的用户需要先注册,sign up按要求走就可以了
    3. 注册之后邮箱会收到一封Github的邮件,点击Github的链接确认注册即可
      注册图片
  2. 注册完毕后,创建一个仓库
    1. 点击右上角个人头像,点击其中的Your repositories
      创建仓库
    2. 点击右上角绿色的new按钮,输入仓库名,选择public类型,其他不用去改动它
      1. 注意此处的仓库名一定要是用户名.github.io,否则会打不开网页
        初始化仓库
    3. 复制下ssh,下面要用
      ssh

5. 设置ssh密钥

  1. 首先生成ssh公钥
    1. 在git bash下输入cd ~/.ssh进入ssh文件
    2. 在git bash中的ssh文件中输入命令ssh-keygen -t rsa -C 注册时的邮箱地址
  2. 配置ssh到github中
    1. 在我的电脑中打开C盘找到 用户,进入发现有一个.ssh的文件夹
    2. 点击进去看见
      ssh
    3. 接下来要点开id_rsa.pub文件,不能是id_rsa文件(如果点击会改变,需要重开),从头到尾复制下来(ssh-rsa 也要)
    4. 回到github同样点击右上角头像,找到setting按键, 将刚刚在.ssh目录下所复制的id_rsa.put文件中的信息复制进key,名字的话随便取都可以
      ssh
      ssh
    5. 验证是否添加成功,输入命令ssh -T git@github.com并且输入yes之后,行末尾会显示你的用户名,同时会有邮箱提醒
  3. 最后对本地的git进行全局配置
    1. 输入命令:git config --global user.name "注册时用户名"
    2. 输入命令:git config --global user.email "注册时邮箱"

6. 撰写文章并发布

  1. 先打开目录下的_config.yml文件

    1. ctrl+f搜索关键字deploy

    2. 将deploy部分替换为

      1
      2
      3
      4
      deploy:  
      type: git
      repo: git@github.com:用户名/用户名.github.io.git #这个是使用ssh的格式,注释可以不用加入
      branch: main
  2. 需要安装上传工具

    1. 在gitbash中输入命令 cnpm install hexo-deployer-git
    2. 需要在文件的根目录下运行命令
  3. 在hexo中创建文章(md格式)

    1. 在hexo中写博客是要浅学以下markdown的喔,一天基本就能学会了
    2. 写markdown的文章我是直接使用vscode,网上教程看一下就好
    3. 使用hexo new命令创建新文章
      1. 在哪里使用该命令都可以,会自动在soure中的_posts文件夹下产生md文件(也可以直接_posts文件夹中右键创建)
        hexo new
  4. 进行文章编写后预览

    1. vscode中文章编写完成后ctrl+s保存
    2. 在git bash中输入命令(在哪都可以)hexo s或者hexo server(上文有提到过)
    3. 会返回一个本机网址,进入网址即可看到自己的博客界面(默认主题未上传)
  5. 将文章上传至github上

    1. 输入命令hexo g先生成静态文件再hexo d部署到github上
    2. 再次访问个人网站即会出现你所作的更改啦(有时要等一会儿,不会马上就改变)

7. 结语

  1. 到这里hexo+github搭建个人博客就已经完成了,开始记录从0到1的成长之路吧!!!