Win11安装及部署hexo

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(任何编译器都行)打开,将deploytypegithub改为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/查看自己的博客

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

吃瓜小青年

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值