GitHub + Hexo搭建个人博客


前言

很早就有搭建博客的想法,最近终于有时间,去网上去搜相关教程,结果各种坑,决定写一篇。

假设你已经拥有了GitHub以及ssh认证等,去gitHub新建一个仓库,仓库名必须为 yourusername.github.io

如:

image

创建完了之后先不用管他。

正式安装Hexo

在安装Hexo之前需要安装Node.js,直接去官网download无脑安装即可。这里我们主要说Hexo。

首先创建一个文件夹存放hexo配置,如Blog。

记住在执行hexo指令前,必须是在刚才存放hexo配置的文件目录下,否则命令无效,所依我们一路cd 到刚才的Blog文件夹下

执行如下命令安装Hexo:

sudo npm install -g hexo

初始化然后,执行init命令初始化hexo,命令:

hexo init

hexo的指令非常少而且简单,现在我们来测下hexo是否成功安装

hexo g

本地启动
我们来预览调试
hexo s
浏览器输入 http://localhost:4000

现在回到我们的github

  1. 找到你的仓库,yourusername.github.io
  2. 点击仓库的SETTING选项卡
  3. 下拉到GitHub Pages选项中,点击如下图按钮Choose theme

点击之后随便选个theme,随后关闭我们的GitHub.

配置Hexo

进入我们的Blog文件夹,这里的根目录下有个_config.yml文件,这个叫做站点配置文件可以理解成全局的配置文件。

现在来设置这个配置文件

这里重点修改内容是整个配置文件的最下面的这么一段:

deploy:

 type: git

 repo: git@github.com:fay77/fay77.github.io.git

 branch: master

需要注意的是所有的冒号后面都要加个空格,否则无效,repo后面跟的是ssh地址,http地址会有问题

然后执行命令:

npm install hexo-deployer-git --save

到此为止基本配置都结束了,我们开始部署到gitHub上,执行命令:

hexo deploy

然后再浏览器中输入http://fay77.github.io/ 就行了,我的github的账户叫fay77,把这个改成你github的账户名就行了

Notes

每次部署都按以下三步来进行

  • hexo clean
  • hexo g
  • hexo d

域名绑定

以上步骤生成的博客地址均以 xxx.github.io为地址的,你也可以更改这个地址,绑定你的域名。

购买域名

我用的是dnspod,进入搜索你想要的域名,然后支付。这里很简单不多说。

点击 解析 进入

点击 添加记录 选A

这里的ping需要打开cmd执行命令
ping -t fay77github.io
得到一串ip地址,复制并且粘贴到记录值一栏。 点击确定。

再次点击添加记录 选CNAME
记录值这次填你的github.io那个地址就可以了。

GitHubPage绑定你的域名

在blog文件下


新建CNAME,里面填入你的域名。 然后执行命令
hexo g
hexo d

大功告成。 访问你的域名就可以了。


多台电脑同时编写博客

上面都完成之后你应该正在愉快的编写博客了,当你回家想写点什么,fuck博客的资料全在单位电脑咋办


利用分支解决多电脑同步博客的问题

首先我们进入到已经git clonexxx.github.io仓库了的文件夹中,命令行敲起来,墙裂推荐cmder命令行,wins下的cmd简直跟屎一样。

二话不说就是一个git pull更新master分支上的内容,随后创建本地分支hexo ,这个名字你可以随便取

git checkout -b hexo创建并且切换到我们本地的hexo分支下,我们要在这个分支下管理所有的博客资源文件,将我们上面,不对是很上面创建的Blog文件整个复制到hexo分支所在的文件夹目录下

执行git status 会发现blog文件下的东西显示未添加到git, 这里有个小坑

如果git提示某些文件无法add,我们只要进入那个文件下找到 .git 文件并且删除即可
然后commit这些都是git常用指令了,不多说。

接下来就是提交blog整个文件到远端了

执行git push origin hexo:hexo 这里我将远端的分支也命名为hexo了,所以看起来有点变扭,建议命名为remote_hexo用以区分远端和本地。

到这一步基本就都ok了。 然后我们来看看有分支下的情况下如何更新博客的:

  1. 进入到git clone了的文件目录下,找到.md也就是你的博客文章,然后修改。
  2. git add git commit git push origin hexo将修改的博文推送到远端

你会发现修改的博客文章状态改变了

  1. 执行hexo g hexo d,hexo会自动将.md文章转成html等推送到远端的master分支。

建议去github将hexo分支设置为默认分支,这样我们只需要手动管理hexo分支即可,master就交给了hexo去自动管理了。

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