Hexo+Github搭建你的个人博客

用了大概一天左右时间(不算备案),算是初步把博客搭建起来了,也是蛮开心的。之前跟一些朋友讨论,现在建博客是不是晚了,因为看很多大牛都是学生时就建自己的博客了,我想说的是并不晚,有一句话很好:种树的最佳时间是25年前,仅次于它的最佳时间是现在。那么现在,我也来个手把手教你在Windows下搭建博客。

我的Github个人博客
我的CSDN博客

要准备的

  1. GitHub(记住用户名和邮箱)
  2. 下载Node.jsGit
  3. 安装Hexo

要开始了

  • Github搭建个人仓库
  • 安装Git
  • 安装Node.js
  • 安装Hexo
  • 看下我们的Hexo
  • 托管到Github
  • 完成
搭建个人仓库

注册-登录—点击右上角新建仓库:

image

填写Repository name 这里格式就填写自己的用户名.github.io这个之后就是你的访问域名了,创建成功页面如下:

image

Ps:红色箭头的地址我们可以复制一下建个txt暂时存下,在配置hexo时我们会用到

安装Git

Git是一款免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。
将我们下载的Git安装,详细的可以参考廖雪峰老师的Git教程。安装完成之后我们cmd打开命令行,输入git看到如下图所示就是安装成功了


安装成功后右击或者菜单里搜索会看见Git Bash。打开它,我们绑定github的用户名和邮箱,输入如下命令:
image

git config --global user.name "你的用户名"
git config --global user.email "你注册时的邮箱"
都是英文分号

安装Node.js

Node.js安装教程很详细,安装完后我们打开命令行输入指令验证下,如下图所示:
node --version


成功的话可以看到Node.js的版本号

安装Hexo

我们刚才安装了Node.js,这时候我们也同时安装了NPM.
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.输入如下命令行:
npm -v


成功看到版本号
好了好了开始安装Hexo,新建一个你放博客的文件夹比如Blog,然后鼠标右击选择在此处打开命令行窗口,输入以下命令
npm install -g hexo-cli
这里有个坑就是我知道这里安装会很慢但,等了半天还没反应,原来是需要我敲下回车,于是就继续进行了。

观赏下我们的Hexo

到这里马上就可以看到我们的小成果了
安装完成后我们要初始化我们的博客,输入如下命令行:
hexo init blog
(还是在这个文件夹下,右击选择在此处打开命令行)
初始化完成后,你会看见在你的文件夹下多了好多新的文件夹哈,会提示INFO Start blogging with Hexo!马上了,马上了我们就可以看见效果了,输入命令行,如下图所示:
hexo new my_blog
hexo g
hexo s

明显可以看出让我们去访问这个地址哈,激不激动,激不激动?Go!
这是打开后的界面
image

我的用的NexT主题,当然还有各种主题,大家的应该是默认landscape主题
image

激动激动,惊不惊喜。当然了,还没有完全搞完哈

托管到Github

让更多的人看到你的博客,Github的影响力就不用说了,就冲免费,这服务也是很好的哈,开玩笑了哈。我们继续.
打开Git Bash输入如下命令
ssh-keygen -t rsa -C "你当时注册github的邮箱"需要回车就回车然后最后会告诉你生成文件的路径,找到这个公钥文件(id_rsa.pub),私钥自己留在电脑上,打开它,解开它的扣子哦不,打开它,全选复制所有内容。然后打开Github进入你刚才创建的仓库,选择Settings然后选择左侧Deploy keys然后点击Add deploy key,看图:

image

这个Title可以随便写,然后key填写你刚才复制的文件里的内容,最后点击Add key完成
好,我们回头修改下博客配置文件就差不多了,这里有一个知识点,我们的博客下有两个_config.yml文件,一个是最外层这个我们称作站点配置文件,另一个是theme主题下的我们称作主题配置文件。接下来我们修改站点配置文件,打开然后翻到最下面填写一些个配置,如下所示:

其中repo的值填写我们最刚开始让你复制保存的你的github仓库地址,如果没有保留就进入github复制你的仓库地址,最后加上.git即可,记住这中间都是有空格的,至于为什么就不做解释了,之后的markdown书写习惯都是这样的。这里还有个小坑,要配置下,否则我们的博客会出现乱码,翻到最上面,如图所示:

设置下语言,然后我们保存的时候要保存成UTF-8格式,好了我们开始发布。在blog目录下,shift+右击在此处打开命令行,输入如下命令:
hexo clean
hexo g
hexo d



Ps:第一次上传到Github时可能会弹框让你输入帐号密码,之后就不会了因为我们已经配置了SSH。

完成

如果没什么问题,我们打开浏览器,输入自己的仓库地址就可以看到我们自己的博客了哈哈,这下激不激动,惊不惊喜哈。

未完待续

未说完的

从头来了一遍,不得不承认是有点累哈,就这我们其实还有好多没有说完,比如说发布文章了,更换主题了,个性化域名了。下次我们继续。

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

推荐阅读更多精彩内容