小白搭建个人博客

小白利用Hexo+Gitee搭建博客教程

前言

新手小白搭建个人博客，跟着操作，不会算我输🤪

最终成效就是得到一个可以国内快速访问的，属于自己的博客网站，例如https://fwsgwsr.gitee.io

首先说明，不想租服务器来建博客的话，有两种方案

1. Hexo+码云（Gitee）
2. Hexo+Github

（这两个操作都是一样的，因为墙的原因，访问Github很慢，所以更建议用第一种）

…

---

一，所需要的软件和平台

必须的软件：

• node.js
• Git 或 Git镜像站（镜像站下载的更快一点哦😝）

可根据个人爱好替换的软件：

• Sublime 或 Visual Studio Code
• typora（编写博客文章的软件，支持的是markdown语法）

要用到的框架或平台：

• Hexo
• 码云（Gitee）

---

二，安装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 文件是公钥（等会儿要用），内容放在云端提供验证。
  

• 输入git --version，以上有显示版本号，则说明安装成功

---

四，安装Hexo

1. 安装之前可以先设置一下淘宝镜像加速器

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

2. 全局安装框架

npm install hexo-cli -g

3. 创建你的博客目录

hexo init 你博客的文件夹名字（这里的名字只是windows本地的，不要纠结，随便点）

4. 进入你博客的目录

cd 上面创建好的博客文件夹（就你自己随便起的那个·）

5. 复制文件到你博客的目录

npm install

6. 安装Hexo部署插件

请在你博客的目录下启动cmd，再执行以下代码

npm install hexo-deployer-git --save

---

五，在Gitee上配置

1. 用刚刚配置Git的那个邮箱来注册并且登陆Gitee

2. 鼠标放在右上角头像处 设置 — GPG公钥 — 将id_rsa.pub里的密钥复制过来 — 确定创建 注：密钥在C:\Users\Admin\.ssh目录下

3. 创建仓库，其中名称和路径都填你的账户名，公开，勾选使用Readme文件初始化这个仓库

4. 点击右上角的 服务 — Gitee Pages — 勾选强制使用 HTTPS并启动

六，配置博客文件夹中的_config.yml

打开你博客根目录的 _config.yml 文件，将一下信息添加到里面去。

url: https://fwsgwsr.gitee.io	--->第16行代码，url后面的地址换成你自己的博客地址
deploy:		--->翻到代码底部
  type: git
  repo: https://gitee.com/fwsgwsr/fwsgwsr.git	--->换成你自己的地址
  branch: master

注意：1. 你博客根目录的 _config.yml 文件，和主题根目录的 _config.yml 文件！

2. 每个冒号后面都有一个空格！！！

3. fwsgwsr是我Gitee的账号名，换成你的账号名就ok了，其他都是一样的

---

七，Hexo常用代码

1、清理缓存

hexo cl

hexo cl 是 hexo clean 的简写

2、生成静态页面

hexo g

hexo g 是 hexo generate 的简写

3、在本地映射（预览）

hexo s

hexo s 是 hexo server 的简写

4、部署推送

hexo d

hexo d 是 hexo deploy 的简写

最后要注意的是每次博客文件有改动后（Hexo g 和 Hexo d），都需要去Gitee Pages服务那里更新一下强制使用HTTPS

第一次写文，有一些没有照顾到的细节，请大佬在评论区多指正，谢谢！🙏