Hexo初体验

Hexo博客初体验


前言

一直想弄一个博客督促自己学习,但各种拖延症犯病,拖到现在。

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

官方文档地址:地址

一个框架的使用,还是先上手搭建好再研究吧

第一次搭建小demo

环境确认

首先确定是否有以下环境:
在这里插入图片描述

node -v
npm -v
git --version

安装hexo

npm install -g hexo-cli

初始化myblog

hexo init myblog //myblog名字自己取
cd myblog //进入这个myblog文件夹
npm install

myblog所包含的文件
在这里插入图片描述

  • node_modules: 依赖包
  • public:存放生成的页面
  • scaffolds:生成文章的一些模板
  • source:用来存放你的文章
  • themes:主题
  • ** _config.yml: 博客的配置文件**

运行demo

hexo server

在这里插入图片描述
这样hexo的就弄好了,我们可以输入上面地址,在本地访问。

部署在github

github支持静态网页的
github里面有个Github pages:

  1. 使用零成本: github pages 集成在 github 中, 直接和代码管理绑定在一起, 随着代码更新自动重新部署,使用非常方便。
  2. 免费: 免费提供 http://username.github.io 的域名, 免费的静态网站服务器.
  3. 无数量限制:github pages 没有使用的数量限制, 每一个 github repository 都可以部署为一个静态网站.

我们进入自己的git,建立仓库,然后进入仓库,在setting里面Pages选项branch点击save就可以布置好页面了
在这里插入图片描述
访问地址为:http://username.github.io username为你建立仓库是设置的名字。
注意:建立名为 <你的 GitHub 用户名>.github.io 的储存库,若之前已将 Hexo 上传至其他储存库,将该储存库重命名即可。
我们把自己的代码上传到github就可以用访问地址了。
访问页面:
在这里插入图片描述
这样就成功了!!!

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值