当前位置: 首页 > news >正文

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

 目录

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.lryc.cn/news/32815.html

相关文章:

  • 【面试实战】认证授权流程及原理分析
  • TPM命令解析之tpm2_startauthsession
  • 第14章 局部波动率模型
  • 云原生周刊:开源“赢了”,但它可持续吗?
  • 读《企业IT架构转型之道》
  • Qt中的QTcpSocket、QWebSocket和QLocalSocket
  • 枚举学习贴
  • 【C++】30h速成C++从入门到精通(继承)
  • Java多线程还不会的进来吧,为你量身打造
  • 8 神经网络及Python实现
  • 使用QIS(Quantum Image Sensor)图像重建总结(1)
  • 【SpringCloud】SpringCloud教程之Nacos实战(二)
  • 利用Qemu工具仿真ARM64平台
  • 【Hello Linux】进程控制 (内含思维导图)
  • 嵌入式linux物联网毕业设计项目智能语音识别基于stm32mp157开发板
  • 【黄河流域公安院校网络空间安全技能挑战赛】部分wp
  • 五点CRM系统核心功能是什么
  • window.print() 前端实现网页打印详解
  • php程序员应具有的7种能力
  • quarkus 生产环境与k8s集成总结
  • 蓝桥杯训练day2
  • 为什么99%的程序员都做不好SQL优化?
  • Jenkins最新版安装调试
  • 简略说一下go的sync.RWMutex锁
  • 软考马上要报名了,出现这些问题怎么办?
  • 单链表(增删查改)
  • 端口复用(bind error: Address already in use 问题)
  • 数字化引领乡村振兴,VR全景助力数字乡村建设
  • 【数据结构入门】-链表之双向循环链表
  • Jenkins自动化部署入门