欢迎光临散文网 会员登陆 & 注册

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

2021-08-10 20:07 作者:寸芒君  | 我要投稿

这是我当时作为一个小白的时候,为了搭建自己的博客,而不断踩坑的经验总结教程,也是我第一次写的比较成功的教程。

致敬自己曾经作为一名科技迷而做的努力,希望未来会做的更好。

前言

新手小白搭建个人博客(不需要租服务器),跟着操作,不会算我输🤪

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

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

  1. Hexo+码云(Gitee)

  2. 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 -vnpm 的检查,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


小白利用Hexo+Gitee搭建博客经历教程的评论 (共 条)

分享到微博请遵守国家法律