使用Hexo + Github搭建自己的私人博客

个人博客CoorChice,https://chenbingx.github.io/ ,最新文章将会首发CoorChice的博客,欢迎探索哦 !
同时,搜索微信公众号CoorChice,或扫描文章末尾二维码,可以关注我的微信公众号。同期文章也将会优先推送到微信公众号中,以提醒您有新鲜文章出炉。

背景介绍

也许你已经在CSDN、简书等博客网站上创建了自己的博客。但作为程序猿,总想能够拥有一个属于自己的,能够自由DIY的私人博客。本篇文章,我将详细讲解如何搭建起一个私人博客。

动手搭建自己的私人博客吧!

先上一张效果图: CoorChice的Blog

img_60f820afa6abf849afb96a72705d5cfd.png
CoorChice的blog

看起来还不错吧,简约而专注于写作。我们来看看如何实现吧。

准备阶段

首先,我们需要现安装一些东西。

Homebrew

Homebrew官网

Homebrew是Mac OSX上的软件包管理工具,能在Mac中方便的安装软件或者卸载软件,相当于linux下的apt-get、yum神器;Homebre可以在Mac上安装一些OS X没有的UNIX工具,Homebrew将这些工具统统安装到了 /usr/local/Cellar 目录中,并在 /usr/local/bin 中创建符号链接。

我们只需要打开终端,输入以下命令,确定执行后就可以安装Homebrew 了。

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

为什么需要安装Homebrew?是为了接下来方便的安装Node.js

Node.js

由于我们使用Hexo框架来搭建生成博客,而Hexo是基于Node.js的。所以,还需要安装Node.js。
安装Node.js只需要在终端中输入:

brew install node

安装完成后,输入:

node -v

显示版本号表示已经安装完成,如下:

MacBook-Pro:~ ******$ node -v
v7.4.0

Node.js中有一个叫做npm(Node Package Manager)的工具,用于搜索、下载、管理Node的相关套件。有了这个东西,我们就能够方便的安装Hexo了。

Hexo

Hexo官网

终于到主角儿出场了。

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。

安装Hexo也十分简单。在终端输入以下命令即可:

sudo npm install -g hexo-cli

安装完成后,输入hexo -version 如果输出以下类似信息表示安装完成。

hexo-cli: 1.0.2
os: Darwin 16.3.0 darwin x64
http_parser: 2.7.0
node: 7.4.0
v8: 5.4.500.45
uv: 1.10.1
zlib: 1.2.8
ares: 1.10.1-DEV
modules: 51
openssl: 1.0.2j
icu: 58.2
unicode: 9.0
cldr: 30.0.3
tz: 2016j

hexo-deployer-git自动部署发布工具

这个工具能够帮助我们快速部署博客bing并发布,安装它只需要在终端输入:

npm install hexo-deployer-git --save

Github仓库

我们需要到自己的Github中创建一个仓库(还不会使用Github的同学百度、Google ),注意名字一定要是这种格式:

你的Github账号的注册名称.github.io 

比如我的博客地址:
https://chenbingx.github.io/

这个名称将成为以后你的博客地址。谨慎啊!

配置博客

到此我们已经准备好了搭建博客的所有原材料,下面我们真的要开始搭建了啊

  1. 创建本地博客仓库
    使用命令:
hexo init 你的Github账号的注册名称.github.io 

然后会在用户目录下生成一个名为 “你的Github账号的注册名称.github.io” 的文件夹,这个目录就是我们的博客目录。

  1. 设置主题

首先,我们一路cd到刚刚创建的目录下。先下载一个主题,这是一个示例,都是一个套路。

git clone https://github.com/iissnan/hexo-theme-next themes/next

这里我使用的是NexT这个主题,文档十分详细。
NexT官网

然后我们在“你的Github账号的注册名称.github.io”目录下找到_config.yml文件,打开它(我是用Sublim Text打开的)。command + F搜索到theme:,在后面加上next,这是我们刚刚存放NexT主题的文件夹名称。

接着需要把这个博客和刚刚创建的Github仓库关联。
command + F搜索deploy: 然后按照以下格式设置:

deploy: 
  type: git  //我们使用Git管理
  repo: git@github.com:****/****.github.io.git  //刚刚创建的Github仓库的SSH类型地址,使用HTTPS很有可能遇到权限问题
  branch: master  //你所期望的分支名称

注意,以上操作中,:号后面的空格一定不能省略。其他详细配置可以参考Hexo 的官网。

  1. 写文章
    我们的文章存放在博客根目录下的source/_posts文件夹下。我们可以在这个文件下建立子文件夹管理文章分类。文章类型被要求必须是.md格式的,就是Markdown。
    这里写Markdown与平时稍有不同,需要在头部添加:
---
文章配置信息。
这里的配置信息与我们所使用的主题有关。
---

从这里开始写正文内容...

发布博客

注意,以下操作需要cd到博客目录下。

hexo clean  //每次有大变动,比如更换主题等操作时,可以清理以下之前的缓存;  

hexo g  //即hexo generate,生成静态文件;

hexo s  //即hexo server,启动服务器。默认情况下,访问网址为: http://localhost:4000/; 

hexo d  //即hexo deploy,部署网站到Github。

总结

终于,我们的博客搭建完成了。我们不需要租用服务器就搭建了一个属于自己的博客,并且在Hexo框架的支持下,我们可以使用不同的主题来装饰自己的Blog。

参考文献

  1. Homebrew官网
  2. NexT官网
  3. Hexo官网
img_08b056b059ac831a2d371fa29bdef1e3.jpe
CoorChice的公众号
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值