1.环境配置
默认你已经安装Node.js,Git,并且会配置Github,不会?!。这里唯一要注意的点
是你的Repository name必须是** user_name **.github.io。
** user_name , user_name , user_name **重要的事情说3遍。
2.安装Hexo
打开Git命令行或者Node
$ npm install hexo -g
npm被墙或者速度太慢的话,可以用大淘宝的cnpm
3.初始化
新建一个文件夹,在该文件夹右键打开Git Bash或者打开Git命令行进入该文件夹
$ hexo init
Hexo随后会自动在目标文件夹建立网站所需要的文件,然后安装依赖包
$ npm install
之后你可以启动本地服务,预览
$ hexo s
[1]
此时在浏览器打开http://localhost:4000/ 就可以预览默认主题
4.部署到Github
部署到Github前需要配置_config.yml文件,找到这部分代码,根据个人信息修改
# Site
title: #网站的title
subtitle: #个性签名,座右铭啥的
description: #描述
author: #也就是你
language: #中文zh-CN
timezone:
接下来找到下面代码块
theme: landscape
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository:
branch: master
默认没有repository
,branch
,需要自己添加,type
写git
,branch
写master
,repsository
必须是SSH形式的url。注意每个冒号后面有空格
然后……
$ npm install hexo-deployer-git --save
$ hexo clean
清除缓存
$ hexo g
生成静态页面
$ hexo d
推送部署至Github
够顺利的话,浏览器输入你的Repository name就可以访问你的博客罗
5.写文章
$ hexo new "postName"
会在你的文件夹里的source\_posts目录下生成一个markdown文件:postName.md。推荐在简书上编辑,还支持实时预览,当然你使用
一个支持markdown语法的编辑器(比如 Sublime)来编辑该文件也可以[2]。
编辑完后,$ hexo g
,然后$hexo s
本地预览一下,无误$ hexo d
,推送部署。
$ hexo new page "pageName"
新建一个名叫pageName的页面,source\里就多了pageName文件夹
6.更换主题
Hexo官网有很多,Github上随便一搜也是大把,下载后放到themes文件夹中,
回到第4点,将theme:
改成你下载的主题即可。评论系统,站内搜索,分享按钮,google_analytics等等,根据需要和各主题的使用说明,通过配置主题的_config.yml文件添加,这里就不一一举例了。
7.域名指向
在你的主机里面给域名添加解析,最后在你的source文件夹里添加一个CNAME文件(无文件类型),内容就是你的域名(前面不用加www),然后$ hexo g
,$ hexo d
。具体怎么添加解析自行百度,see you 啦啦!