如果你能see到这个教程,说明你已经了解了一些hexo的资料……不了解也没啥,这是个教程,你可以照着来一遍,just this……
一、Node.js 安装
通过brew安装
安装命令
brew install node #最新版的node.js包中已经集成了npm包管理工具
使用下面的命令验证是否安装成功
node -v
npm -v
二、Hexo安装与设置
命令
npm install hexo -g #表示全局安装,npm默认为当前项目安装
Hexo使用命令
hexo init <folder> #执行init命令初始化hexo到你指定的目录
hexo generate #自动根据当前目录下文件,生成静态网页
hexo server #运行本地服务
三、配置github
如果你有github帐号 ? 登录 : 注册再登录;
创建一个新的仓库,点击New repository
,在Repository name
里填入username.github.io
,这里的username
必须和Owner
一样,比如我填的是jiutianhuanpei.github.io
。
然后点击Create repository
确认创建。
四、编写、发布文章
1、创建博客
命令
hexo init username.github.io
2、更改配置
主题安装
博客的样式是可以随我心意更改的,命令
cd username.github.io
git clone https://github.com/iissnan/hexo-theme-next themes/next
这个是极简的主题,上面喵神的主题在这里,当然资源永远是有更多的。
基础配置
打开配置文件username.github.io/_config.yml
,修改几个值,下面这几个是必须改的,记得保存,键值之间有空格。
title: xxx的博客 //你博客的名字
author: xxx //你的名字
language: zh-Hans //语言 中文
theme: next //刚刚安装的主题名称
deploy:
type: git //使用Git 发布
repo: https://github.com/username/username.github.io.git // 刚创建的Github仓库
主题配置
主题配置文件位置username.github.io/themes/next/_config.yml
,自行修改。
3、写文章
在位置username.github.io/source/_posts
下创建.md
文件,用Markdown发挥吧。推荐软件 Mou。文章例子
---
title: First Blood
---
>童话
我有一头小毛驴,可是我从来都不骑
4、测试
命令
hexo s
服务启动后,在浏览器中输入https://localhost:4000即可访问。
5、安装hexo-deployer-git自动部署发布工具
命令
npm install hexo-deployer-git --save
6、发布
测试过后,我们就可以把生成的静态网页发布到我们的Github Pages中。
命令
hexo clean && hexo g && hexo d
如果是第一次,终端会让你输入github的帐号和密码。
以后再执行一下这个命令就可以直接发布了。
教程 over
网友评论