基于hexo搭建github个人博客
为什么要写个人博客
“好记性不如烂笔头”
一直倔强地认为只要我记性足够好,就根本不需要把时间花在做笔记、总结这种多余的事情上面。然而事实证明,我的这个想法的确没错,问题出就出在我的记性还不够好,至少还没好到完全不用做笔记的地步。当我意识到这点的时候,结合自身程序员的身份,很自然地萌生了“创建一个只属于自己的个人博客”的想法,于是有了现在你看到的这篇文章。
配置Hexo
Hexo是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
- 下载安装Node.js
安装 Hexo
1$ npm install -g hexo-cli不知道是不是网络原因,上面的命令我在家里自己电脑上卡了二十多分钟才执行完,不过从最终结果来看,并没有什么问题。
创建hexo工作目录
新建一个文件夹Hexo,进入文件夹后1$ npm install启动本地预览
1$ hexo init我执行上面这条命令时在最后一步报了个警告:
1$ npm WARN deprecated minimatch@0.3.0: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue这时候
Ctrl+C
就可以了,这个警告不会对后续流程有什么影响,但本着追求完美的态度,我们执行下面的命令更新这个有问题的包1$ npm install minimatch@"3.0.2"然后生成静态文件并启动服务
12$ hexo g$ hexo s启动服务后的默认访问网址为: http://localhost:4000/
如果以上各步都没问题,就能在浏览器看到新建的网页了,这里看到的是默认主题,将来根据自己的需要修改,参考官方主题
部署到github
安装hexo git部署插件 hexo-deployer-git
1$ npm install hexo-deployer-git --save修改hexo配置
工作目录中的 _config.yml 在这个文件里面可以设置网站的各项配置信息,包括网站标题、作者名等等。这里我们修改deploy参数为github仓库路径。123deploy:type: gitrepo: https://github.com/7byte/7byte.github.com.git部署github
1$ hexo deploy第一次部署的时候需要输入github账号和密码,以后再部署不用重新输入。
执行上面的命令后会把 \public 目录下的文件全部同步到指定的github pages仓库,仓库中原来的所有文件都会被清空,然后替换成我们新提交的文件。部署完成之后,在浏览器输入http://yourname.github.com 或者 http://yourname.github.io 就能看到新的博客页面,和本地预览时看到的内容是一致的。
The End
至此,我的博客基本搭建完成了!
当然,这只是开始,搭建博客的目的是为了敦促自己多多总结、多多表达、多多分享,改掉身上那些臭毛病,从而成为一个更好的人。仔细想想,我发现可以写的东西还挺多的。项目中用到的新思路、解决一道棘手的难题、学到好玩的新知识、自己实现的小游戏等等。
骐骥一跃,不能十步,驽马十驾,功在不舍,与君共勉。