w10使用hexo+github手把手搭建自己的第一个博客

对一个程序员来说，博客的重要性不言而喻，不但可以积累知识，还可以更好的给别人分享自己的心得。今天就以时下比较流行的hexo博客搭建属于自己的博客。hexo是基于nodejs写的一款流行的博客框架。是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章。方便易学。

一准备

---

• 下载node.js
  
  1.去nodejs.org下载。
  
  下载之后直接安装
  
  
  
  
  
  2.验证Nodejs是否安装
  
  

PS C:\WINDOWS\system32> node -v

v10.16.3

PS C:\WINDOWS\system32>


  
  
  显示这一步就证明安装nodejs安装成功
  
  




• 安装淘宝镜像

在终端输入以下命令(还是管理员的权限)




PS C:\WINDOWS\system32> npm install -g cnpm --registry=https://registry.npm.taobao.org



安装镜像的目的就是为了下载hexo的客户端更快。

二 使用cnpm安装hexo的镜像

---

1.使用以下命令：

PS C:\WINDOWS\system32> cnpm install -g hexo-cli




显示hexo安装成功

2.验证hexo是否安装成功：

3.使用cnpm安装hexo时，可能出现以下错误

解决方案：

再次使用cnpm安装hexo就正常了。。

三 初始化hexo博客

---

1.新建一个文件夹blog

PS C:\WINDOWS\system32> mkdir blog/

2.初始化hexo：

PS C:\WINDOWS\system32\blog> hexo init



3.查看blog文件夹，初始化博客的内容都在这个文件夹里，包括样式，风格，等等。


这里有时可能出现网速慢hexo无法初始化成功的现象，解决方案，就是删除blog文件价，重新下载。

四 本地启动博客

---

1.使用下面的命令本地启动博客：




PS C:\WINDOWS\system32\blog>hexo s



2.启动成功，浏览器上进行本地进行访问

浏览器启动成功，博客搭建已经搭建初步完成，系统自动生成的hello World 文章，里面介绍了hexo的各种命令。

五 将博客部署到远端，这里使用github进行远端部署

---

部署的前提是要有一个github账号，并且对git有一定的了解。


1.登陆github，新建一个仓库，注意新建仓库的名字一定要符合命名规则:

必须使用自己的昵称+github.io为自己的仓库名。否则找不到你的主页

2.安装git插件




PS C:\WINDOWS\system32\blog> cnpm install --save hexo-deployer-git



3.配置blog 文件夹下的_config.yml文件的最下面配置如下信息：



deploy:

type: git

repo: https://github.com/chentang99/chentang99.github.io.git 就是github新建仓库的地址


branch: master




4.使用命令将本地的博客推到远端。




PS C:\WINDOWS\system32\blog> hexo d



刷新自己的github仓库。显示多了很多的内容，那就是你博客的内容。

5.激动人心的时刻，就是公网访问你的网站，chengtang99.github.io

这里的访问名就是你的github仓库的名字

如果你想自定义的主题,github上有很多的模板，这里推荐一款比较流行和轻量级的主题：


点击访问yilia主题

六 常见的错误及解决

---

1.一定要在管理员的权限下部署博客


2.如果gitclone太慢的话。一个可能是网速，一个就是git的代理没有设置。如下建议。可以在hosts的系统文件中做如下的配置：


151.101.72.249 http://global-ssl.fastly.Net

192.30.253.112 http://github.com

3.hexo博客的初始化和操作都是在blog这个文件夹下操作的，如果有错误不能解决的话，可以删除这个文件，重新下载。后期也可以自定义自己的主题。具体的主题很多，可以在github上找到。


4.如果配置完github之后，在公网上访问自己的网站显示你找不到网页，那可能是你的仓库名和你的github的账号的昵称不相同，重新修改仓库名。

技术连接你我。分享共同进步。欢迎访问我的博客changtang

一起交流。