利用Hexo+github搭建博客,零成本、无需域名、服务器

之前的博客是用wordpress搭建在阿里云的一台虚拟机上,由于出了个意外,造成我在上面写的文章全部丢失了,虽然不多,但是也都是心血。吸取教训我打算换种方式搭建博客,分析了目前比较流行的博客框架ghost、Jekyll、hexo,最终选择了hexo。
hexo虽不如前两者那么火热,但还是很令我喜欢的:

  1. 依赖少(node),易安装
  2. 用markdown编写,生成纯静态文件,无需考虑库(前端最爱)
  3. 台湾人写的,中文文档友好
  4. 托管在github上,永不丢失

下面就开始文章的主要内容。

准备工作

安装node

很简单就跟平日装软件是一样的,如果不会看下面链接或者自行百度
http://www.runoob.com/nodejs/nodejs-install-setup.html

安装Git

同样不难,看下面链接或者自行百度
https://jingyan.baidu.com/article/020278117cbe921bcc9ce51c.html
注意:安装git第三步,要选择第二个(命令行模式),其他直接下一步。。。

注册github账号

到github官网注册账号,有账号请略过

配置SSH Key

注册完之后需要添加 SSH Key。
SSH Key是一个认证,让github识别绑定这台机器,允许这台机器无需密码提交,修改项目。执行如下命令:

cd ~/. ssh

~这个符号,表示在用户目录下
执行代码如果提示:No such file or directory 说明你是第一次使用git。
下面就说下怎么配置SSH Key。

生产新的SSH Key配置

在Git Bash(在任意文件夹中鼠标右击选择Git Bash Here打开)执行代码:

ssh-keygen -t rsa -C "jsl1992@163.com"

上面的邮箱记得修改成你自己的,成功后会生成两个文件id_rsa(私钥) 以及id_rsa.pub(公钥)。
然后找到这两个文件,默认都在C盘 > 用户 > xxx > .ssh 里面(xxx是计算机名字,我这里是jsl)

这里写图片描述

这里写图片描述

然后用文本编辑器把id_rsa_pub(公钥)这个文件打开,全选复制出来;
然后打开在github上添加SSH Key,登录github账号,点击右上角用户头像,选择setting(设置)> SSH and GPG keys > NewSSH key


这里写图片描述

然后把刚才复制的内容粘贴到key这里就可以了,title不用填,自己会识别


这里写图片描述

搭建博客

安装Hexo

在计算机上找个地方新建个blog文件夹,在Git Bash中。
输入以下命令用于安装hexo(我用的是cnpm,跟npm是一样的,比npm速度快,感兴趣可以到这里安装 http://npm.taobao.org/)

npm i -g hexo

等安装完成后,输入hexo命令测试是否安装成功,成功的话会出现下图这样


这里写图片描述

继续,我们初始化hexo,输入以下命令:

hexo init hexo

初始化成功会出现下图这样


这里写图片描述

现在看你blog文件夹下就会出现一个hexo的文件夹,再次输入命令 ,进入hexo文目录:

cd hexo

进入hexo目录后,输入以下命令,安装hexo项目所依赖的文件:

npm i

然后输入以下命令,本地部署hexo

hexo generate

然后输入 以下命令就可以本地运行hexo了

hexo server

这里写图片描述

在浏览器中输入 http://localhost:4000 就能看到本地的默认博客页面了

这里写图片描述

现在hexo是基本搭建完成,接下来就是,将hexo和github连接起来。

配置github

登录github,点击右上角加号,选择New repository(新建仓库)


这里写图片描述

启用GitHub Page

点击github右上角头像,点Your profile,进入到你的github主页,那里能看到你刚创建的xxx.github.io项目,点进去,然后选择Settings,就进入到项目设置页面,往下拉找到GitHub Pages的框框处,点击“Launch automatic page generator”,如下图


这里写图片描述

进入后点击底部的”Continue to layouts“
之后随意选择一个模板,点击“Publish page”,
然后打开自己在github的静态网址,我的http://jiaosl.github.io 你会发现,打开是你自己刚才选择静态站点模版。

将本地hexo项目托管到Github

进入hexo文件夹,找到_config.yml文件,用文本编辑器打开


这里写图片描述

拉到底部,看到

deploy:

在deploy: 的下面加入以下代码:

type: git
repository: git@github.com:jiaosl.github.io.git
branch: master

repository的值,对照着我的写,或者进入你刚才创建的git项目中,点击Clone or downloads,输入框里的内容就是repository的值。
此文件里的其他信息,都是网站的配置信息,以后可以自己修改,


这里写图片描述

安装hexo-deployer-git插件

npm i hexo-deployer-git --save

部署你本地的主题到github上

依次运行以下命令

hexo clean
hexo generate   # or hexo g
hexo deploy  #or hexo d

最后打开github项目的网站 jiaosl.github.io,就可以看到你的博客页面了.

域名绑定github

如果看到这里说明你已经搭建成功了,接下来如果想要把自己的域名绑定到刚搭建的博客里,请继续看。

域名解析

将自己的域名添加一条CNAME记录,

这里写图片描述

我用的是阿里云的域名,点击解析按钮,记录类型选择CNAME,主机记录可以不用填,记录值写你的github的二级域名,我的是jiaosl.github.io 然后保存就可以了,大约一两分钟会生效

这里写图片描述

光是解析到github是不行的,还需要我们在github中配置,允许我们的域名解析到这里,我们在本地hexo目录下的source中新建一个文件: CNAME 注意这个文件没有后缀名
这里写图片描述

打开CNAME文件,将我们的域名填入,然后保存,例如我的是 ofo110.com
这里写图片描述

然后发布我们的代码到github,等几分钟就可以可以访问了(上传文章有延迟),发布也就是我们前面的两步

hexo g
hexo d

到这里搭建基本结束,后续还会有hexo详细操作和,换主题的文章。

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

推荐阅读更多精彩内容