一步步教你使用Hexo配合github搭建个人主页


前言

如今可谓是全民编程时代,生活在北上广这样的城市里,感觉每天遇见的每一个背电脑包的都像是个程序员,那么多程序员,如果自己没有什么优势的话,很快你就会被这个时代所抛弃,有一个自己的博客,记录自己工作中遇到的问题,总结自己的工作,不论是以后找工作,还是复习之前的知识,博客记录都是一种很好的方式,那你可能会说了,不是有csdn、开源中国、简书等等,可是这些都太普通了,作为程序员的我们,怎么能没有自己的博客呢。
那么我今天以我的个人博客搭建为例(http://www.wanglijun.vip) 教大家一步步搭建好自己的博客。


准备条件

  • 你要有一台电脑
  • git (本文以win系统为例)
  • node.js
  • Hexo
  • github账号(作为域名的服务器)
  • 域名(当然要申请一个有意义的域名,阿里云的必须要实名认证,我第一次就是因为没有实名,失败了)

安装git

git我们在win下没有命令端,所以我们要装两个软件,就是下面图片中的,大家可以去网上随便下载,这里就不提供下载链接了。

git安装软件

上面这两个软件的安装方式都是傻瓜式安装,一路下一步就行了,那么安装完我们怎么知道是否安装成功呢,在桌面任意位置,或者文件夹上鼠标右键,出现下图说明安装成功。

git安装成功图

安装node.js

node下载链接https://nodejs.org/en/download/, 至于下载哪一个不用担心,下图有,安装方式也是傻瓜式的安装,直接一路下一步就行,node体积很小,只有大概十兆左右。

node下载图片

我的是win10 64位系统,大家根据自己系统情况选择下载。那么安装完了我们怎么能验证node是否安装成功呢!别急,看下图

node安装成功图

win键 + R键,dos命令窗口输入node -v,出现node版本号说明我们node已经安装成功了。


安装Hexo

上面git node 都已经安装成功了,开始安装Hexo,Hexo的安装方式是使用命令行的形式,直接在桌面或者文件夹任意位置右键,选git bash ,在出现的窗口中输入下面命令。

npm install hexo -g 

-g表示全局安装, npm默认为当前项目安装,npm在新版的node中就包含了,如过想验证之前安装node时候,是否npm安装成功,也是用验证版本号的方式,在dos命令窗口输入 npm -v.
等这个命令执行完后,我们在电脑的任意盘符新建一个文件夹,名字随意起,一般命名为Hexo,然后在新建的文件夹中邮件选git bash ,依次输入下面命令,安装Hexo.

hexo init  
hexo g
hexo s

init 初始化hexo到你指定的目录
g 自动根据当前目录下文件,生成静态网页
server 运行本地服务
出现下面一行,说明本地服务运行成功。

INFO Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

接着在浏览器输入http://localhost:4000就可以看到效果。
本地服务退出方式为 ctrl + c 组合键。
在本地看到的样子应该是如下图。

hexo部署成功图,图片来源网络

好了,看到这个页面,就说明我们本地的静态页面已经创建成功了,接下来要做的就是创建github仓库
本地ssh链接github账号
域名绑定github仓库


创建github账号及仓库

git仓库

github账号用邮箱注册,网站:http://www.github.com, git仓库名字也是有一定规则的,假如你github账号名字为wljdev,那么你创建这个仓库的名字就必须是:wljdev.github.io,(很多教程博客里面会让你们再创建一个页面,我觉着这是完全没有必要的,因为这些页面是我们用hexo从本地上传的,如果这个时候创建页面是没有意义的,),这个时候我们仓库是空的,记住是空的,里面什么都不要写。
仓库创建为下图就算结束

git仓库创建图,图片来源网络

创建本地ssh key

检验本地是否已存在key
桌面右键,选择git bash ,依次输入命令

cd ~
cd .ssh
ls

存在key的话都会显示id_rsa.pub和id_dsa.pub这两个文件没有key什么都不会显示

ssh-keygen -t rsa -C "your_email@mail.com"

引号中输入的是你的邮箱,这里会提示输入一个文件名来保存ssh key也可以什么都不输入,使用默认的id_rsa.pub和id_dsa.pub回车之后需要输入两次密码:密码我们如果放心的话直接回车,就是没有密码,这样简单。

githu关联key

登录Github->Settings->SSH keys->Add SSH key
打开本地id_rsa.pub文件(注意:不是id_rsa文件),复制所有内容
将复制的内容粘贴到刚刚那个页面的key对应的文本框里面,title随便
最后输入:ssh -T git@github.com 回车输入密码,会提示是否设置成功!

本地站点配置

进入到本地创建的Hexo 文件夹中,打开Hexo目录下的_config.xml文件,用文本方式打开,直接拉到最下面找到,修改为如下样式

deploy: 
  type: git 
  repository: git@github.com:wljdev/wljdev.github.io.git  
  branch: master

测试、提交到仓库

还是右键选择git bash ,依次输入下面命令

hexo g
hexo s --debug

g 部署,s --debug 本地调试,现在本地测试没问题就可以提交到git仓库了,本地测试: http://0.0.0.0:4000/
不出意外,本地测试没有问题,下面就要提交到git了,依次输入命令如下

hexo g
hexo d

这个时候在浏览器中输入: http://wljdev.github.io 就可以访问到本地站点了,和本地测试是一样的。


git绑定域名

接着在本地Hexo的文件夹中的source文件夹中创一个文件名为 CNAME 记住没有任何后缀,里面内容就写你的域名,比我的的域名为 www.wanglijun.vip 就这样,没别的内容。(这里我再说下,网上有别的博客说在git仓库中创建一个CNAME的文件,然后再下载到本地拷贝到source文件夹中,这种方式不是不可以,只是不觉得麻烦吗,直接在本地创建,提交上去就完事了。)
进入到自己买的域名网站的管理平台,如下我的事阿里云域名,直接按照如图所示更改即可。
修改完后记得启动,基本上就算搭建完成了,这时候直接在浏览器中输入http://www.wanglijun.vip 就可以访问我的网站了,有时候可能要等一会才行。

域名地址绑定图

那么,到此git + Hexo + 域名绑定 算是完成了,关于Hexo主题设置,页面优化还有很多,以后再给大家慢慢更新。

*** 个人主页:http://www.wanglijun.vip***
*** csdn主页:http://blog.csdn.net/mynamelijun***
*** 简书主页:http://www.jianshu.com/users/b6cc5e05848d/latest_articles***

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

推荐阅读更多精彩内容