hexo+github搭建个人博客

线上效果:饥人谷博客

hexo安装使用

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

hexo安装

官网文档地址

1.pc安装node

2.执行:

npm install hexo-cli -g  (如果报错,执行sudo npm install -g hexo-cli --unsafe-perm=true)
hexo init myblog
cd myblog
npm install
hexo server

在浏览器输入:http://127.0.0.1:4000即可浏览博客

配置文件

_config.yml

写作

在执行hexo init myblog后会在当前文件夹下生产myblog文件夹,里面目录和文件包括:

  • scaffold: 模板文件,其中post.md是写文章的模板
  • source: _post目录下方文章源文件,写的文章就放在这里, 比如:文章1.md
  • _config.yml是配置文件,配置博客的相关信息

执行:

hexo new 我的第一篇文章
#或者:
hexo new post 我的第一个文章

这时会在source文件夹下自动生成我的第一篇文章.md

也可以手动在source/_post该文件夹下创建我的第一篇文章.md文件。

title: "我的第一篇文章"
date: 2015-03-10 22:31:56
tags: 
- 前端
- hexo
categories: 前端
---
## 我的文章标题
hexo的使用

执行:

hexo generate

编译md文件,生成public文件夹,静态文件都在该文件夹。在部署网站时把该文件夹下的所有内容拷贝到服务器web目录即可。

主题

github地址

根据文档安装

git clone https://github.com/ppoffice/hexo-theme-hueman.git themes/hueman

github部署

在github创建项目jirengu.github.io,其中jirengu是用户名,现在该库clone到本地测试能否推送代码,如果权限有问题,参考这里配置git

修改配置文件,添加deploy参数,repo地址为项目的地址

deploy:
    type: git
    repo: git@gitlab.jirengu.com:company-sys/blog-jirengu-com.git
    branch: master
    message: blog

执行

npm install hexo-deployer-git --save
hexo generate --deploy