小白利用Hexo+Gitee搭建博客经历教程
这是我当时作为一个小白的时候,为了搭建自己的博客,而不断踩坑的经验总结教程,也是我第一次写的比较成功的教程。
致敬自己曾经作为一名科技迷而做的努力,希望未来会做的更好。
前言
新手小白搭建个人博客(不需要租服务器),跟着操作,不会算我输🤪
最终成效就是得到一个可以国内快速访问的,属于自己的博客网站,例如https://fwsgwsr.gitee.io
首先说明,不想租服务器来建博客的话,有两种方案
Hexo+码云(Gitee)
Hexo+Github
(这两个操作都是一样的,因为墙的原因,访问Github很慢,所以更建议用第一种)
…

一,所需要的软件和平台
必须的软件:
node.js(https://nodejs.org/en/)
Git (https://git-scm.com/downloads)或 Git镜像站(https://npm.taobao.org/mirrors/git-for-windows/)(镜像站下载的更快一点哦😝)
可根据个人爱好替换的软件:
Sublime (https://www.sublimetext.com/)或 Visual Studio Code (https://code.visualstudio.com/Download)
typora (https://www.typora.io/)(编写博客文章的软件,支持的是markdown (https://markdown.com.cn/)语法)
要用到的框架或平台:
Hexo (https://hexo.io/zh-cn/)
码云(Gitee)(https://gitee.com/)

二,安装node.js
1. 打开node.js(安装左边的稳定版 Recommended For Most Users)
2. 无脑下一步(安装路径想改就改,软件很小不占多少内存)
3. 检验一下是否安装成功:
win + R,输入cmd并且进入
输入:
node -v
(node.js 的检查)输入:
npm -v
(npm 的检查,npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题)

三,安装Git
1. 打开Git 或 Git镜像站进行安装
2. 具体可以搜一下教程,比较容易的
3. 具体说下配置和检验
在系统命令提示符(cmd)中输入:git --version,如果打印了Git的版本号,则安装成功。
配置个人的用户名称和电子邮件地址: 不会有人把"姓名"和"邮箱"真填成"姓名"和"邮箱"把?不会吧,不会吧……😂
$ git config --global user.name "姓名"
$ git config --global user.email "邮箱"
生成SSH密钥:(非常重要的东西!!!)
在桌面任意空白位置右击选择"
Git Bash Here
",启动Git的终端模拟器。输入:
ssh-keygen -t rsa
后回车,然后1) 密钥保存位置,默认是 /c/Users/用户名/.ssh/ 目录下。
2) 输入密码,默认无密码。
3) 确认输入密码,默认无密码。
之后在指定/默认的位置就有两个文件。
id_rsa 文件是私钥,一定保存好不能泄露;id_rsa.pub 文件是公钥(等会儿要用),内容放在云端提供验证。
输入,以上有显示版本号,则说明安装成功

四,安装Hexo
1. 安装之前可以先设置一下淘宝镜像加速器
2. 全局安装框架
3. 创建你的博客目录
4. 进入你博客的目录
5. 复制文件到你博客的目录
6. 安装Hexo部署插件
请在你博客的目录下启动cmd,再执行以下代码

五,在Gitee上配置
1. 用刚刚配置Git的那个邮箱来注册并且登陆Gitee
2. 鼠标放在右上角头像处 设置 — GPG公钥 — 将id_rsa.pub里的密钥复制过来 — 确定创建 注:密钥在C:\Users\Admin\.ssh目录下
3. 创建仓库,其中名称和路径都填你的账户名,公开,勾选使用Readme文件初始化这个仓库
4. 点击右上角的 服务 — Gitee Pages — 勾选强制使用 HTTPS并启动

六,配置博客文件夹中的_config.yml
打开你博客根目录的 _config.yml 文件,将一下信息添加到里面去。
注意:1. 你博客根目录的 _config.yml 文件,和主题根目录的 _config.yml 文件!
2. 每个冒号后面都有一个空格!!!
3. fwsgwsr是我Gitee的账号名,换成你的账号名就ok了,其他都是一样的

七,Hexo常用代码
1、清理缓存
hexo cl 是 hexo clean 的简写
2、生成静态页面
hexo g 是 hexo generate 的简写
3、在本地映射(预览)
hexo s 是 hexo server 的简写
4、部署推送
hexo d 是 hexo deploy 的简写
最后要注意的是每次博客文件有改动后(Hexo g 和 Hexo d),都需要去Gitee Pages服务那里更新一下强制使用HTTPS
最后声明一下:本篇教程有点硬核,但绝对能成功,是我自己边搭建边写的教程。最后效果可以参考https://fwsgwsr.gitee.io/
如果不习惯此页面的排版,可以移步CNDS观看教程 https://blog.csdn.net/weixin_50060143/article/details/108413293