美文网首页工作生活
Hexo+Github搭建个人博客入坑全过程

Hexo+Github搭建个人博客入坑全过程

作者: NWPU_HaiboWu | 来源:发表于2019-06-30 23:50 被阅读0次

前言

因为是在读研究生,所以得为找工作谋划谋划,算不上技术博客也就是分享一下我学习的心得感受吧。最初是从up主codesheep那看到的搭建一个个人博客,于是我开始了自己的入坑全过程。


一、Hexo配置安装与运行

  1. 首先我们要知道Hexo是一个基于Node.js开发的,所以需要下载安装Node.js,Node.js安装过程自行体会,不会的面壁,使用下方命令验证安装是否正确

npm-v

  1. 如果你是window环境下安装使用,需要有Git环境,建议下载Git Bash,后续在

  2. 与Ubuntu原因类似,更换npm(Node Package Manager)源, 这里我使用的是淘宝的源

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证一下当前确实可用:

cnpm -v

Node.js安装验证
  1. 安装Hexo客户端,无敌简单

npm install -g hexo-cli

通过hexo -v来验证

  1. mkdir一个文件夹,来存放blog的所有文件,所有的文件都在这个文件夹下,如果后续出了什么bug或者进行电脑移植,对这个文件夹操作就OK了
  • cd 到当前创建的blog的文件夹下
  • 进行初始化:hexo init,这里需要Git环境的,可能会比较慢,耐心等待
  • 最终生成的文件如图所示:


    本地文件生成样式
  1. 四个简单重要的命令

hexo n "我的第一篇博文" #新建一篇博文,会在/source/_posts下生成一个.md文件
hexo clean #清理当前工作空间
hexo g #这里的g是generate的缩写,表示生成静态资源
hexo s #开启本地服务

效果图如下:


四个命令

我们可以通过:http://localhost:4000 实现本地访问

至此,hexo的安装与运行过程结束


二、发布到Github

我觉得建一个公网可以访问的web,还是蛮骄傲的事情吧!(我大概是个傲娇的人hhh)

  1. 登陆github账号,右上角+号,新建一个repository

  2. 这里repo的命名是很讲究的:必须是 github的username.github.io,如下图所示:


    image
  3. 需要安装一个插件:

cnpm install --save hexo-deployer-git

这里会有一个Warning忽略即可

  1. 文件配置,在blog文件下有一个很重要的文件 _config.yml ,后续的一些列美化都会用到这个文件
    打开,找到deploy节点,进行填充,如图:
    修改配置文件
  1. 部署到远端,,过程中需要输入github账号和密码
    这里的密码输入默认是无显示的,大家不要以为是没输入进去

hexo d

如图所示:

push到github
至此,大功告成,我们可以登录网站查看,地址对应的改成自己的就ok了,可能会有一点延迟:
https://nwpuwuhaibo.github.io/

后续

1.当前自带的样式你一定不喜欢,下一篇文章告诉你如何更换主题
2.更换中的一些注意事项
3.如何用markdown开始写第一篇博文
4.如何用图床提高自己的写作效率

相关文章

网友评论

    本文标题:Hexo+Github搭建个人博客入坑全过程

    本文链接:https://www.haomeiwen.com/subject/bniicctx.html