美文网首页我爱编程
使用Hexo+Github搭建个人博客

使用Hexo+Github搭建个人博客

作者: CoderLawrence | 来源:发表于2018-05-22 17:55 被阅读0次

    前言

    一开始接触写代码的时候我就想搭一个自己个人的技术博客,用来记录平常开发时遇到的问题和平时的一些学习等,但是那时候不知道要怎么去搭建属于自己的博客,而后工作越来越忙了这个事情就耽搁了,前段时间想逼自己记录一些自己平常时间的一些学习等,所以又萌发了重新搭建技术博客的念头,看了一波资料后决定采用Hexo+Github搭建个人博客, 因为Hexo搭建比较简单,而且Hexo使用Markdown渲染和解析文章,编写文章非常方便。

    Hexo简介

    Hexo 是一个快速、简介高效的博客框架。Hexo 官网地址:https://hexo.io/zh-cn/

    环境安装

    Git安装

    相信很多程序员都是使用Git,所以这里不再赘述git的安装,不会使用的同学这里推荐一个Git安装教程

    • 到你的Github账号上去建一个新的Repository,仓库名为[your_user_name.github.io],没有Github账号的同学到这里去申请https://github.com
    • 后续想要把网址部署到Github上的同学,需要在【your_user_name.github.io】此仓库下的Setting配置里添加一个Deploy keys

    创建 SSH key可以参考:

    Homebrew安装

    $ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
    

    Node.js安装

    直接使用homebrew安装
    $ brew install node
    
    下载Node.js包安装

    Node.js下载地址https://nodejs.org/

    Hexo安装

    $ npm install -g hexo-cli
    

    初始化博客

    安装完成Hexo后,建立一个Blog文件夹,执行如下指令即可完成Hexo初始化

    $ cd Blog
    $ Hexo init
    $ npm install
    

    部署博客

    完成Hexo初始化后,就可以测试一下你的博客是否搭建成功,执行如下指令进行测试

    $ cd Blog
    $ Hexo post "我的一个博客"
    $ Hexo g
    $ Hexo server
    

    执行如下指令后浏览器输入:http://localhost:4000查看本地博客是否可以访问

    发布博客到Github

    完成了博客的初始化后,我们可以把我们搭建的博客发布到Github,打开Blog文件夹下的_config.yml文件,找到deploy,配置如下:

    deploy:
      type: git
      repository: https://github.com/your_user_name/you_user_name.github.io.git
      branch: master
    

    要提交到Github上需要安装hexo-deployer-git插件

    $ npm install hexo-deployer-git --save
    

    等待hexo-deployer-git插件安装完成后,执行如下指令,即可完成Hexo发布

    $ Hexo clean
    $ Hexo g
    $ Hexo d
    

    到了这一步后耐心等待,如果遇到要输入Github账号用户名和密码,输入即可发布完成。

    修改Hexo默认主题

    我这里的博客主题是使用了next主题,需要自定义主题的可以到以下地址查看教程修改:

    http://theme-next.iissnan.com/
    https://hexo.io/themes/

    Hexo 写文章

    博客搭建完成后,可以开心的记录你的学习啊,个人心得什么的。

    $ cd Blog
    $ Hexo new post "xxxxxxx"
    

    完成文章编写后,可以重新发布到Github,指令如下:

    $ Hexo clean
    $ Hexo g
    $ Hexo d
    

    相关文章

      网友评论

        本文标题:使用Hexo+Github搭建个人博客

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