基于hexo与gitee搭建个人博客

基于hexo与gitee搭建个人博客

前言

学习笔记
这是边学习边做的记录，有点乱，花费了一天的时间调试什么的，最终还是弄好了。
搭建的博客链接

环境配置与基础操作

安装git与node.js

git简介：Git是一个免费的、开源的分布式版本控制系统，旨在快速高效地处理从小型到大型的所有项目。Git易于学习，占用空间小，性能快如闪电。它超越了像Subversion、CVS、Perforce和ClearCase这样的配置管理工具，具有像廉价的本地分支、方便的分段区域和多个工作流这样的特性。

个人理解git就像是一个仓库，进行仓库的管理，并上传到相应的服务器。

node.js:Node.js 是运行在服务端的 JavaScript,作用是修改HTML。

//cmd命令，检查node.js是否安装成功,npm是node.js下包的管理器
node -v
npm -v

//检查git是否安装成功
git --version

安装hexo

hexo简介：Hexo 是一个基于node.js 的静态博客网站生成器。

//cmd命令
//安装之前设置淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org

//安装hexo命令
npm install hexo-cli -g

//创建博客目录，创建时注意当前cmd目录
hexo init 你博客的文件夹名字 //名字随便取
cd 博客文件夹名字 

//复制文件到博客的目录
npm install
hexo server

//下载hexo-git的关联文件
npm install hexo-deployer-git --save

此时会生成一个本地的页面，下面就要将页面上传到码云。

git配置

进入gitee设置绑定邮箱。

创建一个HTML的仓库

之后就有使用Git配置的相关命令

git config --global user.name "用户名"
git config --global user.email "用户邮箱"
ssh-keygen -t rsa -C "用户邮箱"   //生成ssh密钥，回车后设置密码全为空

完成后cmd下会出现公钥的路径，在我的电脑复制该路径，找到id_ssh.pub的文件，用记事本打开，复制内容，在gitee下公钥里。标题任意取。

在gitee仓库里初始化，刷新页面选择服务Gitee Pages。

[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-i7qBaA6I-1617899102051)(F:\桌面\屏幕截图 2021-04-07 214849.png)]

选择强制启动HTTPS。

修改配置信息

进入博客文件夹的目录，选择_config.yml文件用Visual Studio Code打开。

标题就是博客的标题，语言选择中文。

URL就是你的博客的网址与gitee上的对应。

最后一行需要添加，其中repo为gitee下克隆的连接。

开始部署

//在博客目录下打开cmd
hexo cl //清除缓存
hexo g //生成文件
hexo s //预览

//可以一起写
hexo cl && hexo g && hexo s

//最后上传到gitee
hexo d

之后在gitee上更新pages服务。

如何对博客进行维护

官方文档

主题的使用

在官方文档下载主题。

ps.对于主题的使用，一般作者会有相关的配置文档

使用的主题的是官方文档的yilia-plus

在博客的根目录执行cmd命令

npm i hexo-generator-json-content --save

在根目录(_config.yml)添加以下配置信息:

jsonContent:
    meta: false
    pages: false
    posts:
      title: true
      date: true
      path: true
      text: false
      raw: false
      content: false
      slug: false
      updated: false
      comments: false
      link: false
      permalink: false
      excerpt: false
      categories: false
      tags: true

在文档中修改自己想要的配置信息，找了好长时间，终于找到了需要的博客，感谢作者的分享，写的非常详细。

修改主题的样式

随笔的设置：

随笔就是tags的一个标签，在主题的配置文件menu中配置：

随笔: /tags/随笔/

使用时在文章前添加

---
tags:
- 随笔
---

以上就是全部内容了。。