如何创建个人博客

原文地址:https://blog.csdn.net/gdutxiaoxu/article/details/53576018
我使用hexo+githubpages搭建的博客为:小强的博客

• 为什么选择hexo?
• 搭建环境准备
• 部署到Github Pages
• 域名解析

为什么选择hexo?

---

首先Hexo是一个快速、简洁且高效的博客框架。Hexo使用Markdown（或其他渲染引擎）解析文章，在几秒之内，即可利用靓丽的主题生成静态网页。

搭建环境准备

---

分为以下三步:

• Node.js 的安装和准备
• git的安装和准备
• 安装hexo

配置Node.js环境

1.下载Node.js安装文件:

1. Windows Installer 32-bit
2. Windows Installer 64-bit

建议：不管是64位还是32位都安装32-bit的Node.js文件，如图所示:

安装步骤：保持默认设置即可，一直按next键完成安装。
检查是否安装正确：

node -v
npm -v

git的安装

Git安装文件
安装步骤：大部分保持默认设置，PATH选项按照下图选择：

检查是否安装正确：

git --version

安装hexo

先创建一个hexo文件夹,例如E:\hexo
1.进入文件夹路径：

E:
cd E:\hexo

2.再执行下面的命令:

npm install -g hexo-cli

3.初始化框架

1. 执行如下语句

hexo init blog

2. 再执行

cd blog

3. 最后执行

npm install

执行以上3条语句之后，就会在你的blog文件夹下面看到如下:
_config.yml,里面就是我们的站点配置文件。

最后看看你自己的个人网站
在blog文件目录下执行gitbash命令:
1.新建一篇文章：

hexo new "我的第一篇文章"

2.生成网站

hexo generate(可以简写为hexo g)

3.启动本地服务器

hexo server(可简写成hexo s)

4.在浏览器输入http://localhost:4000 即可查看网站如下:

部署到Github Pages

---

1. Github注册:
github
填写完相应信息，注册成功后，重新登录，进入到这个页面

2. 创建repository:
点击图片中New repository出现了如下：

Repository name里填写:你的用户名.github.io
(例如我的用户名是wanderburn,所以我的Repository name:wanderburn.github.io)
Description里随便填一下你的描述就好
Public选中
选中Initilize this respository with a README
最后点击Create repository创建

创建成功后
3. 配置SSH-Key
详细步骤请点击此文章

4. 开启github-pages功能:
点击界面右侧的Settings，你将会打开这个库的setting页面，向下拖动，直到看见GitHub Pages，如图：

点击Automatic page generator，Github将会自动替你创建出一个github-pages的页面。

5. 部署本地hexo到github pages页面上
两种方法:

• 1.使用hexo deploy部署
• 2.使用git push 部署

方法1.使用hexo deploy部署步骤如下:

• 安装一个扩展：

$ npm install hexo-deployer-git --save

• 找到blog目录下的配置文件_config.yml,用编辑器打开此文件找到此文件中的deploy字段，按照以下配置deploy:

type: git
repo: [email protected]:wanderburn/wanderburn.github.io.git
branch: master

• 然后在命令行中执行

hexo d

用hexo d相对比较简单但是会出现一些其他问题，因此，我们也可以追本溯源，通过方法2使用git命令来完成部署的工作。

方法2.使用git push 部署步骤，将public文件夹上传到自己的仓库中:

• 进入到你的blog目录

cd blog

• 初始化博客

hexo g

• 把public文件夹上传到github仓库中

cd public

git init (初始化本地仓库)
git add . （将本地文件加到仓库里）
git commit -m "message" （设置提交信息）
git remote add origin [email protected]:wanderburn/wanderburn.github.io.git（本地仓库链接远程仓库）
git push -u origin master （push文件到仓库中）

以上部署成功以后，在浏览器中输入你的repository名字：例如我的wanderburn.git.io就可以看到你的网站了

域名解析

---

• 注册域名
• 进入万网进行域名绑定
• 进入public,新建CNAME
• 把域名写到CNAME里
• 传到github仓库里

1.在万维网,可以用自己的淘宝账号注册登录购买自己想要的域名

2.进入万网进行域名绑定

• 点击自己的账号，进入账号设置页面如下图:

  
  

• 点击域名与网站(万维)，展开别表，再点击DNS云解析如下图：

  
  
  
  
• 点击解析设置，进入解析设置页面，再点击添加解析按钮出现如下图：
  a.先添加一个CNAME，主机记录写@，后面记录值写上你的http://xxxx.github.io
  b.再添加一个CNAME，主机记录写www，后面记录值也是http://xxxx.github.io

添加两个的目的是为了别人用www和不用www都能访问你的网站（其实www的方式，会先解析成http://xxxx.github.io，然后根据CNAME再变成http://xxx.com，即中间是经过一次转换的）。
按照以上图片进行操作
以上进行完毕后，接着下一步

3.进入blog下的public文件夹,新建 CNAME

4.将域名写到CNAME里面

5.将public文件夹下的CNAME上传到github仓库中
如果上传成功的话，进入到你的github仓库中会看到CNAME文件

小贴士：为了防止域名解析出问题，建议将blog下的public下的CNAME文件，复制到blog下的source文件夹里，这样更新public，不会出现CNAME文件丢失的情况。

如果以上步骤都完成了，恭喜你搭建成功，用自己的域名打开网页就可以看到的个人博客网站啦。
如果你对自己的主题不满意，还可以通过更换其他的精美主题啦
以下推荐：
git入门教程
node.js安装菜鸟教程
hexo官网
markdown入门
hexo主题推荐
hexo常见问题解决方案