git+gitee博客搭建记录

1、安装 git 和 nodejs:

  • git官网:https://gitforwindows.org/

  • nodejs官网:https://nodejs.org/en/download/

安装完之后有点像cmd的窗口,右键 git bush

node -v
npm -v

查看是否安装成功

在这里插入图片描述

2、安装hexo

新建一个文件夹专门用来存博客相关的东西,之后git bush进入

下面开始安装hexo

Npm config set registry http://registry.npm.taobao.org

检查是否安装成功

开始安装hexo的依赖

可以看到原本的文件夹开始有文件了

预览一下本地效果

效果如下

3、部署到码云gitee平台

进入码云平台

新建一个仓库,仓库要使用自己的用户名

7OYJPI.png

复制这个仓库的ssh

7OYwqg.png

打开配置文件

7OYrIs.png

在最底部找到图中参数修改如下,并保存退出

7OYRMT.png

安装部署工具,这里我一直报错,情况如下

7OU3a4.png

之后看资料说是用cnpm可以,故而改用cnpm,首先安装cnpm

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

7OUyid.png

之后使用cnpm安装

7OU4eS.png

生成静态目录,多出一个public的文件,以后博文就是这个

7OULQ0.png

部署博客
在这里插入图片描述

在浏览器刚刚建的那个项目刷新页面
在这里插入图片描述

可以看到已经有文件了

在这里插入图片描述

点击服务选择gitee page
在这里插入图片描述

第一次需要实名
在这里插入图片描述

4小时办理结束,OK!
在这里插入图片描述

点击启动开始部署
在这里插入图片描述

访问这个生成的链接
在这里插入图片描述

啊啊啊!我这个好丑
在这里插入图片描述

在hexo公共的主题这里去找大佬的主题
https://hexo.io/themes/
在这里插入图片描述

用的这个主题,之后下载并解压
在这里插入图片描述
解压
在这里插入图片描述

复制这个大的文件夹到前面的博客文件夹的themes里面
在这里插入图片描述

再次打开配置文件,在上次修改的上面修改下主题,设置为上面复制过来的这个名字,之后保存并退出
在这里插入图片描述
修改
在这里插入图片描述
换为新文件夹的名字
在这里插入图片描述

预览一下
在这里插入图片描述

发现报错
在这里插入图片描述

原来是缺少依赖,根据原博客安装依赖
在这里插入图片描述

安装后再次预览
在这里插入图片描述

效果不错
在这里插入图片描述

4、配置主题

使用vscode打开我们的博客文件夹,结构如下
在这里插入图片描述

看到有两个配置文件,含义是不一样的
在这里插入图片描述

修改主副标题(修改整个的需要hexo s来生效,但是对某个主题的只需要刷新即可)
在这里插入图片描述

修改背景图
在这里插入图片描述

开启菜单栏其他标签
在这里插入图片描述
效果如下
在这里插入图片描述

打开页面
在这里插入图片描述

添加对应的类型,这样就构建好标签了
在这里插入图片描述

新建文章
在这里插入图片描述
标题和标签分类等
在这里插入图片描述

修改头像和格言

在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_51220742/article/details/123593203