准备工作(小白必看)

下载链接:nodejs

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

下载链接:git

​ 一键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 教程

创建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 [email protected]

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

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