# 准备工作
🚀安装 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 文件夹然后在复制此文件夹路径
- 然后在命令行窗口输入
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
Ctrl+C
关掉服务- 稍后咱在来美化主题
# 打开 GitHub 创建个人仓库
- 如果没有 Git 账号需要先注册一个
- 注册完登录后,在 GitHub 中可以看到一个 New repository,新建仓库
- 因为我创建过了所以只有 new 新注册的应该是 New repository 反正点 New 就对了
- 注意:创建仓库的时候仓库名称要跟你的用户名一致然后在后面加上
.github.io
别漏了最前面的点 - 例如你的用户名是
Rain
, 仓库名称就是Rain.github.io
- 然后点绿色的 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
可复制此路径 - 红色的箭头可粘贴此路径按回车就到该文件夹下面了
- 绿框框起来的就是你的秘钥了一个是公钥一个是私钥
id_rsa.pub
这个是公钥- 打开该文件,如果你电脑上没有能打开的软件可以下载一个 notepad++
- notepad++ 是一款轻量级的编码软件
- 打开
id_rsa.pub
该文件,可以看到一串很长很长的文本然后复制 - 打开 GitHub 点击右上角头像找到下面的 Setting
- 然后找到 SSH and GPG Keys
- 添加新的 SSH
- 标题随便写 把你刚才复制的秘钥粘贴进去然后保存即可
- 回到命令窗输入以下代码
ssh -T git@github.com |
- 如果显示你的用户名则成功了
You've successfully authenticated, but GitHub does not provide shell access. | |
#这句话意思是您已成功通过身份验证,但 GitHub 不提供 shell 访问。 |
# 配置 Hexo 的_config.yml 文件
- 这是重要的一步
- 如果不配置将无法部署到 GitHub
- 打开 newblog 目录下的_config.yml 文件
- 找到最后的
deploy
repository
放你 GitHub 仓库的地址链接https://github.com/Rain238/Rain238.github.io.git
复制该链接把 Rain238 换成你自己的用户名- 安装
deploy-git
安装此工具你才可以使用 Hexo 的部署命令
npm install hexo-deployer-git --save |
- 然后输入一下命令
hexo clean #删除你之前生成的 HTML 页面 | |
hexo generate #生成 HTML 页面 简写 hexo g | |
hexo deploy #将生成好的 HTML 页面部署到 GitHub 简写 hexo d |
- 这段话就是部署成功的意思
- 如果出现 err 则是错误的意思你需要检查是否配置成功
- 我这个 err 是因为 GitHub 是国外的网站国内有时候访问不了
- 可以使用这款软件 pigcha 加速器注册就送 500MB 流量,很银杏话非常的方便
- 挂上 V 皮嗯就可以部署成功了
- 等一会你就可以去访问此链接了换成你的用户名访问即可
http://你的Git用户名.github.io