可查看我的个人博客:Joanne-tang
搭建
1、申请个人网站域名
常见的有com,cn,net,org等后缀。可根据自己的喜好去申请,比如我的是比较小众的xyz。不过小众的可能在国内无法备案。然而使用GitHub托管我们的网站,完全不需要备案,因为托管我们的网站内容的服务器在美国,而且在国内备案流程也比较繁杂,时间需要一周左右。
申请域名的地方有很多,我使用的是阿里云:阿里云-为了无法计算的价值 申请入口:域名注册 购买域名这也是我们整个搭建过程中惟一一个需要花钱的地方。如果你已经有了空闲域名就无需购买,直接使用即可。
2、GitHub 创建个人仓库
注册一个GitHub帐号。
然后去到自己的主页,点击GitHub中的New repository创建新仓库
仓库名应该为:用户名.github.io。 这个用户名使用你的GitHub帐号名称代替,这是固定写法,比如我的仓库名为:Joanne-tang.github.io
3、安装Git
网站在本地搭建好了,需要使用Git同步到GitHub上。
从Git官网下载,选择64位的安装包。
下载后安装,在命令行里输入git测试是否安装成功,若安装失败,参看其他详细的Git安装教程。
安装成功后,将你的Git与GitHub帐号绑定,鼠标右击打开Git Bash。
或者在菜单里搜索Git Bash,设置user.name和user.email配置信息:
git config --global user.name "你的GitHub用户名"
git config --global user.email "你的GitHub注册邮箱"
生成ssh密钥文件:
ssh-keygen -t rsa -C "你的GitHub注册邮箱"
然后直接三个回车即可,默认不需要设置密码。
找到生成的.ssh的文件夹中的id_rsa.pub密钥,将内容全部复制。
打开github的settings keys页面。
Title为标题,任意填即可,将刚刚复制的id_rsa.pub内容粘贴进去,最后点击Add SSH key。
在Git Bash中检测GitHub公钥设置是否成功,输入
ssh git@github.com
显示successfully即可。
之所以设置GitHub密钥原因是,通过非对称加密的公钥与私钥来完成加密,公钥放置在GitHub上,私钥放置在自己的电脑里。GitHub要求每次推送代码都是合法用户,所以每次推送都需要输入账号密码验证推送用户是否是合法用户,为了省去每次输入密码的步骤,采用了ssh,当你推送的时候,git就会匹配你的私钥跟GitHub上面的公钥是否是配对的,若是匹配就认为你是合法用户,则允许推送。这样可以保证每次的推送都是正确合法的。
4、安装node.js
到node.js官网下载
检查是否安装成功
5、安装hexo
Hexo官网文档:https://hexo.io/zh-cn/docs/configuration
事先在电脑新建一个文件夹,命名为blog。打开控制面板来到当前路径。
利用npm下载hexo,输入命令:$ npm install -g hexo-cli
安装完成后,初始化我们的博客,输入:hexo init blog
为了检测我们的网站雏形,分别按顺序输入以下三条命令:
hexo new test // 新建文章
hexo g // 生成网页
hexo s // 本地预览
完成后,打开浏览器输入地址:localhost:4000
6、推送网站
上述的只是本地预览,接下来要做的是推送网站,让更多人可访问。
将Hexo与GitHub关联起来,打开站点的配置文件_config.yml,翻到最后修改:
deploy:
type: git
repo: GitHub上创建仓库的完整路径 加上.git
branch: master
例如我的是:修改完成后保存。其实就是给hexo d 这个命令做相应的配置,让hexo知道你要把blog部署在哪个位置,很显然,我们部署在我们GitHub的仓库里。最后安装Git部署插件,输入命令:
npm install hexo-deployer-git --save
这时,我们分别输入三条命令:
hexo clean
hexo g
hexo d
完成后,打开浏览器,在地址栏输入你的放置个人网站的仓库路径,即xxxx.github.io。 比如我的xxxx就是我的GitHub用户名:Joanne-tang.github.io。你就会发现你的博客已经上线了,可以在网络上被访问了。
7、绑定自己的域名(阿里云)
- 登录到阿里云,进入管理控制台的域名列表,找到你的个性化域名,进入解析
添加解析记录,192.30.252.153是GitHub的地址,你也可以ping你的http://xxxx.github.io的ip地址,填入进去。CNAME的记录值是:你的用户名.github.io
这里千万别弄错了。
-
登录GitHub,进入之前创建的仓库,点击settings,设置Custom domain,输入你的域名,点击save保存。
-
进入本地博客文件夹 ,进入blog/source目录下,创建一个记事本文件,输入自己的域名即可。保存,命名为CNAME ,注意保存成所有文件而不是txt文件。
完成这三步,依次执行以下命令
hexo clean
hexo g
hexo d
这时候打开浏览器在地址栏输入你的域名将会直接进入你自己搭建的网站。
8、装饰
换主题
如果不喜欢hexo默认主题的,可以到主题库里面选择自己喜欢的主题进行安装。
我用的是yilia主题.
可以在blog目录中的themes文件夹中查看你自己主题是什么。现在把默认主题更改成yilia主题,在blog目录中(就是命令行的位置处于blog目录)打开命令行输入:
git clone 自己喜欢的主题的github地址
下载到blog目录的themes主题下的yilia文件夹中。打开站点的_config.yml配置文件,修改主题为yilia
设置后之后部署网站,hexo g、hexo d,查看效果。
选择其他主题,按照上述过程即可实现。
待补充.....