如何创建博客网站教你搭建专属于自己的炫酷博客 _经验知识

介绍摘要：这是一篇有关如何使用Github Pages和Hexo搭建自己独立博客的详尽教程。里面介绍了如何使用和配置Hexo框架。如何将Hexo部署到自己的Github项目中。域名注册。以及域名的绑定。还有我在搭建自己博客过程中所遇到的各种困难。
入门门槛必须耐得住折腾。刻苦的学习精神和耐心。关于Github

文章插图
一、Github的优点
GitHub是基于git实现的代码托管。git可能是目前最好用的版本控制系统了。非常受欢迎。GitHub可以免费使用。并且快速稳定。Github上面的世界很精彩。用久了你的眼界会开阔很多。二、什么是Github Pages
Github Pages可以被认为是用户编写的、托管在github上的静态网页。
三、为什么要使用Github Pages
可以绑定你的域名(但暂时貌似只能绑定一个) 。简单快捷。使用Github Pages可以为你提供一个免费的服务器。免去了自己搭建服务器和写数据库的麻烦。安装Node.js
在 Windows 环境下安装 Node.js 非常简单。仅须到官网下载安装文件并执行即可完成安装。

文章插图
像我的是Windows 64位。直接下载安装。无脑下一步就行了。不需要配置环境变量。
安装Git
去Git官网根据你的电脑参数。下载对应版本。
下载完成。通过在命令行输入 git version 查看是否安装成功。有输出版本号说明安装成功。
鼠标邮件菜单里就多了Git GUI Here和Git Bash Here两个按钮。一个是图形界面的Git操作。一个是命令行。我们选择Git Bash Here 。

文章插图

文章插图
安装教程：如何在windows下安装GITGit入门教程：Pro Git（中文版）Git基本操作：

文章插图
HexoHexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章。在几秒内。即可利用靓丽的主题生成静态网页。
一、Hexo安装
桌面右键鼠标。点击Git Bash Here 。输入npm命令即可安装
npm install hexo-cli -gnpm install hexo-deployer-git --save第一句是安装hexo 。第二句是安装hexo部署到git page的deployer 。两个都需要安装。
如下图即安装完成。

文章插图
二、Hexo初始化配置
创建Hexo文件夹
安装完成后。根据自己喜好建立目录（如F:\Blog\Hexo）。直接进入F:\Blog\Hexo文件夹下右键鼠标。点击Git Bash Here 。进入Git命令框。执行以下操作。
$ hexo init安装 Hexo 完成后。Hexo 将会在指定文件夹中新建所需要的文件。Hexo文件夹下的目录如下：

文章插图
本地查看效果
执行下面语句。执行完即可登录localhost:4000查看效果
hexo generatehexo server登录localhost:4000 。即可看到本地的效果如下：

文章插图
将博客部署到Github Pages上那么现在本地的博客已经搭建起来了。但是我们只可以通过本地连接查看我们的博客。那么我们现在需要做的就是把本地的博客发布到服务器上。让别人也可以连接我们的博客。而Github Pages就帮我完成了这件事情。但是Github Pages的代码就是寄存在Github上面的。那么接下来我们需要在Github上面创建一个新的项目。
一、注册Github账户
访问Github首页点击右上角的 Sign Up 。注册自己的账户二、创建项目代码库
注册完登陆后。我们就创建一个我们自己的Github Pages项目。点击New repository 。创建要点如下：

文章插图
三、配置SSH密钥
配置Github的SSH密钥可以让本地git项目与远程的github建立联系。让我们在本地写了代码之后直接通过git操作就可以实现本地代码库与Github代码库同步。操作如下：
第一步、看看是否存在SSH密钥(keys)
首先。我们需要看看是否看看本机是否存在SSH keys,打开Git Bash,并运行:
$ cd ~/. ssh 检查你本机用户home目录下是否存在.ssh目录
如果。不存在此目录。则进行第二步操作。否则。你本机已经存在ssh公钥和私钥。可以略过第二步。直接进入第三步操作。