手把手带你搭建HEXO博客
手把手教你使用hexo搭建属于你的个人blog
什么是HEXO?
A fast,simple&powerful blog framework;即一个快速,简单且强大的博客快速生产工具。它的简单体现在你完全有可能在30分钟内就生成属于你的个人博客。而它的强大体现在你对细节的调整上完全有可能花上一天的时间。
准备搭建环境
安装node.js
首先打开node.js官网
选择适合电脑系统的安装包下载解压安装。安装完成后按下win+R
组合键然后 输入cmd 打开dos 命令行,输入node -v
查看node.js版本号
如果有版本号出现,代表安装成功了~!
安装git环境
首先打开git官网
选择适合电脑系统的安装包下载解压安装。安装完成后按下win+R
组合键然后 输入cmd 打开dos 命令行,输入git
如果出现如上信息,则表示安装成功了~!
创建github账号
关于注册github账号,github 它是一个面向开源及私有软件项目的托管平台。几乎所有的程序员都听说过它的大名。就正常注册一个账号就好了。
注册好账号后需要在git里面创建一个仓库
然后创建一个xxxx.github.io
的仓库,这一步就完成了。
配置github SSH
注册好了github账号后 我们就可以配置ssh密钥了
第1步:创建SSH Key。在用户主目录下,看看有没有.ssh目录,如果有,再看看这个目录下有没有id_rsa
和id_rsa.pub
这两个文件,如果已经有了,可直接跳到下一步。如果没有,打开Git Bash,创建SSH Key:
安装好git后在桌面点击鼠标右键 便可以看到Git Bash
打开 Git Bash Here 输入
$ ssh-keygen -t rsa -C "youremail@example.com" |
你需要把邮件地址换成你自己的邮件地址,然后一路回车,使用默认值即可,由于这个Key也不是用于军事目的,所以也无需设置密码。
如果一切顺利的话,可以在用户主目录里找到.ssh
目录,里面有id_rsa
和id_rsa.pub
两个文件,这两个就是SSH Key的秘钥对,id_rsa
是私钥,不能泄露出去,id_rsa.pub
是公钥,可以放心地告诉任何人。
第2步: 登录github 打开 settings->SSH And GPG Keys ->New SSH Key
第3步:打开 Git Bash Here 输入命令测试是否配置成功
$ ssh -T git@git.com |
如果提示Are you sure you want to continue connecting(yes/no)?
输入yes.然后看到:
Hi mintureChan96! You've successfully authenticated, but GitHub does not provide shell access. |
看到这个信息说明SSH已配置成功,至此你还需要配置:
$ git config --global user.name "minturechan96"// 你的github用户名,非昵称 |
开始搭建博客
初始化
在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是d:\hexo
,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。
$ cd /d/hexo/ |
如果你遇到 'hexo' 不是内部或外部命令,也不是可运行的程序
那么你需要配置hexo的环境变量 在C盘找到AppDate\Roaming\npm\node_modules\hexo\bin
将这个路径添加到电脑的系统环境变量中 然后重新开始执行hexo init
然后依次输入
$ hexo g # 生成 |
hexo s
是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,解决端口冲突问题请参考这篇文章:
http://blog.liuxianan.com/windows-port-bind.html
第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章,打开后就是这个样子
修改主题
默认主题比较简洁。个人觉得不太好看 于是换了一个好看的主题。
有如下几个博主比较喜欢的主题推荐给大家:
indigo
Butterfly(博主所用的主题)
Diaspora
Nexmoe
上传到GitHub
如果你的博客+主题+ssh都配置好了,那么就可以发布到github了,只需要在当前初始化的文件夹中右键打开GIT Bash Here 输入命令hexo d
但是还有部分配置你需要知道。
你需要打开初始化博客的文件夹。找到_config.yml
文件 修改里面的配置:
deploy: |
配置完成后 还需要安装一个插件:
npm install hexo-deployer-git --save |
其它命令不确定,部署这个命令一定要用git bash,否则会提示Permission denied (publickey).
打开你的git bash,输入hexo d
就会将本次有改动的代码全部提交,没有改动的不会
至此就完成了搭建
新建一篇blog
找到hexo博客的根目录,在Git Bash Here 中执行如下命令:
hexo new post '你的博客名称' |
hexo 会自动帮我们在/source/_posts/生成一个以md结尾的文件。这个就是以markdown格式的文件。
然后就可以开始编写博客了。不是很清楚markdown格式语法的可以参考我的上一篇文章初识Markdown
End
markdown格式编译器 Typora官网
至此,你就可以拥有一个无比炫酷的个人blog了。