美文网首页工作生活
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