从0开始搭建属于自己的博客(使用hexo博客框架搭建,并部署到github)


  相信不少的朋友都希望搭建一个属于自己的博客,可以在上面分享自己的学习心得,记录自己所掌握的知识,并通过博客让更多的人获取知识,可谓是一举多得了呀。当然,一份足够优秀的,有满满干货的博客也是简历的一个小小加分点,好了,废话不多说,我们直接上干货!

  一.环境配置:

  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仓库的链接复制到浏览器里,就可以进入到自己的专属博客啦,这个博客不止是你可以看见,任何人都可以进入你的博客进行访问。

 

   五. 结束语:

  到这里,本篇博文就到此结束啦,希望对大家有所帮助,在此过程中遇见的任何问题都可以私信我或者评论区留言,我都会尽力回答和解决你们的问题的,这也是我第一篇博文,很高兴和大家在博客园相遇!

 

 

 

 

 

 

 

 

    


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM