前言
如今可谓是全民编程时代,生活在北上广这样的城市里,感觉每天遇见的每一个背电脑包的都像是个程序员,那么多程序员,如果自己没有什么优势的话,很快你就会被这个时代所抛弃,有一个自己的博客,记录自己工作中遇到的问题,总结自己的工作,不论是以后找工作,还是复习之前的知识,博客记录都是一种很好的方式,那你可能会说了,不是有csdn、开源中国、简书等等,可是这些都太普通了,作为程序员的我们,怎么能没有自己的博客呢。
那么我今天以我的个人博客搭建为例(http://www.wanglijun.vip) 教大家一步步搭建好自己的博客。
准备条件
- 你要有一台电脑
- git (本文以win系统为例)
- node.js
- Hexo
- github账号(作为域名的服务器)
- 域名(当然要申请一个有意义的域名,阿里云的必须要实名认证,我第一次就是因为没有实名,失败了)
安装git
git我们在win下没有命令端,所以我们要装两个软件,就是下面图片中的,大家可以去网上随便下载,这里就不提供下载链接了。
上面这两个软件的安装方式都是傻瓜式安装,一路下一步就行了,那么安装完我们怎么知道是否安装成功呢,在桌面任意位置,或者文件夹上鼠标右键,出现下图说明安装成功。
安装node.js
node下载链接https://nodejs.org/en/download/, 至于下载哪一个不用担心,下图有,安装方式也是傻瓜式的安装,直接一路下一步就行,node体积很小,只有大概十兆左右。
我的是win10 64位系统,大家根据自己系统情况选择下载。那么安装完了我们怎么能验证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 组合键。
在本地看到的样子应该是如下图。
好了,看到这个页面,就说明我们本地的静态页面已经创建成功了,接下来要做的就是创建github仓库
本地ssh链接github账号
域名绑定github仓库
创建github账号及仓库
git仓库
github账号用邮箱注册,网站:http://www.github.com, git仓库名字也是有一定规则的,假如你github账号名字为wljdev,那么你创建这个仓库的名字就必须是:wljdev.github.io,(很多教程博客里面会让你们再创建一个页面,我觉着这是完全没有必要的,因为这些页面是我们用hexo从本地上传的,如果这个时候创建页面是没有意义的,),这个时候我们仓库是空的,记住是空的,里面什么都不要写。
仓库创建为下图就算结束
创建本地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***