hexo+github搭建个人免费博客

  1. 云栖社区>
  2. 博客>
  3. 正文

hexo+github搭建个人免费博客

wangqi94 2016-11-21 21:27:00 浏览1864
展开阅读全文

最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈。

这里写图片描述

网上hexo+github的博客教程太多了,我今天就讲讲一下实现小细节和思路吧,都是github上面的issue

看看我搭建的hexo主题的博客,哈哈


开始旅程了

创建一个github站点

可以参考鸿洋大神的如何利用github打造博客专属域名,这篇博文看下来,你就会拥有像我 这样MRwangqi.github.io的链接,在仓库下面放个index.html,就能访问到页面了。

安装node环境

可以参考我的文章weex初体验,这篇不需要看完,看完node安装部分就可以了

安装hexo环境

在任意目录下面执行npm install -g hexo安装hexo环境

初始化hexo

在任意目录下面执行hexo init可以初始化一个基础的blog模板,然后我们进这个模板看看,有_config.yml啊,source啊,themes啊等等,为啥要说这几个呢,哈哈,当然是有道理的啊,_config.yml存放的是blog的配置,source下面的_posts存放的是.md文件,也就是你的博客文章的存放位置,以后想创建文章的话直接在_posts里面新建个.md文章,themes是个好玩的东西,可以在hexo的主题官网上面去下载任意的模板替换里面的landscap默认模板,然后跟着文档说明去配置,好看的模板就起来了。

运行博客

执行hexo server就可以跑起来了,在网址上面输入localhost:4000,就可以看见默认的模板了

提交到github

需要修改_config.yml文件,在最底部添加一个下面的代码

deploy:
  type: git
  repository: https://github.com/MRwangqi/MRwangqi.github.io
  branch: master

repository是指你的github站点仓库,然后保存。执行hexo generate命令生成静态页面,然后执行npm install hexo-deployer-git --save才可以部署到github上面去,最后执行提交到github命令hexo deploy,然后你会发现你的仓库有好多莫名其妙的东西,先不管,访问你的github站点看看,博客是不是出来了,哈哈,好玩吧

后期添加博客文章

博客部署上去了,我想以后添加文章怎么办呢?别急,有命令,执行hexo new ‘文件名’,你就会发现source文件目录下面的_posts目录下面多了一个你新建的.md文件,然后你编辑这个文件,也可以在网上找一个markdown编辑器在线编辑,然后复制过来都可以,接着执行命令了,不管以后你怎么添加文章,按照这个命令来就行了

  • hexo clean
  • hexo generate
  • hexo deploy

然后访问站点,文章就多了一篇了

看不懂的话,我给大家提供资料

HEXO搭建个人博客
我用的主题
要是还有不懂的话,可以评论,会给大家回复的

网友评论

登录后评论
0/500
评论
wangqi94
+ 关注