gitHub hexo 个人博客

一直以来就想搭建一个自己的博客,不想其它网站那么杂乱,需要一个纯粹的记录成长之路的地方。查了很多资料,最后决定用hexo 搭建一个静态网页,托管在gitHub上。下面我就介绍一下我的搭建之路,我的搭建网页

1. gitHub

gitHub 的注册及配置我就不介绍了,这个哪里都可以查到,我介绍一下注册过后远程仓库的创建。
首先创建远程仓库:


屏幕快照 2016-07-16 02.49.16.png

在后面的Respository name 里面输入:gavincarter1991.github.io 这个格式是定的(gavincarter1991 需要填写你的用户名)我没有测试过如果不填写自己用户名的后果,不过查了很多资料都推荐这样填写,有的还是不以这样的方式会报错,没有实践,我没有发言权。


屏幕快照 2016-07-16 02.49.37.png

2. homebrew安装

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

brew install node

查看安装是否成功:

npm -v

node -v

安装成功会显示版本号:


屏幕快照 2016-07-16 03.09.16.png

3. 开始安装hexo

首先进入你需要存放博客的文件夹,然后:

npm install hexo -g

查看版本号:

hexo version

初始化项目:(类似于git)

hexo init

4. 开始使用

创建页面:

hexo new post "My First Blog"

生成静态文件(会在当前目录下生成一个新的叫做public的文件夹)

hexo g # 或者hexo generate

开启本地服务 用于在本地浏览 Ctrl+C退出查看

hexo s # 或者hexo server,可以在输入http://localhost:4000/ 查看 或者 按住Command 双击命令行下的网址(http://localhost:4000/)

这时网页已经成型了。

接下来就是要部署到gitHub上 只需要在配置文件_config.xml中作如下修改:

deploy:
  type: git
  repo: git@github.com:gavincarter1991/gavincarter1991.github.io
  branch: master

当然gavincarter1991位置还是填你的信息

然后安装一个自动工具,方便以后页面的部署:

npm install hexo-deployer-git --save

部署去gitHub:

hexo d

以后每一次部署的一般步骤:

hexo clean
hexo g
hexo d

5.写文章

首先;

hexo new post "My First Blog"

然后去目录:source_posts下找到My First Blog.md(markdown文件)开始编辑文章了。我Mac用的是Mou编辑器,你可以自由选择适合自己的markdown编辑器。这里有markdown使用技巧
写好以后就可以按照前面的部署常用步骤进行部署了。

6. 其他

1.主题:hexo有很多第三方主题可以选择,通过git clone
2.配置修改参数详见 我写几个常用的:
头像:把图片放在主题内 source/images/,图片链接地址可以填 /images/avatar.png 然后在当前主题的_config.yml 不是根目录的_config.yml(如果你换了主题,需要根据自己选择的主题进入里面去设置)

# Sidebar Avatar
# in theme directory(source/images): /images/avatar.jpg
# in site  directory(source/uploads): /uploads/avatar.jpg
avatar: /images/avatar.jpg

个人中心配置:(根目录的_config.yml)

# Site
title: Gavin
subtitle: 记录成长过程中的点点滴滴
description: 我爱敏敏
author: kindyourself@163.com
language: zh-Hans
timezone:

显示标签与分类:取消对应注释

# When running the site in a subdirectory (e.g. domain.tld/blog), remove the leading slash (/archives -> archives)
menu:
  home: /
  categories: /categories
  #about: /about
  archives: /archives
  tags: /tags
  #commonweal: /404.html

然后创建分类

hexo new page "categories"

在/source/categories下有个index.md 按照如下填写:

---
title: categories
date: 2016-07-16 02:21:37
type: "categories"
comments: false
---

以后在写文章的时候加上分类就会自动创建分类了

layout: '[layout]'
title: iOS-自定义带抽屉效果的tabBar
date: 2016-07-12 23:19:35
tags: [自定义,抽屉,tabBar]
categories: "iOS" // 分类
---

创建标签

hexo new page "tags"

在/source/tags下有个index.md 按照如下填写:

---
title: All tags
date: 2016-07-16 02:11:12
type: "tags"
comments: false
---

以后在写文章的时候加上标签就会自动计入

layout: '[layout]'
title: iOS-自定义带抽屉效果的tabBar
date: 2016-07-12 23:19:35
tags: [自定义,抽屉,tabBar] // 标签
categories: "iOS"
---

下载主题:

git clone https://github.com/iissnan/hexo-theme-next themes/next

7. 总结

这个在网上还有很多很详细的教程,这是我的大致操作流程。感觉这个可以很简单,就是少去动原生的。如果你想要去捣鼓会发现还是有很多可以捣鼓的,因为他有很多的参数可以配置。我只是配置了一下我觉得在我看来重要的。有兴趣的朋友可以去捣鼓捣鼓。-太晚了,都4点了,睡觉去

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,222评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,455评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,720评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,568评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,696评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,879评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,028评论 3 409
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,773评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,220评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,550评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,697评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,360评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,002评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,782评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,010评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,433评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,587评论 2 350

推荐阅读更多精彩内容