欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

hexo+jithub搭建个人博客

程序员文章站 2022-04-12 08:04:59
微信公众号:零基础玩嵌入式关注公众号获取全套嵌入式学习资源,如有更多疑问请在微信公众号中回复加群,加入嵌入式交流群和我们一起讨论交流!前言前几天看到大佬们的个人博客非常喜欢也想着搭建一个属于自己的博客,现在准备将自己的博客搭建的过程及步骤分享给大家供大家学习使用!希望能够帮到也想搭建一个属于自己的个人博客!废话少说,咱们现在就开始吧!博客效果展示我的主页: 点击查看博客效果.前期准备需要的软件系统:window10家庭版git:注册jithub账号,下载并安装jitnodejs:下.....

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这两个命令就是查看版本信息的。如下图所示:
hexo+jithub搭建个人博客

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

hexo+jithub搭建个人博客

安装hexo基本框架

第一步:新建文件夹
hexo+jithub搭建个人博客

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

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

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

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

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

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

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

hexo+jithub搭建个人博客

浏览器中的效果如下:
hexo+jithub搭建个人博客

后续配置

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

本文地址:https://blog.csdn.net/qq_45172832/article/details/109377449