搭建个人博客(一):Hexo本地的使用和配置

最近突然想搭建自己的个人博客,刚完成,准备吧过程分享给大家,包括主题的修改等,废话不多说了

上效果:

一、准备工作

1. 了解Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

2. git版本控制工具

Git是一个免费的、开源的版本控制软件。在Windows上安装git,一般为msysgit,
官方下载地址 :http://code.google.com/p/msysgit/downloads/list
安装步骤下一步即可…

3. Node.js环境

简单的说 Node.js 就是运行在服务端的 JavaScript。
nodejs官网:https://nodejs.org/en/
注意:选择LTS版本安装,直接全部点击下一步就行

二、配置环境变量

配置好环境变量后(默认大家都不是新手了哈,如果还是不知道,百度…)
打开cmd
输入 node -v (检查版本)
输入npm -v (检查版本)
输入 git --version (检查git版本,目的是为了看有没有安装成功git)在这里插入图片描述如上表示环境变量配置成功

三、本地配置Hexo环境

常用hexo命令:

hexo init //初始化hexo博客
hexo clean //清除缓存 网页正常情况下可以忽略此条命令
hexo g //生成静态网页
hexo d //开始部署
hexo s //启动本地服务器
npm install -g hexo-cli //hexo的安装

在你的目录下建立文件夹(建议取名blog,必须为空),右键选择git bash here打开git,如下图:

在打开的终端窗口中输入“npm install -g hexo-cli”来进行hexo的安装,安装成功后如下图:
在这里插入图片描述
继续输入"hexo init"进行博客初始化,从github地址克隆项目,成功后如下图,多等一会:
在这里插入图片描述
之后分别键入"hexo g"和"hexo s",如下图
在这里插入图片描述
至此,进入本地浏览器输入:http://localhost:4000/
就可以查看博客了,如下
在这里插入图片描述
激动人心!
Ctrl+C:停止服务器
下一节讲解配置hexo的主题,让你的博客更加的美观

Finish

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值