今天我使用了Github+Hexo搭建了一个博客平台,现在就把我的学习过程记录一下
大概的步骤有以下几点:
1.搭建环境准备(包括node.js和git环境,gitHub账户的配置)我这里省略了git的环境配置,前期配过git的环境
2.安装Hexo
3.配置Hexo
4.怎样将Hexo与github page 联系起来
5.怎样发布文章
环境的搭建:
分为以下三步:
1.Node.js 的安装和准备
2.git的安装和准备
3.gitHub账户的配置
ps:2与3步骤前期已经配置好,这里不做叙述,可以通过以下链接访问:Git教程。
配置Node.js环境:
下载Node.js安装包
- Windows Installer 32-bit
- Windows Installer 64-bit

保持默认设置即可,一路Next,安装很快就结束了。 然后我们检查一下是不是要求的组件都安装好了,同时按下Win和R,打开运行窗口:Windows的运行界面

在命令行中输入以下命令
node -v npm -v如下图所示,证明已经安装成功

安装Hexo:
在自己的磁盘下创建一个文件夹 并cd进入这个文件夹,我是在E盘下创建的hexo文件夹

在命令行中输入
npm install hexo-cli -g
此时 cmd中会显示如下信息:

接着在cmd中输入以下命令:
npm install hexo –save
上面的命令是安装hexo以及保存配置的命令,接着在命令行中输入以下命令查看是否安装成功:
hexo -v
如果出现以下信息则安装成功:

Hexo的相关配置:
初始化Hexo
接着上面的命令行,输入:
hexo init
npm install
这一步会自动安装一系列的组件
到这一步基本配置完毕
输入以下命令试用hexo:
hexo g

接着输入:
heso s
这是打开服务端 你会看到以下信息
E:\hexo>hexo s
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
此时,在浏览器中打开http://localhost:4000/,你将会看到:

Hexo的配置就基本上完毕了,但是我们还需要和github建立联系
github page与Hexo的联系配置:
大概分为两步
- 配置git个人信息
- 配置Deployment
git的个人信息配置,请看上文中的链接
重点看配置Deployment
找到E:\hexo下根目录的_config.yml文件,找到Deployment,然后按照如下修改:
1
2
3
4deploy:
type: git
repo: git@github.com:yourname/yourname.github.io.git
branch: master
我的github地址是https://github.com/DreamAHacker/DreamAHacker.github.io 所以配置如下:
1 | deploy: |
到这里,github page与hexo的联系就通过这个配置文件而建立起来了,此时你可以在你的github上看到 你的 io目录下多了许多文件,这些文件都是hexo的配置文件,已经被上传到了github的这个工程里
开启你的博客之旅:
首先我们要在命令行中,接着上面的命令做,输入以下命令:
npm install hexo-deployer-git –save
这是一个hexo的扩展组件,必须要安装的,否则可能上传不了博客,这里安装如果出错,原因很有可能是github的public key没有配置好
新建一篇博客,输入以下命令:
hexo new post “article title”
此时在E:\hexo\source\ _posts 将会看到 article title.md 文件,然后通过MarkdownPad2即可对文件进行编辑了,编辑好之后,输入以下命令:
hexo g // 生成
hexo d // 部署
或者执行这一句:
hexo d -g //在部署前先生成
