乐趣区

关于前端:Hexo-Butterfly-从零开始搭建个人博客一

jiezi

原文链接：基于 Hexo 从零开始搭建集体博客（一）

前言

  1. 博客搭建过程遇到任何问题，优先在本页面搜寻，查看是否曾经有该配置教程。
  2. 遇到问题能够优先在文章评论区留言，留神留言时请填写正确的邮箱以确保能收到站长的回复。
  3. 切实解决不了的问题可增加站长 Wechat，增加好友时请备注本人的姓名 + 业余，如 张三 计算机科学与技术。

环境筹备

本教程次要面向 Windows 用户

  • 操作系统：Windows10
  • Node
  • Git
  • Hexo
  • idea（举荐应用 Visual Studio Code）
  • 一个 GitHub 帐号
  • 一个云服务器（可选）
  • 一个域名（可选）

装置 Node

对于前端工程师，或正打算学习前端相干常识，倡议用 nvm 来治理 Node 版本，请移步教程 nvm,npm 与 nrm。

如果你不须要灵便切换 Node 版本，走上面的教程即可。

  1. 关上 Node 官网，下载和本人零碎相配的 Node 的安装程序，否则会呈现装置问题。

    如果前面丑化过程中须要拉取豆瓣信息，哔哩哔哩番剧等，倡议装置较低的 Node 版本(v12.18.0)。

    查看历史版本，找到 v12.18.0 进行下载。

  2. 下载后傻瓜式装置即可，装置的目录能够应用默认目录【C:/Program Files/nodejs/】，也能够自定义门路。
  3. 装置实现后，查看是否装置胜利。在键盘按下 win + R 键，输出 CMD，而后回车，关上 CMD 窗口，执行node -v 命令，看到版本信息，则阐明装置胜利。

  4. 批改 npm 源。npm 下载各种模块，默认是从国处服务器下载，速度较慢，倡议配置成淘宝镜像。关上 CMD 窗口，运行如下命令:

    npm config set registry https://registry.npm.taobao.org

装置 Hexo

在指标门路关上 CMD 窗口，输出 npm install -g hexo-cli 装置 Hexo 环境。

npm install -g hexo-cli

装置完后输出 hexo -v 验证是否装置胜利。

注册 GitHub 帐号

  1. 进入官网 https://github.com/
  2. 点击右上角的 Sign up(注册)，不是 Sign in（登录）。
  3. 填写本人的邮箱、明码、用户名等信息，而后用邮箱验证即可实现。

创立 GitHub 仓库

点击右上角的 + 按钮，抉择 New repository，创立一个< 用户名 >.github.io 的仓库。

找不到创立入口的，拜访：https://github.com/new

  • 仓库的格局必须为：< 用户名 >.github.io
  • Description：为形容仓库（选填）
  • 勾选 Initialize this repository with a README 初始化一个 README.md 文件

  • 点击 Creat repository 进行创立

    Git 装置 && 连贯 Github

装置

  1. 进入官网：https://git-scm.com/downloads，因为官网下载太慢能够通过淘宝的开源镜像下载 网址：https://registry.npmmirror.co…，下载版本更具本人的需要抉择即可。
  2. 下载后傻瓜式装置 Git 即可，装置的目录能够应用默认目录【C:/Program Files/Git】，也能够自定义门路。

  3. 点击电脑左下角开始即可看见 Git Bash。

    • Git CMD 是 windows 命令行的指令格调
    • Git Bash 是 linux 零碎的指令格调（倡议应用）
    • Git GUI 是图形化界面（老手学习不倡议应用）

  4. 关上 Git Bash 后如下图所示即代表装置实现。

    环境配置

  5. 常用命令

    
git config -l  // 查看所有配置

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

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

  6. 配置用户名和邮箱

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

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

    输出后没有报错即代表设置胜利。

    通过 git config -l 查看是否配置胜利，至此 git 装置及配置全副实现。

    连贯 Github

  7. 生成 ssh 公钥，执行以下命令

    ssh-keygen -t rsa -C "你的邮箱"

    之后关上 C 盘下用户文件夹下的.ssh 的文件夹，会看到 id_rsa.pub

    用记事本关上上述图片中的公钥（id_rsa.pub），复制外面的内容，而后开始在 github 中配置 ssh 密钥。

  8. 将 SSH KEY 配置到 GitHub
    进入 github，点击右上角头像 抉择settings

    进入设置页后抉择 SSH and GPG keys

  9. 测试连贯，输出以下命令

    ssh -T git@github.com

    呈现如下信息，阐明曾经功败垂成！

以上就是所有步骤，祝贺你曾经实现了环境筹备工作~

退出移动版