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:
- 使用零成本: github pages 集成在 github 中, 直接和代码管理绑定在一起, 随着代码更新自动重新部署,使用非常方便。
- 免费: 免费提供 http://username.github.io 的域名, 免费的静态网站服务器.
- 无数量限制:github pages 没有使用的数量限制, 每一个 github repository 都可以部署为一个静态网站.
我们进入自己的git,建立仓库,然后进入仓库,在setting里面Pages选项branch点击save就可以布置好页面了
访问地址为:http://username.github.io
username为你建立仓库是设置的名字。
注意:建立名为 <你的 GitHub 用户名>.github.io 的储存库,若之前已将 Hexo 上传至其他储存库,将该储存库重命名即可。
我们把自己的代码上传到github就可以用访问地址了。
访问页面:
这样就成功了!!!