Hexo让博客梦变的简单
2016-05-12 19:15
190 查看
之前写过一篇关于octopress创建个人技术博客的文章,很多朋友说步骤好复杂啊(心塞)!这次,为了满足这群朋友,这里我要教大家的是用Hexo建个人技术博客。
初始化自己的个人博客
使用GIT Bash切换到你希望安装个人博客的文件夹下
username就是Github中的用户名,详细查看
我这里使用NEXT这个主题进行讲解,其他的方式也是一样的。
使用GIT Bash切换到你刚才个人博客安装目录
完成上面步骤,会在theme的目录下多了一个next文件,说明主题下载成功了,但现在还没有配置完成
在username.github.io文件下有一个_config.yml文件,编辑它
将theme的value设为自己的主题名,这里是next——完成主题的配置
将deploy的value进行配置——完成主题发布地址配置
title:文章名,date:发布的日期
使用GIT Bash切换到username.github.io目录下
编译
本地测试
-p:设置端口号,默认为4000,使用默认端口可以省略
发布到Github
这里特别要提醒一下不要忘记在username.github.io文件下_config.yml文件,配置deploy
大家可以根据自己的实际情况,参照README.md说明进行配置
将Github的备份clone到本地
branchname:备份分支名
next配置
以上です(Ending)
ありがどう(Thank You)
1、安装GIT和Node.JS
这一步我不想展开太多,因为真的很简单,关于GIT的配置我在之前的文章中已经提到过了,看官可以查看历史文章2、安装Hexo
在桌面下使用GIT Bash输入下面代码,实现Hexo的安装$ sudo npm install hexo-cli -g
初始化自己的个人博客
使用GIT Bash切换到你希望安装个人博客的文件夹下
$ hexo init username.github.io
username就是Github中的用户名,详细查看
3、主题的安装
在完成上一步后,其实就可以运行查看页面了,这一步让你实现安装自己喜欢的主题,看官可以在Github网站中输入hexo关键字,可以搜索到很多相关主题,挑选一个就可以了我这里使用NEXT这个主题进行讲解,其他的方式也是一样的。
使用GIT Bash切换到你刚才个人博客安装目录
$ cd username.github.io $ git clone https://github.com/iissnan/hexo-theme-next themes/next
完成上面步骤,会在theme的目录下多了一个next文件,说明主题下载成功了,但现在还没有配置完成
在username.github.io文件下有一个_config.yml文件,编辑它
将theme的value设为自己的主题名,这里是next——完成主题的配置
将deploy的value进行配置——完成主题发布地址配置
# Extensions ## Plugins: https://hexo.io/plugins/ ## Themes: https://hexo.io/themes/ theme: next # Deployment ## Docs: https://hexo.io/docs/deployment.html deploy: type: git repo: git@github.com:username/username.github.io.git branch: master
4、创建文章
在username.github.io/source/_posts目录下创建你自己的文章,文章格式为Markdown的.md格式--- title: Hexo让博客梦变的简单 date: 2016-05-12 ---
title:文章名,date:发布的日期
5、发布到Github
安装自动部署发布工具使用GIT Bash切换到username.github.io目录下
$ npm install hexo-deployer-git --save
编译
$ hexo generate
本地测试
$ hexo s -p 4000
-p:设置端口号,默认为4000,使用默认端口可以省略
发布到Github
$ hexo d
这里特别要提醒一下不要忘记在username.github.io文件下_config.yml文件,配置deploy
6、备份
我们常常可能会遇到系统重装或者换电脑编辑的场景,备份变得尤为重要,这里介绍一个hexo-git-backup备份工具大家可以根据自己的实际情况,参照README.md说明进行配置
7、获取备份,实现还原
操作步骤1,2将Github的备份clone到本地
$ git@github.com:username/username.github.io.git $ git checkout branchname
branchname:备份分支名
8、帮助文档
hexo配置next配置
以上です(Ending)
ありがどう(Thank You)
相关文章推荐
- html5web通信-跨文档消息传输
- ListView 底部分割线如何显示
- 一个用在手机上的简单js拖拽效果
- git以及github的使用(1)
- 搜索技巧
- 基数排序
- 栈----迷宫(Maze)
- 多个数组求交集 js
- AndroidStudio导入项目一直Building解决方案
- 机测,新一代的三角
- 源码安装xtrabackup
- ListView的使用技巧
- Java GC系列(4):垃圾回收监视和分析
- Ubuntu 文件压缩与解压缩
- vc++6.0的scanf问题
- mysql事务隔离性(mysql transaction isolation level)
- Java GC系列(3):垃圾回收器种类
- onTouch事件的传递,以及一些很有用的监听
- Ubuntu 查看系统是32位还是64位
- java中 == 与equals 的区别