美文网首页
通过Hexo在Github上搭建博客 for Mac

通过Hexo在Github上搭建博客 for Mac

作者: 九天环佩 | 来源:发表于2016-07-14 15:33 被阅读170次

如果你能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

相关文章

网友评论

      本文标题:通过Hexo在Github上搭建博客 for Mac

      本文链接:https://www.haomeiwen.com/subject/giiejttx.html