hexo-hexo+gitee搭建

此blog是学习hexo博客框架安装部署学习笔记

前言

因为笔者一直想要搭建一个属于自己的博客系统，有考虑使用云服务进行搭建，并自己编写博客代码，但是考虑到时间上的问题，于是选择了开源的博客框架通过GitHub发布的方式进行部署。在网上看到好多人都是使用hexo框架来进行搭建，随主流也选择hexo来进行搭建。

1. 安装node.js

node安装可以参考：https://baijiahao.baidu.com/s?id=1668673317564339449&wfr=spider&for=pc

2. 安装hexo-cli框架

1.使用npm/cnpm进行安装

npm install -g hexo-cli

2.验证是否以及安装成功

3.创建博客工作空间

1.创建放置博客文件夹

因为笔者使用的是windows10的系统所有就直接在磁盘下面进行创建

2.初始化博客文件夹

注意：当我们使用windows自带的cmd安装初始化时无法直接通过git去获取初始化数据的

笔者是通过git的命令客户端进行的初始化操作，显示一下红色框框中的内容为初始化成功

3.启动博客

hexo s

hexo启动后会出现如上图显示的访问地址localhost:4000 ，访问后如下图所示。到此证明你的博客以及搭建完成。

4.hexo博客框架的使用命令

当我们第一次打开并访问时，一个欢迎博客中已经列出了hexo的关键操作指令，如下图所示

4.创建博客并编写内容

1.通过 hexo new 命令创建

hexo n "你好hexo" -n 为new的缩小

2.查看创建的博客

3.编辑创建的博客的内容

在git bash 命令工具中是可以直接使用vim编辑器进行内容编辑

vim操作方式是和在Linux中的vim编辑器操作方式是一致的

4.查看编辑效果

退出到blog的主目录

清理，生成
hexo clean – 清理

hexo g --生成（g == generate）

运行查看结果
hexo s

3.gitee部署hexo

1.创建gitee远程仓库

2.安装hexo-deployer-git插件

npm install -save hexo-deployer-git

如果出现使用npm 无法下载hexo-deployer-git 插件，请使用cnpm
安装方式: npm install -g cnpm --registry=https://registry.npm.taobao.org

3.设置博客目录下的_config.yml

deploy:
  type: git
  repo: https://gitee.com/myhexo-blogs/myblogs.git
  branch: master

4.推送到gitee

5.配置gitee仓库Gitee Pages功能

1.进入gitee博客仓库

2.设置GiteePages

3.访问博客 https://myhexo-blogs.gitee.io/myblogs

当出现上述情况时，是由于样式路径问题需要在博客本地仓库的**_config.yml**文件中进行配置

再一次：hexo clean;hexo g;hexo d代码提交

重新更新GiteePages

再一次访问

4.自定义主题

1.寻找主题

这个主题款式不错

地址：https://github.com/litten/hexo-theme-yilia

更多主题可以在**https://hexo.io/themes/**中寻找，如果这些还不满足的话可以自寻查找。

2.下载主题

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

3.主题配置

1.配置_config.yml文件

在theme属性中添加需要替换的主题名称，保存修改

2.清理，运行

hexo clean – 清理

hexo g --重新生成

hexo s --运行hexo

3.推送到gitee

hexo d --推送到gitee上

重新刷新GiteePages

5.参考

程序羊up https://www.bilibili.com/video/BV1Yb411a7ty?t=1158