一、简介
使用github创建一个仓库为github.io就能变成一个使用域名能够访问的博客站点。然后我们通过Hexo创建文章,发布到
github.io
仓库,Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。Hexo能够快速生成博客和部署博客,使创建博客更加简单。
二、安装清单(Mac OS)
安装环境 | 安装原因 |
---|---|
git | 给github上传文章 |
Node.js | Hexo基于Node.js开发 |
Hexo | 生成博客静态页面 |
三、创建github.io网站
1)点击New repository
2)输入Repository name,必需为username.github.io
格式。username替换为用户名
3)点击按钮Create repository
4)进入仓库username.github.io
,点击setting
,找到GitHub Pages
模块
5)点击choose a theme
选择一个页面主题
6)访问https://username.github.io
就可以访问博客网站了
四、安装git
下载安装:http://sourceforge.net/projects/git-osx-installer/
验证是否安装成功:
1 | ➜ ~ git version |
五、安装Node.js
验证是否安装成功:
1 | ➜ ~ node -v |
六、安装Hexo
安装命令: npm install -g hexo-cli
验证是否安装成功:
1 | ➜ ~ hexo -v |
七、创建本地博文服务
- 然后创建一个空文件夹, 比如:
hexo-blog
- 进入
hexo-blog
目录 - 执行
hexo init
初始化博客站点,如果最后一行显示Start blogging with Hexo!
,代表创建成功 - 执行
hexo server
启动博文站点 - 访问
http://localhost:4000
就能打开博文了 Ctrl+C
关闭服务器
1 | ➜ ~ mkdir hexo-blog |
八、Hexo关联github
1)进入hexo-blog
根目录
2)安装npm install hexo-deployer-git --save
,用Hexo发布博文
3)打开hexo-blog
根目录下的_config.yml,拉倒最下面, 修改Deployment方式如下:
1 | # Deployment |
4)进入hexo-blog
根目录执行如下命令(参考: https://hexo.io/zh-cn/docs/commands
),第一次上传可能会让你输入git的用户名和密码
1 | hexo clean |
5)如果成功,就可以打开 http://username.github.io
,username
替换成自己用户名
九、使用Hexo创建和发布文章
1) 进入hexo-blog
根目录
2) 创建文章命令:hexo new "文章标题"
1 | ➜ blog hexo new "Hexo部署github博客" |
3) 打开编辑Hexo部署github博客.md
文件进行Markdown
编辑
1 | open ~/Documents/GitHub/hexo-blog/source/_posts/Hexo部署github博客.md` |
4)发布文章:hexo d -g
1 | ➜ blog hexo d -g |