hexo+jithub搭建个人博客

微信公众号:零基础玩嵌入式
关注公众号获取全套嵌入式学习资源,如有更多疑问请在微信公众号中回复加群,加入嵌入式交流群和我们一起讨论交流!

前言

前几天看到大佬们的个人博客非常喜欢也想着搭建一个属于自己的博客,现在准备将自己的博客搭建的过程及步骤分享给大家供大家学习使用!希望能够帮到也想搭建一个属于自己的个人博客!废话少说,咱们现在就开始吧!

博客效果展示

我的主页: 点击查看博客效果.

前期准备

需要的软件
系统:window10家庭版
git:注册jithub账号,下载并安装jit
nodejs:下载并安装nodejs

下载地址:
jit下载地址
nodejs下载地址

软件安装:
安装是非常简单的,nodejs和git的安装是非常简单的。如果你实在不会就上网搜安装教程,会有很多的,在这里就不介绍了!

安装hexo运行环境

Hexo是一个轻量级的Node.js博客框架,由一位台湾的在校大学生开发完成!非常的牛逼!作为一个大学生的自己感觉我不配!哈哈

Hexo的配置文件_config.yml分为两种,一种是站点配置文件,也就是站点根目录下的_config.yml配置文件,另一个是主题配置文件,位于theme文件夹中对应主题的文件夹下的_config.yml。

首先在电脑安装git环境,git的安装方式有很多,这里推荐安装msys2环境,里面自带git相关的工具。

然后安装nodejs软件,从官网下载msi安装包,一路next即可,会自动将node和npm这两个命令添加到PATH环境变量中。

nodejs安装完成后的检验操作是在das窗口下输入命令 node -vnpm -v这两个命令就是查看版本信息的。如下图所示:
点击查看大图

git安装完成后的检验操作是:鼠标右键 效果如下图所示

安装hexo基本框架

第一步:新建文件夹

第二步:安装hexo基础框架
第一步完成后,会出现一个命名窗口。输入如下命令:

//第一条   这是安装hexo的基础框架
npm install -g hexo

//第二条   这是初始化hexo框架 这个可能会比较慢
hexo init

//第三条 安装所需要的组件
npm install

//第四条 编译生成静态页面
hexo g

//第五条 启动本地服务
hexo s

第五条命名完成后,可以首次体验一下,如下图

在这里插入图片描述

浏览器中的效果如下:
在这里插入图片描述

后续配置

到此我们的hexo就已经搭建完成了,下篇恩张让我们一起来看一下如何将本地博客上传到jithub中去,让其他小伙伴也能看到我们的网站!

想要学习单片机的同学欢迎大家关注微信公众号【嵌入式悦翔园】,本公众号专注于嵌入式技术,包括但不限于STM32、Arduino、51单片机、物联
网、Linux等编程学习笔记,同时,公众号内包含大量的学习资源。欢迎关注,一同交流学习,共同进步!

另外回复 “资源” 可以获得全部的嵌入式资源;回复 ”加群“ 即可加入百人交流群,期待大家的关注!
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值