从开始开始着手搭建到完成大概花了一个下午的时间,采坑不少,在此记录一下
我的博客地址http://delaprada.com
第一步 准备工作
node.js下载好,github有已注册的账号
在github中新建一个repository,命名为:你的github名称.github.io(下面是我的仓库名称):
(有些博客直接让我们fork它们的项目,个人感觉这么做不太好,很多东西自己动手做一遍更好)
第二步 安装Hexo
Hexo就是一个博客框架,官网上也有安装教程Hexo官网
step1:windows系统鼠标右键git bash,输入两个安装指令:
npm install hexo-cli -g //用于安装hexo
npm install hexo-deployer-git --save //用于安装hexo部署到git page的deployer
step2:创建hexo文件夹
hexo安装完成之后,在电脑中新建一个hexo文件夹:
右键点击git bash,输入两个命令:
hexo init
npm install //安装所有package.json里的包
执行完成后,hexo文件夹中会多出一些文件:
如果想看本地效果的话,执行以下指令:
hexo generate //自动将md文件生成静态html,css文件
hexo server //启动本地hexo服务器(localhost:4000)
打开 localhost:4000就可以看到页面啦:
(页面会不太一样,我的配了一下主题)
第三步 了解hexo文件夹中的_config.yml
hexo文件夹中比较重要的文件是:_config.yml:
它是一个全局配置文件,包括和github上传链接都在这里配置,例如title之类的:
第四步 本地上传到github
step1:执行命令,安装deploy.git插件:
npm install hexo-deployer-git --save
step2:在主题配置文件_config.yml中修改仓库地址,在_config.yml最下面一行(注意每个冒号后面都有一个空格):
step3:配置提交github认证方式
执行指令:
hexo d
直接提交到github仓库中,如果没有认证github和本地的关系,会提示输入用户名和密码
此时打开github的项目会发现原本是空的项目现在有了刚刚上传的文件
第五步 添加域名
在阿里云中购买了一个.com的域名(加优惠一年23块,虽然比其他贵一些但是觉得.com好听一些(#^ . ^#))
step1:cmd ping一下github.io获得真实ip地址:
然后再域名操作栏点击解析,添加记录:
注意要两个都要添加(之前一开始只添加了www不知道为啥就显示不出来)
step3:去hexo文件夹的source目录下新建名为CNAME的文件,添加文件内容为你刚才购买的域名,不要添加www:
然后部署:
1. hexo clean
2. hexo generate
3. hexo deploy
(每次做出更改建议都部署一遍)
点击设置,拉到下面,在custom domain中输入你的域名。如果上面的信息不是显示Your site is published at https://xxx.com/
,而是dns的之类的错误,可能是域名还没有实名认证
输入域名,成功: