【搭建个人博客-01】花两个小时搭建个人博客全纪录

　　【搭建个人博客-01】花两个小时搭建个人博客全纪录

　　之前买了个服务器想搞个个人网站，发现国内还要备案啥的，太繁琐了。于是就自己搞个博客吧。

　　免费搭建博客的话，网上用的最多的还是github，所以笔者也用github的服务来搞一下吧。

　　下面是主要的过程记录。

　　致谢

　　本文的主要参考为参考【1】（），并且记录了自己采坑的一些过程以及一些搭建过程的感悟和理解。

　　我的Blog

　　搭建好的Blog网址为：（昨晚绑定了下自己的域名，可以通过访问），欢迎大家来访~

　　后面的文章也会同步在Blog上。

　　过程记录

　　基于github搭建个人博客主要包括如下几个步骤：

　　注册github安装git绑定github到本机购买域名（可以跳过）安装node.js和Hexo解析域名（可以跳过）设置/优化主题

　　个人认为第1、2、3步太简单了，第4步可以跳过，本文从第5步开始。

　　5.安装nodejs

　　Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，我们只需要知道没有它网站运行不了就可以了。

　　安装的时候最好选择默认，自己添加环境变量：

　　安装好之后在CMD中测试一下：

　　出现上面的信息就可以了。

　　新建两个文件夹用来下载其他的包：

　　注意

　　新建完之后，要在右键中把文件夹的权限进行下修改。（解释：本来这两个文件夹是只有管理员才可以进行写入的，这样子在后面的操作会因为权限问题而报错，所以需要给用户也授予写入的权限）

　　

　　然后用管理员权限打开CMD，输入下面的两行命令：

　　npm config set prefix "C:\nodejs\node_global"  # 根据自己的路径进行修改，下同<br />npm config set cache "C:\nodejs\node_cache"<br />

　　如下所示：

　　（如果用了新的版本，可能会有警告信息，不过可以忽视。）

　　然后我们把NODE_PATH添加进环境变量：

　　接着把用户变量中的npm的路径修改一下：

　　测试一下用npm安装webpack模块（以管理员身份打开CMD）：

　　新建一个github仓库：

　　别人访问你的网页，要有一个目的地，而这个目的地就是我们的github仓库，所以首先需要新建一个github仓库。

　　安装hexo：

　　Hexo是一个快速、简洁且高效的博客框架，我们只需要知道没有它，博客搭建不了就行。

　　npm install -g hexo-cli<br />

　　注意：

　　安装完之后用hexo来初始化博客（在blog文件夹里面右键用git bash here打开）：

　　hexo init<br />

　　安装成功后提示如下：

　　静态部署：

　　hexo g<br />

　　

　　这时候网页已经部署完成了，只不过只能本地查看，用下面的命令查看一下：

　　hexo s<br />

　　打开浏览器输入:4000就可以查看到网站的界面了：

　　证明可以之后用ctrl + c 停止本地服务器运行。

　　部署Hexo到GitHub

　　上面我们部署在本地了，但是只有我们自己可能看到，想要被其他人访问，我们需要部署到github。

　　首先，我们需要编辑 _config.yml文件，在底部添加如下信息：

　　安装git部署插件：

　　hexo clean   #清除缓存文件 db.json 和已生成的静态文件 public<br />hexo g       #生成网站静态文件到默认设置的 public 文件夹(hexo generate 的缩写)<br />hexo d       #自动生成网站静态文件，并部署到设定的仓库(hexo deploy 的缩写)<br />

　　到这里就成功了，我们输入就可以访问啦！其中xxxx是你的github用户名。

　　失败的经验

　　第一次以为成功了，但是失败了，得到了一个大大的404：

　　后来百度发现是github新建的项目名称和用户名不一致，改为一致的就好了！

　　然后浏览器输入就可以访问了。

　　修改个标题试试

　　怎么确保我们的blog创建成功呢？我们来改个标题试试吧。

　　其实大家看到的网站内容就是部署到某台电脑上的一系列文件（一开始我以为是index.html，所以直接修改了html文件里面的东西）。

　　修改后如下：

　　但是，只怪本人没文化，其实index.html文件是根据其他文件生成的，只修改这个是不行的。