【0成本搭建个人博客】——Hexo+Node.js+Gitee Pages

news2024/11/14 13:33:29

 目录

1、下载安装Git

2、下载安装Node.js

3、使用Hexo进行博客的搭建 

4、更改博客样式

5、将博客上传到Gitee

6、更新博客


首先看一下Hexo的博客的效果。

1、下载安装Git

Git 是一个开源的分布式版本控制系统,可以有效、高速地处理从很小到非常大的项目版本管理。也是Linus Torvalds为了帮助管理Linux内核开发而开发的一个开放源码的版本控制软件。

Git安装、配置和使用https://lingxw.blog.csdn.net/article/details/125613870这里是我之前写的Git 的安装步骤和使用方法。 

 安装完成之后,右键鼠标有Git bash 表示安装成功。

2、下载安装Node.js

Node.js 在设计上类似于 Ruby 的 Event Machine 或 Python 的 Twisted 之类的系统。但 Node.js 更深入地考虑了事件模型,它将事件循环作为一个运行时结构而不是作为一个库来呈现。在其他系统中,总是有一个阻塞调用来启动事件循环。通常情况下,要执行的行为是通过脚本开始时的回调来定义的,然后通过 EventMachine::run() 这样的阻塞调用来启动服务器。而在 Node.js 中,没有这种启动事件循环的调用。Node.js 在执行输入脚本后直接进入事件循环,当没有更多的回调要执行时,Node.js 就会退出事件循环。这种行为就像浏览器的 JavaScript 一样 —— 事件循环对用户是隐藏的。

这里我们下载长期维护版,比较稳定。

输入 node -v 表示安装完成。

3、使用Hexo进行博客的搭建 

Hexo 是一个快速、简洁且高效的博客框架。

 并且拥有很多主题。

 首先我们需要新建一个文件夹来保存博客的内容。

 在文件夹中右键进行Git bash;

依次输入下面的命令; 

npm install hexo-cli -g

hexo init blog

cd blog
npm install

hexo s

# 或者 hexo server

我们输入网址:http://localhost:4000/

我们通过hexo new "xxxxxxxxx" 生成第一个博客。 

 这时我们查看目录source/post下面:

 对中国md文件进行修改,就可以得到我们需要的博客。

4、更改博客样式

Themes | Hexo

我们以这个为例显示如何切换样式。

 打开这个样式对应的GIthub链接。

 根据对应的步骤进行安装使用。

1、hexo init your-awesome-blog 初始化您的 Hexo 站点目录(已经完成则可以忽略)

2、进入您的站点目录,使用 npm install --save hexo-theme-kratos-rebirth 或 yarn add hexo-theme-kratos-rebirth 安装主题。如果您有调整代码的需求,您也可以进入站点的主题目录,使用 git clone 本仓库来使用。

3、修改站点目录下的 _config.yml 站点配置文件,将默认的 theme: landscape 修改成 theme: kratos-rebirth。

# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
# theme: landscape
theme: kratos-rebirth

 运行之前要先关掉之前的;

# 生成网页
hexo g

# 开始服务
hexo s

 修改样式成功:

然后我们可以根据自己的需求进行修改界面。 

5、将博客上传到Gitee

具体的配置参考之前的第一篇博客。

 修改文件的最后三行。

deploy:
  type: 'git'
  repository: git@gitee.com:lingxw123/lingxw123.git

 然后输入:

输入hexo d 直接部署:

hexo d

 然后就可以在Gitee上看到已经上传了。

 然后我们通过服务中的Gitee Pages 就可以通过gitee的网站链接来打开博客。

点击强制使用HTTPS,之后启动。

 然后就可以通过 https://lingxw123.gitee.io   来访问个人博客。

yH5BAAAAAAALAAAAAAOAA4AAAIMhI+py+0Po5y02qsKADs=

如图:

yH5BAAAAAAALAAAAAAOAA4AAAIMhI+py+0Po5y02qsKADs=wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==

6、更新博客

这两个命令比较常用。

本地查看博客没有问题之后,

通过hexo d 进行博客的上传到Gitee。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/393513.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

openpnnp - 载入板子后,要确定板子的放置角度

文章目录openpnnp - 载入板子后,要确定板子的放置角度概述用openpnp提供的功能来确定被夹住的板子的左下角原点位置和板子的角度备注ENDopenpnnp - 载入板子后,要确定板子的放置角度 概述 设备是有夹具的, 用百分表打过, 夹具本身在Z方向的平行度是没问题的. 但是, PCB板子的…

Flink Table Store 0.3 构建流式数仓最佳实践

摘要:本文整理自阿里巴巴高级技术专家,Apache Flink PMC 李劲松(之信),在 FFA 2022 实时湖仓的分享。本篇内容主要分为四个部分:挑战:Streaming DW 面临的难题案例:FlinkFTS 典型场景…

Active Directory DNS备份和恢复

DNS是Active Directory域服务(AD DS)不可或缺的一部分,因为它全权负责DNS名称解析。当发生DNS服务器灾难时,无法在网络中查找资源,并且所有AD操作都将暂停。因此,恢复DNS服务器是绝对必要的。Active Direct…

JS实现css的hover效果,兼容移动端

Hi I’m Shendi JS实现css的hover效果,兼容移动端 功能概述 CSS的hover即触碰时触发,在电脑端鼠标触碰,移动端手指触摸 有的时候光靠css实现不了一些效果,例如元素触发hover,其他元素触发动画效果,所以需要…

npm i 安装报错

npm WARN EBADENGINE Unsupported engine { npm WARN… npm WARN deprecated stable0.1.8: Modern JS… 诸如此类的报错。大部分都是因为 node 版本问题!比如node版本无法满足,对应项目里需要的那些模块和依赖所需要的条件。 有些模块对node版本是有要…

【兴趣探索】采用Docker部署Rustdesk自建服务器

采用Docker部署Rustdesk自建服务器 场景:本想找一个远程手机的软件,使用的三款都存在限制: ①向日葵一天只能远程三次,需要花钱升级会员 ②Todesk因为手机兼容问题,需要花钱买插件解决 ③Airdorid免费200M&#xf…

23年如何备考PMP考试呢?攻略+资料

我建议准备的最短时间至少1个半月到2个月,集中精力备考大约4个小时,大家可以根据自己的专注力的长短去调节每天的备考时间。 1、《PMBOK指南》第六版(16天) 教材是要读的,虽然说考试考纲和教材不太一样,但…

led灯性价比最高的品牌有哪些?2023名牌led灯有这些品牌值得推荐

Led灯是现在人造灯具中使用最为普遍的一种灯光,具有高效节能、光线柔和等特点,这方面有一些专业的品牌做的很不错,比如松下、南卡、雷士照明等等,那么它们好在哪儿呢? 一个是光线舒适度高。采用高品质的led灯珠&#…

网络编程之UDP套接字(四)

12. 基于 UDP 的套接字 UDP 是无链接的,可以实现服务端与多个客户端进行同时进行通讯,无论先启动哪一端都可以。(qq 聊天 UDP 服务) 12.1 基于 udp 套接字模板 UDP 服务端 s socket(AF_INET, SOCK_DGRAM) # 创建一个服务器的…

MySQL运维篇之分库分表

03、分库分表 3.1、介绍 3.1.1、问题分析 随着互联网及移动互联网的发展,应用系统的数据量也是呈指数式增长,若采用单数据库进行数据存储,存在以下性能瓶颈: IO瓶颈:热点数据太多,数据库缓存不足&#…

脑机接口科普0012——脑机接口的灭亡

本文禁止转载!!!!中国人比较好玩,好玩就好玩在,对于每个行业,都喜欢说一句话,XXX从入门到放弃!我们才科普到第12小节,然后,我们这边就说到脑机接口…

Vue 使用 Export2Excel.js 导出多 sheet 的 excel

项目需求,导出多sheet的excel表格。 具体思路是:后端返回json数据,前端根据数据和具体的几项字段去导出excel表格,多sheet,多页表格到一个excel表里面,具体思路 根据Export2Excel插件,并修改插件…

NFTScan:怎么使用 NFT API 开发一个 NFT 数据分析平台?

对很多开发者来说,在 NFT 数据海洋中需要对每个 NFT 进行索引和筛选是十分困难且繁琐的,NFT 数据获取仍是一大问题。而数据平台提供的 API 使得开发者可以通过接口获取区块链上 NFT 的详细信息,并对其进行分析、处理、统计和可视化。在本篇文…

今天女神节,用python画个贺卡送给母亲吧

今天女神节,你给女神妈妈准备了什么祝福呢?如果还没有,那么画个贺卡送给她吧,在你眼里,她是一个什么样的人呢? 是"可爱",“温柔”,“美丽”,“漂亮”&#xf…

OpenCV各模块函数使用实例(11)--- 矩阵和数组操作(Operations on arrays)

OpenCV各模块函数使用实例(11)M、矩阵和数组操作(Operations on arrays)本节描述矩阵的基本操作,这些操作是图像处理和其他数组算法实现的基本操作,包括矩阵的运算,特征值和特征向量&#xff0c…

详细介绍关于链表【数据结构】

文章目录链表单链表尾插头插尾删第一种方式删除第二种头删查找pos之前插入pos位置删除pos后面插入pos位置后面删除链表 顺序表缺点: 空间不够了 需要扩容,但是扩容是有消耗的头部或中间位置需要插入或删除,需要挪动 ,但是挪动是…

如何让AI帮你干活-娱乐(3)

背景今天的话题会偏代码技巧一些,对于以前没有接触过代码的朋友或者接触代码开发经验较少的朋友会有些吃力。上篇文章介绍了如何广视角的生成相对稳定的视频。昨天的实现相对简单,主要用的是UI界面来做生成。但是生成的效果其实也显而易见,不…

汽车娱乐系统解决方案

Danlaw在汽车和航空航天行业里是全球知名的技术和服务供应商,致力于提供更加安全与智能的系统。Danlaw以突破性技术和高效开发、动态环境的自适应解决方案而闻名。Danlaw优秀的联网汽车解决方案使之成为全球大型互联设备供应商之一。 一 信息娱乐系统测试 | 风丘科…

力扣-查找每个员工花费的总时间

大家好,我是空空star,本篇带大家了解一道简单的力扣sql练习题。 文章目录前言一、题目:1741. 查找每个员工花费的总时间二、解题1.正确示范①提交SQL运行结果2.正确示范②提交SQL运行结果3.正确示范③提交SQL运行结果4.正确示范④提交SQL运行…