使用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,修改字体配置信息,网页将使用系统默认字体,修改turefalse

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就可以看到了。

上一篇下一篇

猜你喜欢

热点阅读