准备工作（小白必看）

下载链接：nodejs

​ 这里我准备的是历史版本的下载链接，好像最新版的不更新npm，需要自己去手动更新，总之特别麻烦，尽量下载旧版本。

下载链接：git]((git-scm.com))

​ 一键next下去就行，如果有什么特殊需求自行配置，路径什么的自己更改

下载链接：Typroa

​ 这里我准备的下载包，是某个大神经过破解的版本。

下载链接：vscode，这是我使用的编辑器 ，你也可以用其他的，不一定要使用我的这个

​ 注：这是我打包好的下载链接,后续可能会更新，自己去网页搜索下载。当然，下载速度不敢恭维，你可以使用CDN加速下载,或者使用IDM来下载,下面的是国内加速的使用方式,IDM下载在隔壁

1
2
3
4
5
6
国内加速链接:vscode.cdn.azure.cn
<!-- 原下载链接 -->
https://az764295.vo.msecnd.net/stable/30d9c6cd9483b2cc586687151bcbcd635f373630/VSCodeUserSetup-x64-1.68.1.exe
<!-- 更改后的链接，新版本链接自己获取-->
https://vscode.cdn.azure.cn/stable/30d9c6cd9483b2cc586687151bcbcd635f373630/VSCodeUserSetup-x64-1.68.1.exe

下载链接：IDM

​ 注：我准备的这个是破解版，如果后续更新请提醒我！

安装hexo框架

点击查看安装 Hexo 教程

  1. 我们要新建一个文件夹，这个目录就是你的博客目录了，文件夹名可以取名自己喜欢的。

    • 首先我们前往官方网址：hexo官网
    • 使用npm安装hexo
    1
    2
    3
    4
    5
    6
    npm config set registry https://registry.npm.taobao.org
    #下载慢的用这个，将npm源替换为阿里的镜像。之后的安装就会迅速   很多了
    npm install hexo-cli -g
    # hexo-cli 是 hexo博客的指令集
    hexo init
    # 有了指令集以后，使用它的初始化指令来初始化安装Hexo博客

    注：如果无法下载文件（基本上情况都是这样，只要你没有设置管理员权限，只能用以下方式下载安装），转入管理员模式，Windows在运行下ctrl + shift + enter 就可以以管理员身份运行, 然后跳转到自己的博客目录 下。

  2. 安装插件，在自己的博客目录 下运行，按照自己的需求选择下载安装插件。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    npm install hexo-renderer-stylus --save
    # nib css支持插件，如无需求，可跳过
    npm install hexo-generator-feed --save
    # RSS订阅支持插件，如无需求，可跳过
    npm install hexo-generator-sitemap --save
    # sitemap生成插件，帮助搜索引擎抓取，如无需求，可跳过
    npm install hexo-admin --save
    # 网页端hexo文档管理插件，如无需求，可跳过
    npm install hexo-deployer-git --save
    # git部署插件，必须安装

  3. 常用命令

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    hexo clean
    #清空缓存 
    hexo g #generate的简写
    #重新编译
    hexo s #server的简写
    #打开本地访问
    hexo new <layout> "文章title"
    #新建文章
    hexo d #deploy的简写
    #部署到云端

  4. 本地预览命令：在博客目录 的路径下执行以下命令。

    1
    hexo s #server的简写

    然后在浏览器中打开链接 ,就能看到我们已经布置好的博客了

    注：如果你安装了hexo-amin插件，就可以访问管理你的文章,并且你可以在可视化的界面下操作你的文章内容。

    至此，博客第一步安装就完成了。

注册或者登录GitHub

点击查看 Github 教程

  1. 创建GitHub官网仓库

    • 首先我们前往官方网址：GitHub官网

    • 点击右上角的Sign up（注册），或者是Sign in（登录）,注册我就不说明了，不知道的可以自行百度。

  • 仓库的格式必须是：<用户名>.github.io

  • Description：为描述仓库（选填）

  • 勾选 Initialize this repository with a README 初始化一个 README.md 文件

  • 点击 Creat repository 创建

​ 那么，现在我们就可以进行下一步的步骤了

安装 Git 可跳过

点击查看 Git 配置教程
  1. 第一步安装好 Git
    • 点击鼠标右键,就可以看见已经安装好的、 Git ，或者在开始菜单搜索。
    • Git cmd是 Windows 命令行的指令风格。
    • Git Bash Linux 系统的指令风格（建议使用）
    • Git GUI 是图形化界面（新手学习不建议使用）
  2. 第二步，打开 Git Bash ，在创建好的博客目录下打开。

环境配置

Git 配置教程

  1. 常用的 Git 命令。

    1
    2
    3
    4
    5
    git config -l  //查看所有配置

    git config --system --list //查看系统配置

    git config --global --list //查看用户（全局）配置

  2. 使用 Git 配置用户名和邮箱。

    1
    2
    3
    git config --global user.name "你的用户名"

    git config --global user.email "你的邮箱"

  3. 连接常用的 Git 命令。

    1
    2
    3
    4
    5
    git config -l  //查看所有配置

    git config --system --list //查看系统配置

    git config --global --list //查看用户（全局）配置

  4. 使用 Git 配置用户名和邮箱。

    1
    2
    3
    git config --global user.name "你的用户名"

    git config --global user.email "你的邮箱"

    • 输入后没有报错就代表布置成功了

    • 可以通过 config -1 来检查是否配置成功，从这里 Git 安装及配置就全部完成了。

  5. 连接 GitHub

    • 在命令行下执行指令，生成 ssh 公钥。
    1
    ssh-keygen -t rsa -C "你的邮箱"
    • 之后打开自己C盘下用户文件夹下的.ssh的文件夹，会看到 id_rsa.pub 文件
    • 用记事本打开上述图片中的公钥（id_rsa.pub），复制里面的全部内容，然后开始在 GitHub 中配置ssh密钥。

  6. 将 SSH KEY 配置到 GitHub 下。

    • 进入 GitHub ，点击右上角头像选择 settings

    • 然后点击 Add SHH key 保存

  7. 我们开始测试连接，输入以下命令

    1
    ssh -T git@github.com

    如果出现以下的信息，就代表你已经连接上了 GitHub 。

    到了这里，就代表你完成了环境的准备工作，后续就可以继续完善你的博客并上传到你的云端了。