您的位置:首页 > 编程语言

hexo+github搭建个人免费博客

2016-11-21 21:27 519 查看
最近在淘宝逛到一个卖盗版书的店铺,真的是便宜的不要不要的,哈哈。



网上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搭建个人博客

我用的主题

要是还有不懂的话,可以评论,会给大家回复的
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: