hexo博客搭建
1. 准备工作
git 和 node.js安装
git ,一个分布式版本控制系统,用于项目的版本控制管理。
node.js,因为Hexo 是基于 Node.js 驱动的一款博客框架。
npm 和 cnpm
npm是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
允许用户从NPM服务器下载别人编写的第三方包到本地使用。
允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
简而言之:①npm(node package manager):nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等)#
②cnpm:因为npm安装插件是从国外服务器下载,受网络的影响比较大,可能会出现异常。这是一个完整 npmjs.org 镜像。
npm install -g cnpm --registry=https://registry.npm.taobao.org
通过npm安装cnpm,同时记得配置cnpm的环境变量path。
安装成功后,通过以下命令进行验证。
git version
node -v
npm -v
cnpm -v
注意:以下为写作方便,仍使用npm命令来演示,实际开发中用cnpm来代替npm即可。
2.Hexo
hexo安装
选择一个磁盘,新建一个文件夹,自己重命名文件夹。在该文件夹下右键鼠标,点击 Git Bash Here。输入以下 npm 命令即可安装,第一个命令表示安装 hexo,第二个命令表示安装 hexo 部署到 git page 的 deployer。
$ npm install hexo-cli -g
$ npm install hexo-deployer-git --save
hexo 配置
安装 完成后,再执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
$ hexo init myBlog
$ cd myBlog
$ npm install
新建完成后,指定文件夹的目录如下:
.
├── _config.yml # 网站的配置信息,您可以在此配置大部分的参数。
├── package.json
├── scaffolds # 模版文件夹
├── source # 资源文件夹,除 _posts 文件,其他以下划线_开头的文件或者文件夹不会被编译打包到public文件夹
| ├── _drafts # 草稿文件
| └── _posts # 文章Markdowm文件
└── themes # 主题文件夹
好了,如果上面的命令都没报错的话,就恭喜了,运行 hexo s 命令,其中 s 是 server 的缩写,在浏览器中输入 http://localhost:4000 回车就可以预览效果了。
$ hexo s
3.github
- 注册github账号
- 新建仓库(仓库名一定要同用户名,因为Github 仅能使用一个同名仓库的代码托管一个静态站点)
配置 SSH key
要使用 git 工具首先要配置一下SSH key,我们才可以通过 git 操作实现本地代码库与 Github 代码库同步。配置好ssh后,就不用每次在git push时都需要输入用户名和密码
如果之前没有创建,则执行以下命令全局配置一下本地账户:
git config --global user.name "用户名"
git config --global user.email &#