hexo-开源框架-创建博客
hexo-开源框架-创建博客
导语
现在随着计算机的飞速发展，拥有一个属于自己的博客，是一件非常平常的事。
使用hexo搭建一个属于自己的个人博客，是即快捷又美观的一种方式，也是非常
受到人们的喜爱的。
hexo 介绍
Hexo是一款基于Node.js的静态博客框架，依赖少易于安装使用，可以方便的生成静态网页托管在GitHub和Heroku上，是搭建博客
的首选框架。这里我们选用的是GitHub，你没看错，全球最大的代码交流网站。Hexo同时也是GitHub上的开源项目，参见：hexojs/
hexo 如果想要更加全面的了解Hexo，可以到其官网 Hexo 了解更多的细节，因为Hexo的创建者是台湾人，对中文的支持很友好，
可以选择中文进行查看。这里，默认各位猿/媛儿都知道GitHub就不再赘述。
1.安装git
Git 的安装方法可以在 这里 找到，我就不提太多了，主要说一下安装完成后的各项配置。
Git 在提交更改的时候，会需要提交者的邮箱和用户名，这可以通过以下命令来设置：
Git下载连接
git config --global user.email "Your email 你的邮箱"
git config --global user.name "Your username 你的用户名"
这样会进行全局设置，即以后不管在什么项目下，都会使用这样的配置来提交。而如果想要单独为某一个项目（例如个人博客）配置，
可以删除 --global 选项，但需要在项目文件夹中进行。
设定完成后可以将git安装目录下的 bin 目录的地址添加到环境变量
GIT_HOME
盘符:\Program Files\Git\
在环境变量 Path中添加
%GIT_HOME%\bin
安装Node JS
- 百度搜索NodeJS,找到官网--下载--即可
windows 下 安装包分享链接
提取码: n6o8 - 安装过程很简单，一直无脑下一步就行
- 安装完成后可以查看一下是否安装的版本
node -v #查看node版本
npm -v #查看npm版本
安装cnmp
- 这里使用cnmp来安装 hexo 框架所以要先安装cnmp,但是由于墙的原因,这里使用淘宝的镜像下载安装
- 打开命令提示符，输入以下代码
npm install -g cnpm --registry=http://registry.npm.taobao.org #安装淘宝的cnpm 管理器
- 安装完成后查看模块版本
cnpm -v #查看cnpm版本
安装hexo框架
cnpm install -g hexo-cli #安装hexo框架
- 查看hexo版本
hexo -v #查看hexo版本
初始化博客
- 在电脑任意一个位置或你想要的位置建立一个文件夹 例如: blog
mkdir blog # 创建文件夹
cd blog # 进入到文件夹里面
执行
hexo init #生成博客 初始化博客
但是由于网络原因，很长时间都不会下载完成，如果你和我一样一直卡在这里，所以可以使用git 进行一个初始化的克隆
git clone https://github.com/hexojs/hexo-starter.git
然后在当前文件夹的命令行内执行 以在本地启动hexo
hexo s # 在本地启动hexo
或者
hexo server # 在本地启动hexo
这个时候会报错并且会启动失败，你会得到这样的提示
ERROR Cannot find module 'hexo' from 'X:\blog'
ERROR Local hexo loading failed in X:\blog
ERROR Try running: 'rm -rf node_modules && npm install --force'
这是因为上面那个github项目没有module 导致的所以你可以执行
npm install --force # 下载需要的moudel
来进行下载需要的moudel
这时你再执行上面的启动命令,就能启动hexo博客了
hexo s
我们访问 http://localhost:4000/ 就可以发现啥也没有 空白的页面
这是因为你的博客里没有主题 在hexo 框架里面有一个themes的文件夹 这个文件夹里放的就是主题，因此我们只要下载一个主题
就行，我们访问hexo的官方网站https://hexo.io/themes/在里面选择一款自己喜欢的进行
下载即可。
利用git 下载
cd themes
git clone git@github.com:fluid-dev/hexo-theme-fluid.git
此时还不能看到主题，回到博客的根下
cd ../
用EidtPuls或任意文本编辑器打开_config.yml 在里面找到 Themes: https://hexo.io/themes/ 将下面的
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: landscape
改为
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: hexo-theme-fluid #这个就是主题放的文件夹
再次启动hexo 就可以访问博客了
hexo s
但是此时只有一个帖子时这个hello,world 里面是这个hexo 快速启动的用法 可以看一下里面说的我这里就不再描述
将博客推送到远端服务器上
- 这里使用的服务器是我们的github
创建可以访问的github仓库
- 什么？你还没有github 账号？！ 赶紧去注册一个
- 登录github账号之后新建一个仓库
名字是你账号的名字(必须是你账号的名字).github.io
例如:
xxxxxxxx.github.io
*权限设置为公开
可以添加一个备注，比如我的就是 我的hexo博客
- 同时这也是后面访问的地址
建立好后在博客的根目录用EidtPuls或任意文本编辑器打开_config.yml
找到最后面的
# Deployment
## Docs: https://hexo.io/docs/one-command-deployment
deploy:
type: ''
修改为
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: https://github.com/xxxxxxx/xxxxxxxx.github.io.git # 刚才建立仓库的地址
branch: master # 这个是git的分支 不写 默认主分支
- 由于hexo 没有办法提交到github 所以要安装一个插件
cnpm install --save hexo-deployer-git #在blog目录下安装git部署插件
安装完成之后只想如下命令
hexo g
hexo d
在执行第二个命令时需要输入github的用户名和密码
命令执行完成之后就可以查看了
