一、搭建篇 --使用Github+hexo搭建个人博客教程—总结自己爬过的坑

一直想要拥有自己的一个博客,CSDN,那些又觉得不够个性化(主要是觉得逼格不够,哈哈)

Github搭建博客的优点:1、不需要域名和服务器

2、访问自己博客的时候没有广告

3、可以自己修改样式,能根据自己的需求加功能。

首先来一篇预览的博客,让大家看看效果:这是我自己用Github搭建的:https://chakid.github.io/

***以下教程基于Windows环境

首先博客搭建的环境

>>node.js:https://nodejs.org/en/因为整个博客框架是基于node.js的,所以必须安装node.js环境,安装过程中一路Next即可。

>>Git客户端:https://git-scm.com/downloads/Git用来将hexo的相关文件部署到Github上去,安装过程一路Next。

>>安装hexo框架

环境准备好以后,我们便可以安装hexo的博客框架。

在桌面鼠标右击,选择 Git Bash Here,


然后就会打开Git的命令窗口,在命令窗口输入安装命令后,然后回车

npm install -g hexo

然后在指定的盘新建一个名为“ hexo ”的文件夹,如


然后以下的命令都在新建的hexo文件下进行

在这个新建的文件夹内鼠标右键,同样选择Git Bash Here,输入初始化命令,然后回车,等命令执行完,就会看到生成了一系列的文件;

hexo init

安装相关的依赖包,输入下面的命令,回车

npm install

接着在hexo文件夹下面继续执行以下命令

hexo g

hexo s

命令执行完后浏览器访问http://localhost:4000或者127.0.0.1:400,就会看到hexo的初始界面,是不是有着一丝丝的成就感?但是,这个界面还是在本地,别人并不能看到,想要别人看到,我们就必须将这些文件部署到Github上去。

首先我们需要到Github官网创建一个账号,创建链接:https://github.com/

创建完账号后我们新建一个Repository


这里要注意仓库的名字,必须是自己的Github账户的用户名.github.io,像我的就是Chakid.github.io.

接下来就是部署文件到Github了。

用Nodepad++打开hexo文件夹下面的_config.yml文件,该文件的最下面找到关键字deploy,然后修改成下面这样,用我自己的做案例

deploy:

type: git

repository: https://github.com/Chakid/Chakid.github.io.git

branch: master

这里拥有两个注意点:1、每个冒号后面都有一个空格,修改的时候别忘了;

2、注意修改的对应点要是自己的Github的账户名,别修改错了。

修改完保存

但是这样还不能连接到 github ,我们还需要配置SSH,找到路径C:\Users\leeyom.ssh,如果已经存在SSH Keys ,直接删除.ssh 文件夹下的所有的文件,如下图。


然后继续在hexo文件夹下面输入下面的指令

ssh-keygen -t rsa -C "1547658639@qq.com"

然后再回车三次,等命令执行完,再输入以下指令

1、eval `ssh-agent -s`

2、ssh-add

然后输入指令拷贝Key

clip < ~/.ssh/id_rsa.pub

然后进入自己刚注册的Github


接下来测试ssh是否配好了,输入下面的指令,会提示你输入yes/no你输入yes就行,这样ssh就配好了,接下来我们就可以将项目部署到Github上面了。

ssh -Tgit@github.com

然后执行以下命令将项目部署到Github上面

1、hexo g

2、hexo d

但是输入hexo d可能会报ERROR Deployer not fount: git错误,这是因为没有安装hexo-deployer-git这个模块,导致Git不能识别该命令,输入下面指令安装该模块即可。

npm install hexo-deployer-git --save

安装该模块的时间由网速决定,因为Github毕竟是国外的网站,并不是很稳定,所以请读者耐心等待。有事可能会因为断网等导致该模块安装失败,安装失败时还请读者多试两边。等模块安装完再次执行

hexo d

这是就会有弹出框,输入自己之前注册的github账号进行登录即可,然后浏览器输入Chakid.github.io进行访问即可,(将Chakid改成自己之前注册的Github的用户名即可) 这时就会发现可以访问自己之前在本地预览的页面了。

此时是不是有着一丝丝的成就感,终于有了属于自己的博客。

附录:

常用指令

1、hexo g #完整命令为hexo generate,用于生成静态文件

2、hexo s #完整命令为hexo server,用于启动服务器,主要用来本地预览

3、hexo d #完整命令为hexo deploy,用于将本地文件发布到github上

4、hexo n #完整命令为hexo new,用于新建一篇文章

本文很大一部分参考了http://leeyom.top/,感谢该作者。

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

推荐阅读更多精彩内容