# 准备工作

🚀安装 Git - 🚀安装 Node.js - 🚀安装 Hexo 框架

# 安装 git

  • Git 是目前世界上最先进的分布式版本控制系统,你可以用来管理你的 Hexo 博客,部署到 GitHub 仓库。
  • Windows:到 Git 官网上下载,Download Git, 安装后会有一个 Git Bash 的类似 Dos 命令窗的工具,可右键选择并使用。
  • Linux:linux 安装打开命令窗输入下面的代码
sudo apt-get install git

git --version 可查看版本

# 安装 Node.js

  • Hexo 框架就是基于 Node.js 写的,需要 Node.js 和里面的 npm 工具来支撑。
  • Windows:直接去官网下载安装就可以 Node.js
  • Linux:需要执行下面这两行代码
sudo apt-get install nodejs
sudo apt-get install npm
  • 查看版本
node -v
npm -v
  • 如果你不喜欢 Windows 自带的 Dos 命令窗可以右键使用 Git Bash 窗口来操作,我感觉我还是喜欢自带的这个看自己喜好。

# 安装 Hexo 框架

  • win+r 输入 cmd 可打开 dos 命令窗
  • 先在桌面创建一个 blog 文件夹然后在复制此文件夹路径
    img.png
  • 然后在命令行窗口输入 cd C:\Users\Administrator\Desktop\blog 需要注意:cd 后面有一个空格然后粘贴你刚才复制的路径然后回车即可,如果用的是 Git Bash 窗口需要右键选择 Paste 然后回车.
  • cd 到 blog 文件夹后输入下面的代码
npm install -g hexo-cli
  • 查看版本 hexo -v

# 初始化 Hexo 框架

hexo init newblog
  • init 后面的是文件夹名称可自定义
  • cd 到 newblog 文件夹下面
cd newblog
  • 安装 npm 工具
npm install
  • 该目录下面会有以下文件
node_modules: #依赖包
public #生成的 HtML 页面
scaffolds #生成文章的一些模板
source #你的文章就存在该文件夹下
themes #主题
_config.yml #配置文件
  • 输入以下命令可查看博客效果
hexo g #生成博客
hexo server #启动服务 可以简写成 hexo s
  • 之后在浏览器输入 localhost:4000 就可以看到你刚生成都博客了
  • 生成的肯定不会多漂亮,嫌弃丑?那就去 Hexo 官网找一个主题 或者自己码一个
  • 下载的主题放在 newblog 目录下的 themes 文件夹下
  • 修改配置文件,不是主题配置文件
  • 打开_config.yml
    img.png
  • Ctrl+C 关掉服务
  • 稍后咱在来美化主题

# 打开 GitHub 创建个人仓库

  • 如果没有 Git 账号需要先注册一个
  • 注册完登录后,在 GitHub 中可以看到一个 New repository,新建仓库
    img.png
  • 因为我创建过了所以只有 new 新注册的应该是 New repository 反正点 New 就对了
  • 注意:创建仓库的时候仓库名称要跟你的用户名一致然后在后面加上 .github.io 别漏了最前面的点
  • 例如你的用户名是 Rain , 仓库名称就是 Rain.github.io
    img
  • 然后点绿色的 Create repository 就创建完成了

# 生成 SSH 秘钥并添加到 GitHub

  • 回到命令窗
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub邮箱"

git config --global user.name 后面注意:用户名跟邮箱都是需要用英文状态下的双引号引起来的

  • 查看账户
git config user.name
git config user.email
  • 然后创建 SSH, 一直回车即可
ssh-keygen -t rsa -C "你的Git用户名"
  • 生成的.ssh 文件夹在你的电脑 C 盘 C:\Users\Administrator\.ssh 可复制此路径
    img.png
  • 红色的箭头可粘贴此路径按回车就到该文件夹下面了
  • 绿框框起来的就是你的秘钥了一个是公钥一个是私钥
  • id_rsa.pub 这个是公钥
  • 打开该文件,如果你电脑上没有能打开的软件可以下载一个 notepad++
  • notepad++ 是一款轻量级的编码软件
  • 打开 id_rsa.pub 该文件,可以看到一串很长很长的文本然后复制
  • 打开 GitHub 点击右上角头像找到下面的 Setting
    img.png
  • 然后找到 SSH and GPG Keys
    img.png
  • 添加新的 SSH
    img.png
  • 标题随便写 把你刚才复制的秘钥粘贴进去然后保存即可
  • 回到命令窗输入以下代码
ssh -T git@github.com

img.png

  • 如果显示你的用户名则成功了
You've successfully authenticated, but GitHub does not provide shell access.
#这句话意思是您已成功通过身份验证,但 GitHub 不提供 shell 访问。

# 配置 Hexo 的_config.yml 文件

  1. 这是重要的一步
  2. 如果不配置将无法部署到 GitHub
  3. 打开 newblog 目录下的_config.yml 文件
    img.png
  4. 找到最后的 deploy
  5. repository 放你 GitHub 仓库的地址链接
  6. https://github.com/Rain238/Rain238.github.io.git 复制该链接把 Rain238 换成你自己的用户名
  7. 安装 deploy-git 安装此工具你才可以使用 Hexo 的部署命令
npm install hexo-deployer-git --save
  • 然后输入一下命令
hexo clean #删除你之前生成的 HTML 页面
hexo generate #生成 HTML 页面 简写 hexo g
hexo deploy #将生成好的 HTML 页面部署到 GitHub 简写 hexo d

img.png

  • 这段话就是部署成功的意思
    img.png
  • 如果出现 err 则是错误的意思你需要检查是否配置成功
  • 我这个 err 是因为 GitHub 是国外的网站国内有时候访问不了
  • 可以使用这款软件 pigcha 加速器注册就送 500MB 流量,很银杏话非常的方便
  • 挂上 V 皮嗯就可以部署成功了
  • 等一会你就可以去访问此链接了换成你的用户名访问即可 http://你的Git用户名.github.io
更新于 阅读次数

请我喝[茶]~( ̄▽ ̄)~*

Light Rain 微信支付

微信支付