抱歉,您的浏览器无法访问本站
本页面需要浏览器支持(启用)JavaScript
了解详情 >

前言

思前想后,不知是选用hexo搭建博客还是vuepress搭建博客,但最后还是选择hexo来搭建博客。我是更想拥有一个属于自己的博客网站的,无论是记录下自己一步一个脚印的成长还是复习之前学过的知识。

一:环境部署

1.1:安装Node.js

进入Node.js官网安装,选择对应系统下载

官网链接

image-20230321193350554

检查

打开cmdpowershell输入。

如若显示版本号则安装成功

1
2
node -v
npm -v

image-20230321193721083

1.2:安装Git

进入Git官网安装,选择对应系统下载

官网链接

image-20230321193859453

检查

打开cmdpowershell输入。

如若显示版本号则安装成功

1
git --version

image-20230321193936070

1.3:注册Github账号

到Github官网注册即可

如果已有github账号直接登录

image-20230321194253059

新建项目

image-20230321194602794

image-20230321194616358

项目名字格式是

你的昵称.github.io

例如我的昵称是:1357618897

image-20230321194717285

1.4:安装Hexo

在合适的文件夹中右击,选择Git Bash here,输入以下指令,安装hexo-cli

1
2
cd /e/hexo/
npm install hexo-cli -g

image-20230321195203524

安装hexo

1
2
npm install hexo --save

检查

1
2
hexo -v

image-20230321195247783

初始化文件夹

1
2
3
cd /e/hexo/
hexo init
npm install

生成hexo页面

1
2
hexo g

启动服务

1
2
hexo s

本地的端口一般开的是4000,打开浏览器输入查看即可

默认是localhost:4000

image-20230321195533090

出现这个页面就大功告成了

1.5:将Hexo部署到Github上

配置个人信息

1
2
git config --global user.name "XXXX"
git config --global user.email "XXXXXXXXX@XXX.com"

生成密钥

1
2
ssh-keygen -t rsa -C "XXXXXXXXX@XXX.com"

查看C盘用户 .ssh文件中的id_rsa.pub文件,并打开将其全部内容复制

image-20230321195908574

在github中添加ssh key

image-20230321200025377

修改hexo根目录下的文件_config.yml中的deploy,添加之前保存的ssh:

注意:branch:master。github版本更新将main分支改为了master分支,这里也要改

1
2
3
4
5
6
deploy:
type: git
repository:
github: git@github.com:1357618897/1357618897.github.io.git
branch: master

部署到Github上

1
2
hexo d -g

评论