GitHub上搭建私人hexo博客操作教程

 

GitHub上搭建hexo博客

安装Git
Git:主要用于上传博客页面到github和命令操作
安装Node
Node.js:Hexo的运行环境
安装Hexo
Hexo:博客程序
打开安装Git后的生成的右键菜单Git Bash，输入如下代码安装Hexo:

npm install -g hexo-cli

等待安装完成即可

生成本地博客

---

首先切换到你需要创建博客的文件目录，鼠标右击空白处打开git bash，输入如下代码生成一个本地博客：

hexo init myblog

创建好之后输入代码切换到博客文件夹目录并使用npm包管理工具安装hexo所需的依赖模块

cd myblog && npm install

继续输入：

npm install hexo-deployer-git --save

这是用于将hexo本地博客上传到github页面上必需的模块
最后再输入

npm install hexo-server --save

安装hexo服务器模块，用于本地预览博客
到这里就基本在本地完成博客的搭建了。可以输入如下命令来看下hexo博客的初始效果：

hexo s

这条命令是hexo server的简写形式，启动一个本地服务器，不要关闭当前git bash窗口，打开浏览器，输入网址http://localhost:4000进行访问。有一篇Hello World博文，效果图如下：

将本地博客上传到github

---

创建需要将博客存放在github上的仓库，我们需要一个github账户，如果没有请注册,然后点击New repository创建仓库，Repository Name按如下格式填写：

yourname.github.io

注：yourname填写你的账户名
点击Create repository即可
修改_config.yml文件
找到_config.yml文件，用记事本打开(Nodepad++或sublime等文本编辑器都可)，鼠标拉到最下面，修改成：

deploy:
  type: git
  repo: https://github.com/yourname/yourname.github.io.git

注：两处yourname都需要填写你的账户名

部署本地博客到github

---

首先输入如下命令生成静态页面

hexo g

这条命令是代码hexo generator的缩写，生成好之后，继续输入

hexo d

这条命令是代码hexo deploy的缩写，用于将生成的静态文件上传到github，等待完成之后在浏览器输入yourname.github.io就可以看到你的博客页面了
注：首次使用git会询问github的账号信息，填写你对应的账户信息即可
推荐主题：next,里面有详细的next主题使用方法，在此我就不赘述了