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 -v
和npm -v
这两个命令就是查看版本信息的。如下图所示:
git安装完成后的检验操作是:鼠标右键 效果如下图所示
安装hexo基本框架
第一步:新建文件夹
第二步:安装hexo基础框架
第一步完成后,会出现一个命名窗口。输入如下命令:
//第一条 这是安装hexo的基础框架
npm install -g hexo
//第二条 这是初始化hexo框架 这个可能会比较慢
hexo init
//第三条 安装所需要的组件
npm install
//第四条 编译生成静态页面
hexo g
//第五条 启动本地服务
hexo s
第五条命名完成后,可以首次体验一下,如下图
浏览器中的效果如下:
后续配置
到此我们的hexo就已经搭建完成了,下篇恩张让我们一起来看一下如何将本地博客上传到jithub中去,让其他小伙伴也能看到我们的网站!
本文地址:https://blog.csdn.net/qq_45172832/article/details/109377449
上一篇: Vue框架入门---开发简易计算器
下一篇: 2020-10-29
推荐阅读
-
利用ASP.NET MVC和Bootstrap快速搭建响应式个人博客站(一)
-
利用ASP.NET MVC+Bootstrap搭建个人博客之修复UEditor编辑时Bug(四)
-
利用ASP.NET MVC+Bootstrap搭建个人博客之打造清新分页Helper(三)
-
利用ASP.NET MVC+Bootstrap搭建个人博客之praise.js点赞特效插件(二)
-
如今的个人博客还能盈利吗?
-
域名开通29天后,个人博客网站如何权重由0到1
-
个人博客如何改版成日赚千元的博客
-
博客系统哪个好用(常用的个人博客系统)
-
怎样做一个网站,教你一分钟搭建个人网站
-
利用ASP.NET MVC和Bootstrap快速搭建个人博客之后台dataTable数据列表