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的用户名和密码
命令执行完成之后就可以查看了