#博客搭建系列一:用hexo搭建个人博客

本来不准备写的,因为网上一搜一大堆讲如何用hexo搭建博客的文章,但是,一来这个markdown语法以前没写过,想用来练练手。二来,网上文章有的写的比较早,一些配置和api可能已经变了。好的,啰嗦玩了,下面开始正文。

首先声明,本教程是针对mac的,不保证windows执行没有问题

1、配置环境

安装node

nodejs是服务器语言,借助google的chrome浏览器V8引擎,可以让前端js脚本运行在服务器端,前后端语言统一,不要太美~在这里,他主要是用来生成静态页面的。Node.js官网下载相应平台的最新版本,一路安装即可。

安装git

把本地的hexo内容提交到github上去,安装Xcode就自带有Git。可以用命令行,当然你也可以source tree可视化工具来管理。

申请github账号

hexo博客是一个静态博客,内容是托管在github上的。去官网注册申请,然后配置下SSH Keys,这样就不用每次提交都输入用户名和密码了。mac ssh key 获取

2、hexo搭建博客

全局安装hexo

确保上述环境安装好之后,全局安装hexo:

sudo npm install -g hexo

初始化

创建项目文件夹,如myBlog

mkdir myBlog
cd myBlog
hexo init

这样,hexo就安装完毕了

生成静态页面

在myBlog文件夹下,执行

hexo g (或hexo generate)

这样,hexo就会编译生成静态页面,在public目录下

启动本地服务器

hexo s (或hexo server)

在bash命令行,按下command键单击 http://localhost:4000/ ,即可用浏览器打开此页面。可以做本地预览
恭喜!你已经看到自己的博客了。但是域名和服务器都是自己电脑,我们需要关联github,继续往下看

3、部署github

新建仓库

在github上创建新的仓库,仓库名必须为[your_user_name.github.io],将自己的github用户名替换掉your_user_name。

编辑文件_config.yml,建立关联

在myBlog根目录找到_config.yml文件,打开它,如果你有sublime编辑器,并安装全局命令。可直接

subl -w _config.yml

在最下面,改成这样。替换掉your_user_name。一定要注意: 这里的所有配置:后面都要加空格

deploy: 

  type: git

  repository: https://github.com/your_user_name/your_user_name.github.io.git

  branch: master

npm安装依赖,才能使用git部署

npm install hexo-deployer-git --save

将博客部署到github

hexo d (或hexo deploy)

打开网址 http://tywei90.github.io/ tywei90是我的github用户名,换成你自己的就行。看到没?你的博客已经上线了~

等等。。好像哪里不对。如果这样,岂不是每个github用户都有一个自己的域名,github那来的这么多域名?其实你只要在你的bash命令行执行命令如下:

dig tywei90.github.io

我们会看到:


dig结果

dig命令是查网址的dns解析的,我们发现博客地址被CNAME到github.map.fastly.net.上,他的服务器ip是151.101.100.133。什么意思呢,我们先来解释下CNAME。

CNAME指别名记录也被称为规范名字。这种记录允许您将多个域名需要指向同一服务器IP,此时您就可以将一个域名做A记录指向服务器IP,然后将其他的域名做别名(即CNAME)到A记录的域名上;那么当您的服务器IP地址变更时,您就可以不必对一个一个域名做更改指向了,只需要更改A记录的那个域名到服务器新IP上,其他做别名(即CNAME)的那些域名的指向将自动更改到新的IP地址上。

总结下:也就是说,我们的博客地址都会被映射到ip为151.101.100.133的主机上,然后github会根据我们的用户名查找相应的静态文件,然后返回。

4、相关知识

hexo部署三步走

每次部署博客都要执行下面三步


1. hexo clean

2. hexo g

3. hexo d

hexo常用命令

+ hexo new "postName" #新建文章

+ hexo new page "pageName" #新建页面

+ hexo generate #生成静态页面至public目录

+ hexo server #开启预览访问端口(默认端口4000,'ctrl + c'关闭server)

+ hexo deploy #将.deploy目录部署到GitHub

+ hexo help  #查看帮助

+ hexo version  #查看Hexo的版本

hexo主题

hexo有很多漂亮的主题可选,这也是为什么我没有选择jekyll的原因。

  • Yilia - Responsive and simple style 强烈推荐,我用得就是这个。(ps: 作者人也很nice~)
  • NexT -Elegant Theme for Hexo 都有自己的官网了,用的人很多
  • Cover - A chic theme with facebook-like cover photo

至于主题如何配置,我就不细说了,不同主题不一样,大家可以去参阅相关文档。

博客写作技巧

1、如何让文章想只显示一部分和一个 阅读全文 的按钮?
答:在文章中加一个 后面的内容就不会显示出来了。

2、如何给文章添加标签?
答:在文章的开头有个tags配置项,配置格式如下:

- hexo

- 博客

原文链接:https://www.wty90.com/2016/11/12/build-blog-with-hexo/
原作者:Teal

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

推荐阅读更多精彩内容