1. 先下载安装Git和Node.js。

安装git时特别慢，所以又安装了一个==steam++加速器==（现名Watt Toolkit）虽然好像对这个也没有什么用，但是可以加速github;
安装Node.js时，由于系统自带的解压软件太强大，把Node.js当成安装包了，把这个解压软件卸掉就可以正常安装了。

2. 接下来就是使用npm安装Hexo。

  • 在命令行执行以下命令：
    $ npm install -g hexo-cli
  • 安装好后，打开git bash，再输入命令生成指定文件：
1
2
3
$ hexo init myBlog
$ cd myBlog
$ npm install
  • 最后运行hexo s命令，就搭建好Hexo的博客框架了。
  • 点击链接，即可预览 https://localhost:4000

    不过这个网页经常打不开，也不懂是什么原因

3.安装vscode

  • 使用vscode编辑器，方便设置主题

    刚开始没有下载编辑器，直接使用记事本，发现操作受限

  • [官网下载地址]：https://code.visualstudio.com/

4.设置主题

  • 打开官网https://hexo.io/themes/
    找到butterfly主题https://github.com/jerryc127/hexo-theme-butterfly
    找到installation,复制链接到git bash中运行，得到myBlog文件，打开”-config.yml”
  • 在其中找到”theme”,改成所选的主题名字”butterfly”即可
  • 再次运行hexo g 和hexo s，从浏览器中进入hexo即可预览效果
    butterfly主题配置

    安装主题渲染的时候，总是警告说有漏洞，所以就放弃安装图中最后的渲染了
    这里运行”Git Bash”的时候，文件打开错了，直接从theme目录下打开，导致运行不出结果，发现后改成==从”myBlog”根目录打开==就运行成功了。打开git bash
    不过我运行完出来的butterfly主题页面和官网上的不太一样？？？

5.写博客

  • 输入
1
hexo new "My new blog"
  • 然后在”vscode”打开”/source/_posts”的文件夹下的”.md”的文件，打开进入编辑博客

    注意”Markdown”格式的写法

6.部署博客到Github上

  • 创建一个仓库：”cyanrainddd.github.io”

    这里千万要注意，==仓库名要和GitHub的用户名一致==，我第一次尝试的时候，仓库名与用户名不一样，结果后期一直部署不成功。
    github仓库

  • 配置SSH key :
1
2
3
git config --global user.name "用户名"
git config --global user.email "邮箱"
ssh-keygen -t rsa -C "邮箱"
  • 查看ssh：
    cat -/.ssh/id_rsa.pub
  • 首次使用时还要确认并添加主机到本机SSH可信列表，输入ssh -T git@github.com，
    若返回Hi!xxx!You've successfully authenticated,but GitHub does not provide shell access.，则添加成功。
  • 进入github，新建ssh密钥

    我不小心把文件中的_rsa复制到密钥内容，所以显示密钥格式错误，应该是把上一步中查看得出的密钥输入。

  • 链接本地和Github：
1
2
3
4
deploy:
  type: git
  repo: https://github.com/cyanrainddd/cyanrain.github.io.git
  branch: master

部署截图

注意冒号后面要加空格

  • 安装部署插件：
    npm install hexo-deployer-git ---save
  • 最后，输入以下命令即可上传：
1
2
hexo g
hexo d

7.感谢

  • 最后，感谢学长们耐心解答我的奇奇怪怪的小问题！非常感谢！
  • 特别记录一点，==注意直接部署到GitHub和GitHub Page的区别==
    部署截图
    区别截图