Hexo搭建博客网站

环境配置

1.安装 Node.js

打开 官网下载

在这里插入图片描述

2.安装 Git

打开 官网下载

在这里插入图片描述

下载速度可能有点慢,还有另外一种下载方式,通过 腾讯软件中心下载 这个速度就很nice了

Git Bash下载下来相当于就相当于Linux的终端窗口 ,就是windows里的cmd

在桌面右键打开Git Bash Here

输入下面命令,查看安装是否成功

git

配置Git

后续会用到,如果配置过请忽略

1.进入.ssh文件夹

打开Git Bash Here后,输入指令 注意~前有空格

cd ~/.ssh/

如果提示“No such file or directory" 那么可以输入下面指令来创建文件夹

mkdir ~/.ssh

在这里插入图片描述

2.设置用户名称和登录邮箱

配置你的github,这里的是你的github的用户名和email

配置的命令如下

git config --global user.name "用户名称"
git config --global user.email "登陆邮箱"
3.生成密钥

命令如下

ssh-keygen -t rsa-C "登录邮箱"
4.查看生成的密钥

查看密钥位置,命令如下

pwd

在这里插入图片描述
在这里插入图片描述

打开.ssh文件夹下的id_rsa.pub文件夹的内容,全部复制。然后登录你的github服务器个人账户设置中,寻找ssh key 菜单项,点击New SSH key ,然后粘贴即可.

在这里插入图片描述

5.测试是否成功

输入命令

ssh git@github.com

在这里插入图片描述

3.安装hexo

  1. 新建一个文件夹,我的文件夹名称是Blog, 位置在D:\Blog
  2. 打开文件夹,然后在空白处点鼠标的右键,选择Git Bash Here
  3. 输入下面命令,查看安装是否成功
node -v
npm -v

在这里插入图片描述
4. 我们需要先来装个cnpm提高速度,以后下载东西都用cnpm就ok了

在上面终端继续输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

输入下面命令,查看安装是否成功

cnpm

在这里插入图片描述

完成之后安装hexo

cnpm install -g hexo-cli

输入下面命令,查看安装是否成功

hexo -v

在这里插入图片描述
输入查看当前路径命令

pwd

在这里插入图片描述

然后运行命令,建立项目,我的文件夹名字Blog,文件夹位置在D盘

hexo init

结果如下:

在这里插入图片描述
在这里插入图片描述

4.运行测试

下面是经常用到的命令

hexo clean #用来清理缓存文件
hexo g      #生成文件
hexo  s     #运行本地服务器
hexo  d   #上传到服务器

运行hexo

hexo s

在这里插入图片描述

打开浏览器,输入

localhost:4000

在这里插入图片描述
出现这个,就说明本地环境搭载完成

5.传输云端

打开github,新建仓库,仓库名必须为 github的用户名.github.io

例如,github用户名为 mike ,那么你的仓库名必须为 mike.github.io

然后在 Blog文件夹的位置打开git

输入命令

cnpm install --save hexo-deployer-git --save

打开Blog目录下的_config.yml

在最后找到

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:

将其改为 注意:后有个空格

# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
  type: git
  repo: 填写你github刚建仓库的地址
  branch: master

然后在命令行输入

hexo d

如果不成功就输入一下三部曲

hexo clean
hexo g
hexo s
hexo d

成功之后在网站输入你的仓库名就可以访问云端了。

由此博客网站就搭建成功了

在此感谢我的伙伴 博哥

UP主 Codesheep

Hexo参考文档

git参考文档

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值