gitee+hexo搭建个人博客

前言

本教程为Tic俱乐部的博客活动教程,参考借鉴了许多前辈的建站经验汇总而成,侵删!

安装

本次搭建博客需要以下软件作为支撑

下载链接已经附在后方,安装教程在网上自行寻找,基本没有大问题。下面重点为hexo的安装和配置。

在Windows系统下的安装:通过win+R,输入cmd进入命令行。

首先配置国内镜像源

npm config set registry https://registry.npm.taobao.org #配置国内的镜像源
npm info hexo # 测试查看hexo的安装信息,是否是taobao.org的源

这里最好是配置taobao.org源,其他镜像源也可以,但可能会报错。

然后安装hexo:

npm install -g hexo         # 通过npm安装hexo

因为-g指定全局安装,所以我们再切换到桌面路径进行操作

hexo init test # 初始化创建,会再桌面创建test文件夹
cd test # 进入test目录
npm install # 进一步安装hexo所需文件

如果安装中遇到ERR,可能是在hexo安装过程中文件没有下载完全,需要再次下载检查,必要时可以科学上网。如果碰到clone失败,将test文件夹删除后再进行创建操作。

至此hexo已经安装完成,接下来就是启动hexo。

hexo clean            # 清除所有记录
hexo generate        # 生成静态网页
hexo server -p 80    # 启动服务

上述的三条指令是大家更换主题后经常用到的。

当出现下图时,就代表启动成功了,使用浏览器去访问图中的地址。

https://bzpovo.xyz/admin/write-post.php?cid=35###

网址界面

hexo界面.png

生成Blog

生成blog:

hexo new test        # 生成主页,在test/source/_posts下会生成test.md文件

上传gitee

在gitee上注册账户并创建仓库

创建仓库.png

在创建仓库完成后进入到仓库,复制URL

复制地址.png

到hexo的配置文件_config.yml修改相关信息

……
deploy:
  type: git                    # type为git
  repo: https://gitee.com/bzpovo/hexo.git    # 仓库的URL
……

这里先安装一个hexo的插件

Copynpm install hexo-deployer-git --save    # 安装git插件
git config --global user.email *********@qq.com    # 设置gitee邮箱(gitee的注册邮箱)
git config --global user.name ****            # 设置用户名(git的注册昵称)
hexo deploy    # 上传到gitee
# 在上传时,需要再次输入gitee的注册邮箱作为username,账户密码作为password

然后选择gitee pages 网页解析服务

Pages服务.png

然后开启或者更新,目前需要实名认证和手机号绑定,需要一个工作日处理。

每次重新上传网页后,都需要到这里来更新网页

主题配置

如果不喜欢现在的主题可以去next官网或者GitHub上自行搜索,相关拓展可以在next官网上去学习。

最后修改:2021 年 11 月 05 日 05 : 32 PM
如果觉得我的文章对你有用,请随意赞赏