GitHub + hexo 快速搭建Blog
GitHub + hexo 快速搭建Blog
注意:要有一点Git基础
废话不多说,直接正题。
- 如果没有GitHub帐号,先注册一个。
- 然后直接打开GitHub Pages 。打开之后按照那里的步骤来就好。本人用的是
- 然后创建 repository,这里要注意一点,创建repository的时候,repository name要是username.github.io, 这个username用你真实的username来代替,如:我Github的username是wingmrl, repository name就为wingmrl.github.io好了之后要用到git(也可以不用,如图)
- 如果选择A terminal 的话,就是用git来操作,不过可以选择 gitHub for Windows,简单粗暴!
- 继续按步骤完成!
- 现在可以试试:http://username.github.io 来访问你的User site了(同样的:url里的username用你真实的username代替。)
Hexo
- 其实现在,你已经可以写网页,然后用Github for Windows同步到github上,就可以访问了。但是这样也太简陋,也太麻烦了,总不能每次写篇文章都要写个网页,然后又到blog主页里面改是吧!于是我们用一个叫Hexo的东西。
Hexo介绍
Hexo的作者是tommy351,根据官方介绍,Hexo是一个简单、快速、强大的博客发布工具,支持Markdown格式。 装好这两个东西之后,打开git bash。然后输入以下命令安装Hexo
1npm install -g hexo-cli
如果命令无法运行(很可能是你的网络不好),可以尝试更换taobao的npm源1npm install -g hexo-cli --registry=https://registry.npm.taobao.org
创建Hexo文件夹
安装完成后,根据自己喜好建立目录(如D:\GitHub\hexo),然后打开我的电脑,进入到这个文件夹(如D:\GitHub\hexo),右键Git Bash Here,如图
然后输入命令:1hexo init
这可能有点久。当然,你也可以在D:\GitHub目录下,1hexo init hexo
结果,和上面的是一样的。好了之后再输入命令:1npm install
这个命令会根据hexo init后所在目录的package.json的dependencies字段来安装hexo要用到的插件。
装好后,继续执行以下命令,成功后可登录 http://localhost:4000 查看效果1hexo server
上面的命令可以简写为hexo s
查看效果后,觉得不错,就可以生成静态网页部署到Github上了。输入命令生成public 静态文件1hexo g
成功后可以看到目录下多了个public的文件夹,然后把文件夹里面的所以东西复制到Github for windows的目录下,然后同步到github,大功告成!
本文根据自己的实践和参考以下内容编写
如何搭建一个独立博客——简明Github Pages与Hexo教程
使用GitHub和Hexo搭建免费静态Blog
Hexo官方文档