使用github+hexo 搭建个人博客

githubPages hexo 搭建个人博客

hexo是基于git和Node.js的必须先安装 git和Node.js;

Node.js 下载地址 http://nodejs.cn/download/ 选择好安装路径之后一路 next就可以了; 检测是否安装成功：

代码语言：javascript复制

node -v

查看 npm是否安装以前的版本没有集成npm，新版本已经集成了npn

代码语言：javascript复制

npm -version

关于hexo 的安装在官网有很详细的教程：https://hexo.io/zh-cn/docs/

安装 hexo

代码语言：javascript复制

npm install -g hexo-cli

检测安装是否成功

代码语言：javascript复制

hexo -v

指定一个文件夹必须是空目录配置hexo

代码语言：javascript复制

hexo init

安装完成后会生成一些文件具体目录的用途官网说的很清楚

_config.yml 网站的配置信息。大部分的参数在这里配置
package.json 应用程序的信息
scaffolds 模板文件夹
source 资源文件夹存放资源如图片之类的；除 posts 文件夹之外，开头命名为 (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹，而其他文件会被拷贝过去。
themes 主题文件夹 Hexo很久主题生成静态页面

剩下的就是配置了主要是在 _config.yml中配置怎么配置官网也解释的跟清楚了。这里说一下主要的，详情移步官网查看:https://hexo.io/zh-cn/docs/configuration.html

到这里基本上本地已经配置完了现在可以测试一下了

代码语言：javascript复制

$ hexo g # 生成静态文件 生成文件在public 目录下
$ hexo s # 启动本地预览 hexo s --debug 命令可以用来调试

首先在github上建一个repository 名字格式：[your_user_name.github.io] 例如我的 sky-mxc.github.io

要发布到 github 还得下载一个组件( hexo-deployer-git) 执行命令

代码语言：javascript复制

npm install hexo-deployer-git --save

还需要修改 _config.yml ;参考官网得说明

我的配置如下：

配置完之后就可以发布到 github上了

代码语言：javascript复制

hexo d  #发布

发布完成之后就可输入网址查看了这里贴一下我的吧：https://sky-mxc.github.io

这里就基本搭建完成了

常用命令

代码语言：javascript复制

hexo clean # 清理之前的内容
hexo g # 生成静态文件
hexo d #部署
hexo s # 启动本地服务 ，可以通过 http://localhost:4000查看
hexo s --debug # 使用debug模式启动服务

感觉默认主题有点low 关于主题的选择这里贴个连接 https://hexo.io/themes/

我要更换的主题：http://theme-next.iissnan.com/getting-started.html

在要theme 目录下 clone

代码语言：javascript复制

git clone https://github.com/iissnan/hexo-theme-next themes/next

clone完成后修改 _config.yml 将theme 的值修改为 next

具体看官网配置：http://theme-next.iissnan.com/getting-started.html

0 人点赞