hexo:从零开始搭建个人博客

博客是传递、分享技术的一种高效途径,如果你不满足于github、CSND、简书等方式,还可以搭建自己的个人博客,使用hexo搭建个人博客是一种便捷有效的方式。
本文介绍一种搭建个人博客的方法。通过hexo搭建个人博客,部署到github上;另外介绍如何使用github的域名绑定功能,给个人博客设置域名。


版权声明:本文为博主原创文章,禁止转载
作者博客:codesong.cn


工具及平台:

工具:hexo、git、Node.js、npm/cnpm
平台:Linux、macOS、Windows等
不同系统操作基本相同,本文以win10为例进行演示。
(windows环境需已安装git并配置为环境变量)

搭建过程:

1、安装hexo

(1)安装Node.js

Node.js是一个基于Chrome V8引擎的JavaScript运行环境,能够是js运行在服务端。安装方法非常简单:
nodejs.org下载安装即可。推荐下载LTS(Long Time Support)版本


下载安装Node.js

(2)安装NPM

NPM(Node Package Manager)是基于Node.js的包管理工具,方便开发人员分享和获取第三方包并使用。
由于NPM镜像是国外资源,安装十分缓慢,因此我们选择安装淘宝团队做的镜像cnpm。在win10环境下,以管理员身份运行CMD,输入以下命令:

npm install -g cnpm --registry=https://registry.npm.taobao.org

这样我们便完成了Node.js和NPM的安装,此时我们可以通过查询版本号的方式来验证Node.js和NPM是否安装成功:

node -v
npm -v

如果出现两者的版本信息,说明我们已经成功安装了Node.js和NPM,很简单是吧。

(3)安装hexo

使用cnpm安装hexo:

cnpm install -g hexo-cli    //安装hexo

同样可以通过查询版本信息确认hexo是否安装成功:

hexo -v

2、使用hexo搭建博客

(1)创建工作路径

首先在电脑任意位置(如D盘)新建一个文件夹,比如我们命名为blog,在windows系统下,此操作可以直接在D盘操作,或用命令行创建:

mkdir blog

(2)初始化博客

进入blog文件夹并初始化博客:

cd blog
hexo init

注意:在macOS或Linux环境需以管理员身份进行操作

此时我们就通过hexo完成了博客的初始搭建,hexo会默认创建一个landscape主题。此过程有时较慢,耐心等待。
这时我们打开电脑的blog文件夹,会发现生成了许多文件,其中theme文件夹内就是我们博客的主题,后续更改主题需要在此操作。


(3)启动、生成博客

启动博客:

hexo s

启动后会出现本地访问的端口


hexo启动

在浏览器中输入 localhost:4000 ,就可以进入我们刚刚生成的博客主页了。大概长这个样子:



很激动对吧!别着急,个人搭建的博客可玩性可不仅如此呢,接下来简单介绍如何在新建文章。

(4)新建文章

windows环境下推荐直接将写好的文章放在blog/source/_post路径下:


当然也可以像macOS或Linux下使用命令行新建文章,然后进行编辑:

hexo n "新建的文章"

博客一般使用markdown格式(.md),非常方便的一种格式,网上有很多介绍,大家可以学习一下。

(5)更新博客

对博客内容、主题进行修改后,比如刚才新建了一篇文章,需要将修改更新。
一般需要在blog目录下按顺序进行清理(clean)、生成(generate)、启动(sever/start)操作:

hexo clean
hexo g
hexo s

至此我们就完成了个人博客的创建,以及如何对博客进行修改等操作。不过我们的博客现在只能通过本地端口(localhost)访问调试,怎么才能让别人看到我们的博客呢?

接下来就来介绍如何将博客部署到github上进行访问。

3、将博客部署到github上

(1)在github上新建仓库

仓库名称必须为 xxx.github.io(其中xxx为自己的github用户名),如codesong99.github.io,并得到仓库地址:


github仓库地址

2)在blog目录下安装一个git的部署插件

cnpm install --save hexo-deployer-git

3)修改blog目录下的配置文件

打开blog目录下的_config.yml文件,在最后几行的部署(deploy)信息位置添加以下配置:


deploy配置

部署类型为git,仓库地址为刚才获得的github仓库地址,branch设置为master,修改完成后保存并关闭。
注意冒号后有一个空格。

(4)将博客部署远端

回到CMD窗口,在blog目录下输入一下命令,将博客推到远端:

hexo d

这个"d"就是deploy的意思。此过程需要输入github账号及密码。

至此我们就完成了搭建hexo博客并部署到github上的所有工作,在浏览器中输入xxx.github.io即可访问自己的个人博客。

4、One More Thing

虽然我们已经完成了个人博客的搭建,并部署到github上进行访问,但默认的landscape主题、xxxxxxx.github.io的地址是不是感觉跟真正的博客还有些不同?
上文中已经简单提到,我们可以自己修改个人博客的主题(将博客主题放在theme路径下),具体实现就要考验大家的审美和动手能力了,网上也有很多优秀的修改方法、模板,本文不再介绍。
接下来我将简单介绍如何设置自己的域名来访问博客。

绑定域名

github支持绑定域名,来访问我们的博客。只需在github上绑定域名,并将域名解析到github仓库即可。具体需要以下三个步骤:

首先在github博客仓库中新建一个"CNAME"的文件,文件内容为自己注册的域名(可在阿里云、腾讯云购买域名,暂不需要购买服务器),如“codesong.cn”:



这样我们在仓库的settings->options->Custom domain界面就能看到自己绑定的域名啦:


github绑定域名

第二步,ping一下自己github仓库的ip:


ping

最后将自己的域名解析中添加www、@两条A型记录,其中“记录值”为刚才ping到的github仓库ip


域名解析

这样,我们就可以同时通过 用户名.github.io 和自己注册的域名来访问个人博客了。

以上就是本文的全部内容了,希望大家早日熟练hexo clean 、hexo g 、hexo d 三连~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容