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

57次阅读

共计 1872 个字符,预计需要花费 5 分钟才能阅读完成。

原文链接:基于 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

    呈现如下信息,阐明曾经功败垂成!

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

正文完
 0