使用hexo与github搭建个人博客
2017-05-21 本文已影响25人
李傲龍
1.简介
hexo是一款基于Node.js的静态博客框架,github用来保管你的代码
2.前期准备
安装:
3.建站
安装hexo
安装完成后,在G盘新建hexo文件夹来初始化hexo:
g:
mkdir hexo
cd hexo
hexo init
生成的文件如下所示,source文件夹用来存放hexo中的文章等资源,themes文件夹用来存放hexo的不同主题,_config.yml文件是网站的配置信息
我使用的是next主题,安装next:
git clone https://github.com/iissnan/hexo-theme-next themes/next
打开_config.yml文件配置主题与其它信息:
title: 李傲龍
subtitle: 脚踏实地,仰望星空
description:
author: 李傲龍
language: zh-Hans
theme: next
因为主题文件中的字体使用的是fonts.googleapis.com
中的字体,所以打开页面会比较慢。可以打开G:\hexo\themes\next\_config.yml
文件,查找font
,修改字体配置信息,网页将使用系统默认字体,修改ture
为false
:
font:
enable: false
在本地测试一下:
cd /hexo
hexo s # hexo server
出现下图所示,说明hexo已启动
打开浏览器输入
localhost:4000
,出现类似下图,则说明hexo安装成功3.部署在github:
安装模块:
npm install hexo-deployer-git --save
注册github账号:
登陆后点击"Start a project",在"Repository name"处填"username.github.io"(必须这种格式,我已经建立过了所以会有警告)如下图:
点击"Create repository",然后会进入到项目的页面,复制项目地址,一会儿会用到。
然后配置hexo的_config.yml文件,在文件的最底部配置如下:
deploy:
type: git
repo: https://github.com/li-aolong/li-aolong.github.io.git
branch: master
生成静态文件,文件会自动生成在.\hexo\public
文件夹下:
hexo g # hexo generate
发布文件:
hexo d # hexo deploy
然后就可以打开li-aolong.github.io就可以看到了。