Hexo+github搭建博客

Hexo+github搭建个人博客

hexo+github 搭建个人博客,零基础小白自建博客,就是玩儿!


安装搭建博客需要的工具

工具下载安装

  • Node.js好像需要魔法

  • git

  • Hexo

    • 由于用到npm命令,所以需要先安装Node.js

    • win+r 进入命令行输入以下命令

      1
      npm install hexo-cli -g//-g前有一个空格

检验是否安装成功

  1. win+r进入命令行
  2. 依次输入: node -v后回车, npm -v后回车, git --version后回车,hexo -v后回车。(-之前都有一个空格)
  3. 若三次回车后均显示版本号则安装成功

搭建仓库

github注册账号:

(记住用户名和邮箱,以后你的博客网址应该是:用户名.github.io)

新建仓库:

  1. 点击右上角头像旁边的+号,选择new repository
  2. Repository name 填写为:用户名.github.io
  3. Add a README file 可以勾上也可以不管,Description可写可不写。
  4. 其他不用管,点击Create repository即可创建成功。

生成SSH keys

  1. 进入电脑中任何一个盘的随便一个文件夹,在空白处右键选择Git Bash Here。

  2. 输入ssh后回车检查是否安装ssh,安装git工具时已经安装过了。

  3. 输入如下命令:

    1
    ssh-keygen -t rsa -C"GitHub注册的邮件地址"//后两个-前有一个空格,git 里面粘贴不是Ctrl+v,右键选择paste可以粘贴
  4. 然后敲击四次回车

  5. 在c盘/用户/用户名/.ssh路径下找到id_ras.pub文件打开,全选里面内容并复制。

  6. 打开github,点击头像选择settings,在左侧选择SSH and GPG keys ,再到右侧选择New ssh key,将复制的内容粘贴到Key里,Title随便写,然后点击Add SSH key。

  7. 测试ssh是否绑定成功:在git窗口中输入:ssh -T git@github.com后回车显示:Hi 用户名,you’ve successfully ………..即是成功,可能会有warning,不用管。

本地生产博客内容

  1. 在合适的地方新建一个文件夹用来存放博客的相关文件,这里我取名为blog
  2. 打开进入这个文件夹,git bush here进入git命令行
  3. 输入hexo init初始化博客,失败多试几次就阔以了,服务器在歪果,网络原因。
  4. hexo g 生成页面。
  5. hexo s 启动服务,此时在浏览器中输入localhost:4000即可在本地访问自己的博客。(不要按ctrl+c,这样就关闭服务了)

发布博客到互联网

  1. 在blog目录下找到_config.yml文件打开,将最后的deploy:type替换成

    1
    2
    3
    4
    deploy:
    type: git
    repository:
    branch: main//注意冒号均为英文,且冒号后均有一个空格

    repository: 后面的内容:找到并进入自己所创建的那个仓库,点击Code(绿色的那个),将https下的那一串复制过来就行了。

  2. 保存这个文件。

  3. 进入blog文件夹git bush here输入

    1
    npm install hexo-deployer-git --save回车
  4. hexo g回车

  5. hexo d(第一次需要验证,以前好像需要令牌,现在似乎不需要了,但会跳到浏览器让你登录GitHub以验证账户),失败了多试几次,网络原因。

  6. 然后就可以输入网址访问了。

新建博客

  1. 在blog文件夹下git bush here,输入hexo new xxx(xxx表示博客名称)。
  2. 进入blog\source_posts找到刚刚创建的文件,打开即可编辑(markdown格式)。
  3. 编辑完成后保存,在git中输入hexo s即可通过localhost:4000在本地预览。
  4. 预览没毛病后在git中输入hexo g 创建页面,之后输入hexo d 部署页面(此时不需要验证,但网络问题可能要多试几次),这样再通过网址访问就可以显示新写的博客了。
只想买包辣条~
End~~ 撒花ฅ>ω<*ฅ花撒