阅读 266

使用Hexo+Github搭建个人博客

前言

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

Hexo简介

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

环境安装

Git安装

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

  • 到你的Github账号上去建一个新的Repository,仓库名为[your_user_name.github.io],没有Github账号的同学到这里去申请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下载地址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主题,需要自定义主题的可以到以下地址查看教程修改:

theme-next.iissnan.com/ hexo.io/themes/

Hexo 写文章

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

$ cd Blog
$ Hexo new post "xxxxxxx"
复制代码

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

$ Hexo clean
$ Hexo g
$ Hexo d
复制代码
文章分类
前端
文章标签