如何创建个人博客

2018-04-06 本文已影响21人小强很忙忙

原文地址: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安装文件:

建议：不管是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.初始化框架

执行如下语句

hexo init blog

再执行

cd blog

最后执行

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: git@github.com:wanderburn/wanderburn.github.io.git
branch: master

然后在命令行中执行

hexo d

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

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

cd blog

初始化博客

hexo g

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

cd public

git init (初始化本地仓库)
git add . （将本地文件加到仓库里）
git commit -m "message" （设置提交信息）
git remote add origin git@github.com: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