Hexo+gitee 从 零 -> 上线,图文步骤记录...

文章目录

  • 个人博客搭建(Gitee)
    • 1.为什么用 gitee ?
    • 2.为什么使用 Hexo ?
    • 3.起步
      • 3.1.全局安装 hexo
    • 4.创建 gitee 仓库
    • 5.修改 `_config.yml` 配置文件
    • 6.安装自动部署发布插件
    • 7.发布命令
    • 8. 开启 Gitee Pages 服务(部署到线上)

个人博客搭建(Gitee)

1.为什么用 gitee ?

用码云搭建的 hexo 博客,push上去之后,gitee普通版的page不支持自动更新,pro版本(99元/年)才支持,另外码云也不支持自定义域名,国内访问速度快。

2.为什么使用 Hexo ?

Hexo
基础搭配:Gitee + Gitee Pages + Hexo
优点

  • 免费 - Gitee
  • 快速 - Node运行环境、前端个人站点首选
  • 简洁 - MarkDown
  • 轻量 - 全部静态文件
  • 支持导入WordPress等博客
    不足
  • 更换电脑不变 - 需重新安装环境(无奈)
  • 静态博客 - 后期不便于维护
  • 多媒体管理较难

3.起步

确保你的电脑已经安装 Git && Node.js 环境下进行一下操作。

3.1.全局安装 hexo

npm install hexo-cli -g


hexo init blog


cd blog

Hexo+gitee 从 零 -> 上线,图文步骤记录..._第1张图片
Hexo+gitee 从 零 -> 上线,图文步骤记录..._第2张图片

npm s

或者

npm server

Hexo+gitee 从 零 -> 上线,图文步骤记录..._第3张图片

http://localhost:4000
Hexo+gitee 从 零 -> 上线,图文步骤记录..._第4张图片
这样就可以在 本地 访问

4.创建 gitee 仓库

Hexo+gitee 从 零 -> 上线,图文步骤记录..._第5张图片
Hexo+gitee 从 零 -> 上线,图文步骤记录..._第6张图片
Hexo+gitee 从 零 -> 上线,图文步骤记录..._第7张图片

搭建好的仓库,复制 gitee 地址


5.修改 _config.yml 配置文件

可以参考文档 Hexo配置文档
这里采用 vi 编辑器
或者可以用记事本打开也可以

vi _config.yml

按键 i 是插入
·Esc 是退出编辑模式
wq 保存并退出
Hexo+gitee 从 零 -> 上线,图文步骤记录..._第8张图片
将上一步复制的 gitee 地址复制到 repo 参数里
==branch 为主要上传的分支,默认就是 master ,写不写都行

6.安装自动部署发布插件

npm install hexo-deployer-git --save

Hexo+gitee 从 零 -> 上线,图文步骤记录..._第9张图片

注: 我这里用了 cnpm 的国内镜像 下载比较快,不安装也可以用 npm 正常下载
有兴趣可以自行安装下载 cnpm

7.发布命令

hexo clean && hexo g && hexo d

hexo clean 为清除多余无用文件
hexo g 上传到 gitee

缩写

hexo d -g

Hexo+gitee 从 零 -> 上线,图文步骤记录..._第10张图片
Hexo+gitee 从 零 -> 上线,图文步骤记录..._第11张图片

此时本地的文件就托管到码云上了


8. 开启 Gitee Pages 服务(部署到线上)

Hexo+gitee 从 零 -> 上线,图文步骤记录..._第12张图片
Hexo+gitee 从 零 -> 上线,图文步骤记录..._第13张图片
在这里插入图片描述

点击即可跳转到你的部署页面了~


后续是配置主题和一些常用的功能 持续更新ing…

你可能感兴趣的:(安装教程,hexo,gitee)