相信不少的朋友都希望搭建一个属于自己的博客,可以在上面分享自己的学习心得,记录自己所掌握的知识,并通过博客让更多的人获取知识,可谓是一举多得了呀。当然,一份足够优秀的,有满满干货的博客也是简历的一个小小加分点,好了,废话不多说,我们直接上干货!
一.环境配置:
1.1 安装node.js:
官方下载链接:https://nodejs.org/zh-cn/
这里呢还是更推荐长期维护版哈,毕竟更稳定一些。(ps:Hexo 3.9.0要求nodejs版本>6.9.0)
安装的时候全部无脑下一步就行了,不需要多想,直接冲!安装完成后可以win+R打开输入cmd再回车,再输入node- v即可查看node的版本号啦(注意中间node与-v之间有空格)
1.2 淘宝npm镜像(可以省略,只要你愿意慢慢等):
当我们在项目中npm install
太慢时,可以使用淘宝镜像来提高npm
的速度,直接在刚刚查看node版本号的地方再输入
npm config set registry https://registry.npm.taobao.org
即可全局部署,该操作可以节省后续下载其他包的很多时间,建议使用。
二. 安装hexo:
还是在刚刚的界面上操作(后续还有很多操作也是在CMD窗口上的,就不多赘述了),输入代码:
npm install -g hexo-cli
即可安装hexo
这里再贴一下hexo的官方安装文档,安装出现的任何问题都可以在这里面查看:https://hexo.io/zh-cn/docs/
三. 创建相应的文件夹:
3.1 创建目录:
输入md + (自己想要创建的文件名)例如md zlog
3.2 进入该文件:
cd+刚刚创建的文件名(比如cd zlog)
3.3 初始化博客:
hexo init
在漫长的等待过后,我们可以看见他提示我们安装完成了,这时候只需要输入
hexo s
便可以一键部署博客了,他会为你自动生成一篇文章《hello world》
这时候会出现一个端口,将此链接复制到浏览器里面打开。(切记在此过程中请勿关闭CMD窗口)
3.4 创建一篇博文:
接下来我们创建第一遍属于自己的文章:
hexo n
在hexo n后面加上" (文章的标题)",按下回车 这时候我们文章的标题就写好了。之后文章的内容在CMD里面写未免有些不太方便,这里推荐使用vscdoe或者Typora,只要学一点markdown的语法就可以了,在这里就不过多演示了(还是懒)
四.部署到github上:
文章写出来自然是不可能只放在本地的,我们将其部署到github上才能够让其他人访问。
前往github,我们先创建一个仓库,这里创建的仓库名很重要,必须是自己github的名字.github.io
例如: 这里就别设置成private了啊,必须得是Public才能被其他人访问的。
绑定github之前我们还要下载一个插件,输入:
cnpm install --save hexo-deployer-git
这时候再打开先前下载的hexo的文件夹,打开_config.yml的文件夹(建议用vscode打开),直接划到文件代码的最后一行,找到这串代码:
输入
deploy:
type: git
repo: (这里输入你自己的github仓库地址就行)
branch: master
注意每个冒号后面都是有空格的。完成后保存退出,继续在CMD窗口输入:
hexo d
将文件直接部署到github上,这时候刷新仓库,会发现仓库出现了自己创建的文件了。
将github仓库的链接复制到浏览器里,就可以进入到自己的专属博客啦,这个博客不止是你可以看见,任何人都可以进入你的博客进行访问。
五. 结束语:
到这里,本篇博文就到此结束啦,希望对大家有所帮助,在此过程中遇见的任何问题都可以私信我或者评论区留言,我都会尽力回答和解决你们的问题的,这也是我第一篇博文,很高兴和大家在博客园相遇!