Hexo + Gitee Pages 搭建个人博客

简介: Hexo + Gitee Pages 搭建个人博客

我是 数据科学与大数据技术专业的一名大三学生,为了学习运维,了解到了 飞天加速计划·高校学生在家实践活动,下面是 Hexo + Gitee Pages 搭建个人博客 的教程

一、开发环境搭建

1. Node.js 安装

  • 进入 Node.js 官网,下载左边的 LTS (长期支持)版

https://nodejs.org/en/

image-20210906200304204.png

  • 打开安装包

image-20210906200628455.png

  • 同意协议

image-20210906200645500.png

  • 选择安装路径

image-20210906200739570.png

  • 自动安装必要工具

image-20210906200816319.png

  • 点击安装

image-20210906200913153.png

  • 安装完成

image-20210906200917483.png

  • 自动下载必要工具

image-20210906201002357.png

image-20210906201033927.png

2. Hexo 安装

  • 新建博客文件夹,点击 Git Bash Here 打开

image-20210906201643481.png

  • 输入以下命令安装 Hexo(部分主题不兼容最新版本,故使用4.2.0版本)
npm install hexo@4.2.0 -save

image-20210906201757155.png

  • 安装成功

image-20210906201942410.png

二、初始化博客并生成文章

1. 初始化博客

  • 输入以下命令,初始化博客
hexo init

image-20210906202804634.png

  • 输入以下命令,生成博客文章
hexo generate

hexo g

image-20210906203022154.png

  • 输入以下命令,启动服务器
hexo server

hexo s

image-20210906203122010.png

  • 打开网页以访问博客

image-20210906203221930.png

image-20210906203310924.png

2. 新增博客文章

  • 输入以下命令,新增博客文章
hexo new "你的文章标题"

image-20210906203544499.png

此命令默认会在博客目录下的\source\_posts\下创建你的博客文章

  • 打开此文件,写入内容并保存

image-20210906203831190.png

  • 生成文章
hexo g

image-20210906203940862.png

  • 启动服务并打开网页
hexo s

image-20210906204031832.png

image-20210906204048932.png
image-20210906204353746.png

新增博客成功

二、将本地博客发布并部署到Gitee Pages上

  • 打开 Gitee ,新建一个仓库,仓库名与用户名一致,直接创建

image-20210907163557433.png

  • 进入仓库,点击 克隆/下载,复制 Https 地址

    image-20210907163637013.png

  • 打开博客根目录,修改_config.yml 文件

image-20210907163749619.png

  • 修改以下内容
deploy:  type: git  repo: 自己的Gitee仓库  branch: master

image-20210907164140694.png

  • 安装 Hexo Git 插件
npm install hexo-deployer-git --save

image-20210907164249551.png

  • 将博客部署到 Gitee

    hexo deploy

    hexo d

image-20210907164824427.png

  • 部署成功

image-20210907164719732.png

  • 进入 Gitee 仓库,发现博客已经上传成功

image-20210907164939442.png

  • 点击服务中的 Gitee Pages,更新服务

image-20210907165029899.png

image-20210907165951988.png

  • 访问博客地址

image-20210907170009970.png

  • 部署成功

image-20210907170034367.png

相关文章
|
算法 Shell 计算机视觉
【特效】对实时动态人脸进行马赛克及贴图马赛克处理及一些拓展
【特效】对实时动态人脸进行马赛克及贴图马赛克处理及一些拓展
384 0
|
5月前
|
机器学习/深度学习 存储 人工智能
Qlib:华尔街颤抖!微软开源金融AI量化投资神器,助力智能投研
Qlib是微软亚洲研究院推出的开源AI量化投资平台,提供从数据处理、模型训练到组合管理的全流程支持,内置高性能数据基础设施和多种机器学习模型。
1467 87
Qlib:华尔街颤抖!微软开源金融AI量化投资神器,助力智能投研
|
8月前
|
存储 安全 BI
PeopleSoft中的文件上传与下载:实现与优化
PeopleSoft中的文件上传与下载:实现与优化
252 7
|
存储 缓存 网络协议
CDNJS/UNPKG/JSDelivr 太慢用不了,换成这些国内高速镜像
npm cdn, cdnjs, unpkg, jsdelivr, zstatic, zstatic.net, s4.zstatic.net
14817 4
|
人工智能 自然语言处理 负载均衡
这款 AI 网关项目简直太棒了,轻松接入OpenAI、LLama2、Google Gem)ini等 100 多种大语言模型!
这款 AI 网关项目简直太棒了,轻松接入OpenAI、LLama2、Google Gem)ini等 100 多种大语言模型!
482 1
|
C++ iOS开发 开发者
C++一分钟之-文件输入输出(I/O)操作
【6月更文挑战第24天】C++的文件I/O涉及`ifstream`, `ofstream`和`fstream`类,用于读写操作。常见问题包括未检查文件打开状态、忘记关闭文件、写入模式覆盖文件及字符编码不匹配。避免这些问题的方法有:检查`is_open()`、显式关闭文件或使用RAII、选择适当打开模式(如追加`ios::app`)以及处理字符编码。示例代码展示了读文件和追加写入文件的实践。理解这些要点能帮助编写更健壮的代码。
176 2
|
存储 缓存 Java
2022 最新 JDK 17 HashMap 源码解读 (一)
2022 最新 JDK 17 HashMap 源码解读 (一)
443 0
|
分布式计算 容灾 大数据
MaxCompute( 原名ODPS)大数据容灾方案与实现(及项目落地实例)专有云
一,背景与概述    复杂系统的灾难恢复是个难题,具有海量数据及复杂业务场景的大数据容灾是个大难题。    MaxCompute是集团内重要数据平台,是自主研发的大数据解决方案,其规模和稳定性在业界都是领先的。
2730 17
|
数据采集 数据挖掘 项目管理
PMBOK泛读(第十一章) - 项目风险管理(一)
PMBOK泛读(第十一章) - 项目风险管理
772 0
|
编解码 安全 Java
我终于决定要放弃 okhttp、httpClient
在SpringBoot项目直接使用okhttp、httpClient或者RestTemplate发起HTTP请求,既繁琐又不方便统一管理。