用 GitHub + Hexo 建立你的第一个博客

作为一个程序员,拥有一个自己的博客,平时记录一下,分享点技术文章,是很有必要的。建立博客的通常渠道包括:

  1. 在博客平台上注册,比如 博客园、CSDN、新浪博客 等。
  2. 利用博客框架搭建,如 WordPress、Jekyll、hexo 等。
  3. 自己用代码写一个。

其中,第一种最简单,也最受限,说不定还会被删帖删号。第二种稍复杂,另外需要自己找部署的服务器,但可定制化较高,是很多程序员的选择。最后一种,是在重复造轮子,不过从另一个方面来看,倒是锻炼编程能力的好方式。

下面我们就来看下第二种搭建博客的方式。由于内容较多,会分为几篇内容,今天是第一篇:

  1. github+hexo 建立你的第一个博客
  2. 部署博客及更新博文
  3. 安装自己喜欢的主题
  4. 购买并绑定域名
  5. 安装多说评论框

感谢本文作者 大懒虫 同学的投稿。

前言

其实呢,建立博客是非常简单的(哈哈,不管什么东西,你会的就觉得简单,不会的怎样都难),我来给大家说说如何使用 GitHubPages 和 Hexo 建立自己的博客。

这个有一点难度,但是不要怕,我会一步一步的给大家完成指导的,如果有任何问题也可以随时联系我,我会尽力给大家解决的!

下面先介绍为何选择 GitHubPages 和 Hexo 来搭建博客,然后介绍搭建博客的详细过程。

Why GitHub Pages and Hexo

因为 GitHub 的存在,我们得以简单快速地搭建个人博客。

GitHub

GitHub,是一个代码托管网站和社交编程网站。这里聚集了世界上各路技术牛叉的大牛,和最优秀的代码库。把你的博客托管在这里,还有什么不放心的呢O(∩_∩)O。

GitHub Pages GitHub Pages,是用来托管 GitHub 上静态网页的免费站点,那 GitHub Pages具体有哪些功能呢:

  • 有 300M 免费空间,资料自己管理,保存可靠;
  • 享受 GitHub 的便利,上面有很多大牛,眼界会开阔很多;
  • 可以使用很多现成的博客框架,搭建过程简单快速。

HEXO

Hexo 是一个简单、快速、强大的静态博客框架,出自中国台湾大学生 tommy351 之手。我也看过使用 Jekyll、Octopress 搭建个人博客的过程,确实要繁琐许多。相比之下 Hexo 更轻便更快捷,下面是其官网强调的四大特点:

  1. 极速生成静态页面
  2. 一键部署博客
  3. 丰富的插件支持
  4. 支持 Markdown

相信大家对 GitHub Pages 和 Hexo 有了一定的了解,下面进入正题。

使用 GitHub Pages 建立博客站点

注册 GitHub

访问 GitHub,注册十分简单,一定要记住注册时使用的邮箱,因为 GitHub 上很多通知都是通过邮箱的。如下图所示:

申请成功后,在 GitHub 官网上登录,并验证邮箱即可。

在 GitHub 上建立仓库

与 GitHub 建立好连接之后,就可以方便的使用它提供的 Pages 服务,GitHub Pages 分两种,一种是用你的 GitHub 用户名建立的 username.github.io 这样的用户&组织站点,另一种是依附项目的 Pages。

想建立个人博客是用的第一种,形如 username.github.io 这样的可访问的站点,每个用户名下面只能建立一个。如下图所示:

关于 Github 的使用,我的老师 Crossin先生 也写了一篇通俗易懂的教程,大家可以去看看 极简 Github 上手教程

搭建环境

安装软件

Node.js

https://nodejs.org/en/

下载完成后根据提示一步一步安装就好,这个没有什么需要特别说明的。

GitHub for Windows

https://desktop.github.com/

这里有一点说明,下载这个 github 时因为是先从官网下载下来了一个下载器,然后再在本地下载,因为是外网,可能有点卡,所以下载好了全部并整理好了离线版本,你下载这个直接就自动安装了:

github离线版

http://pan.baidu.com/s/1bZthpW 密码:olr2

下载并安装下面两个软件,一直点击下一步即可:

使用 GitHub for Windows 登录 GitHub

配置 SSH

我们如何让本地 git 项目与远程的 GitHub 建立联系呢?方法是用 SSH。打开命令行,输入以下命令:

ssh -T git@github.com

如图:

如果是下面之类的反馈(或者显示 Hi xxx):

The authenticity of host 'github.com (207.97.227.239)' can't be established. RSA key fingerprint is 16:27:ac:a5:76:28:2d:36:63:1b:56:4d:eb:df:a6:48. Are you sure you want to continue connecting (yes/no)?

不用紧张,输入 yes 之后,看到下图的结果,就配置成功了:

使用 Hexo 创建博客框架

Hexo 安装

打开命令行,依次输入以下命令:

cd /
npm install hexo-cli -g

如图:

提示:cd / 作用是返回根目录,Git Shell 默认装在 C 盘,启动时默认路径为 C:\Users\xxx(用户名)\Documents\GitHub,输入 cd / 命令后就返回到了 C 盘根目录下,需不需要使用 cd / 看个人习惯(下同)

Hexo 部署

Hexo 的部署可采用如下方法,输入命令:

hexo init [文件名]。

打开控制台,依次输入以下命令:

cd /
hexo init Hexo

回车后出现该提示则表示正确:

部署成功之后,Hexo 会自动在目标文件夹建立博客网站所需要的所有文件。此时可以通过输入以下命令在本地进行预览(在刚才创建的文件夹里):

hexo generate 
hexo server

系统可能会出现提示,请点击允许。如下图所示则表示正确:

此时打开浏览器,在浏览器地址栏输入 http://localhost:4000/ (默认端口为4000), 便可以看到最原始的博客了。以后发表博文想先预览,也可以通过 hexo server 在本地先跑起来,看看效果。

效果如下图所示:

恭喜,到目前为止个人博客的雏形已经有了。 在 Git Shell 中按 Ctrl + C 并输入 y 可以停止该服务。

原文发布于微信公众号 - Crossin的编程教室(crossincode)

原文发表时间:2016-08-24

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏進无尽的文章

基础篇-服务器工作实现的浅析

对于一个前端开发的人员来说,了解服务器的基础知识,个人觉得是非常必要的,于是就有一个这篇侧重于Java的服务器相关知识的文章,只是简单介绍对于我也是一个拓展。

1462
来自专栏潇涧技术专栏

Set up Octopress environment on another computer

最近换了机子,所以要在新机子上搭建Octopress的环境。本来因为新机整个系统环境就是和原来的一样可以不用配置的,可是不知道哪里弄错了,导致博客中写好的新内容...

591
来自专栏大白虾谈架构

Windows10 Oracle ODBC安装配置

1884
来自专栏腾讯移动品质中心TMQ的专栏

常用流量测试方法及一些思考

App性能测试中流量测试是其中重要的一项,网络场景(wifi、非wifi)、用户使用场景(页面加载流量、场景使用流量、待机流量),这些都是需要考虑的测试点。

5375
来自专栏琯琯博客

awesome-sysadmin-cn资源

系统管理员 资源列表,内容包括:备份/克隆软件、云计算/云存储、协作软件、配置管理、日志管理、监控、项目管理 备份 备份软件 Amanda:客户端-服务器模型备...

68312
来自专栏杨建荣的学习笔记

主备切换的准备工作(r7笔记第83天)

对于dataguard说,switchover,failover是一种互补可选的容灾解决方案。但是对于这种容灾思路还是存在着一些实践中的细节需 要,从数据层面而...

3425
来自专栏架构师之旅

《Spring敲门砖之基础教程第一季》 第一章(4) Spring 开发工具及开发环境配置

回顾 上一节,我们主要讨论了Sping的历史版本演绎,从无到有,从发布版本1.0到5.0的功能特性分析,并且对现在正在开发5.0版本充期许。随着Spr...

1957
来自专栏CodingToDie

分布式事务解决方案

Spring Cloud 分布式事务管理 在微服务如火如荼的情况下,越来越多的项目开始尝试改造成微服务架构,微服务即带来了项目开发的方便性,又提高了运维难度以及...

6105
来自专栏lgp20151222

傻瓜式的go modules的讲解和代码

国内关于gomod的文章,哪怕是使用了百度 -csdn,依然全是理论,虽然golang的使用者大多是大神但是也有像我这样的的弱鸡是不是?

5192
来自专栏杨建荣的学习笔记

强大的awr format (r4笔记第14天)

awr报告对于dba而言是工作中重要的一部分内容,有些时候感觉跟去医院看病的化验单一样,各种指标和参数。有些高了,有些低了都是需要注意的内容。之前打印了一份aw...

2774

扫码关注云+社区

领取腾讯云代金券