1、 在本地安装hexo框架
1.1 安装git
下载链接:Git - Downloads (git-scm.com)
安装教程:Git 安装配置 | 菜鸟教程 (runoob.com)
1.2 安装Nodejs
下载链接:下载 | Node.js 中文网 (nodejs.cn)
安装教程:Node.js 安装配置 | 菜鸟教程 (runoob.com)
查看是否安装成功:
在桌面鼠标右键点击git bash here或者打开电脑CMD,依次输入以下指令
node -v #查看node版本
npm -v #查看npm版本
显示如下即成功:
1.3 安装淘宝的cnpm 管理器
npm install -g cnpm --registry=http://registry.npm.taobao.org
由于国内的镜像源速度较慢,所以我们利用 npm 来安装 cnpm ,在命令行中输入npm install -g cnpm --registry=https://registry.npm.taobao.org
然后回车(Enter),稍等一会便下载好了
查看cnpm版本
cnpm -v
1.4 部署hexo框架
cnpm install -g hexo-cli #部署hexo框架
hexo -v #查看hexo版本
1.5 搭建自己的博客
接下来尝试创建自己的博客,在自己想搭建本地博客的盘右键git bash
mkdir blog #创建blog目录
cd blog #进入blog目录
hexo init #生成博客 初始化博客
hexo g #部署hexo
hexo s #启动本地博客服务
成功后会发现该盘多了一个blog文件夹,内容如下图:
在电脑浏览器输入网址:http://localhost:4000/
如果能打开如下网页,hexo安装成功!在git bash
输入ctrl+c
结束本地服务。
2、 部署hexo到git上
2.1 注册Github账户
使用邮箱注册 GitHub 账户,选择免费账户(Free),并完成邮件验证。
2.2 将自己用户名及邮箱添加到git配置中
git config --global user.email "xxx" #xxx写邮箱地址(github注册邮箱)
git config --global user.name "xxx" #xxx写用户名(随意)
2.3 生成SSH密钥
git bash以下指令一路回车即可,密码不填默认无密码
ssh-keygen -t rsa -C "你的github邮箱" #没有的话执行此命令生成公钥和私钥
cat id_rsa.pub #查看公钥并复制
2.4 将密钥添加到github中
如果上述没办法复制,可以在C盘找到该文件,用VScode打开并复制内容
打开自己github的主页,点击右上角头像,打开setting
点击New SSH key,添加密钥
2.5 创建 Github Pages 仓库
GitHub 主页右上角加号 -> New repository:
- Repository name 中输入
用户名.github.io
- 勾选 “Initialize this repository with a README”
- Description 选填
填好后点击 Create repository 创建
点击Creat repository
即完成
2.6 部署Hexo到Github Pages
首先安装hexo-deployer-git
:
npm install --save hexo-deployer-git
打开blog
文件夹,找到_config.yml
文件,以VScode(任何编译器都行)打开,将deploy
的type
由github
改为git
:
deploy
type: git
repository: git@github.com:YOUR_ID/YOUR_ID.github.io.git
branch: master
2.7 部署自己的第一篇博客
选择一个markdown编辑器,推荐使用Typora
使用教程:2020Typora小白完全使用教程 - 知乎 (zhihu.com)
在blog文件夹中打开 git bash,输入如下命令创建文章,其中 title
为文章的标题
hexo new "title"
可见在\blog\source\_posts
中创建了一篇新博客
用Typora打开即可修改编辑博客里面的内容,在编写完成后即可以上传到github仓库
在blog文件夹git bash
hexo clean #清理
hexo g #生成
hexo d #将博客部署到github
如果在hexo d
时显示OpenSSL SSL_read: Connection was aborted, errno 10053
错误,可以在git上输入
git config --global http.sslVerify "false"
显示如下即部署成功:
可以访问 https://用户名.github.io/
查看自己的博客