hexo折腾记

hexo

一、起源

前前后后看过了好多博客,好看的真的没多少,好像自己在这方面真的是有强迫症的吧,于是就开始了折腾之路。

偶然得知hexo这个东西,可以搭建一个自己的私人静态博客,这对我而言简直就是一个福音啊有木有,在各个平台上去写博客都写在了的人的地盘上,哪有写在自己地盘上的那种爽快的感觉呀…嗯,这种形式的博客简直就是为我量身定制的呀,前前后后没多长时间,这一切都在我的脑子里盘旋,我一定要有一个自己的博客。

二、折腾安装

做一件事情当然需要一些准备工作,比如,据说hexo是基于Node.js的,那么首先得安装一个Node.js吧,安装好了?
安装完Node.js,用什么来上传代码呢,当然首选git了,继续安装?
你要让你的代码到哪儿呢,github上? coding上? 还是自己的域名上?想想:
自己的域名,我暂时没考虑,一个静态博客感觉有点奢侈呀,那就github上吧,毕竟这么大个网站,几千万程序员的家呀,那就算github一个吧,但是又有问题,github时而被墙,自己当然就翻过去了,拿别人怎么办呀,还是在coding上再弄一个,既然有了需求,那么就注册一个账号吧,到这里就有了github和coding的账号了,关于这俩上面ssh公钥的设置什么的这里就不表了,网上教程太多,我写不了他们那么好。
到了这里,貌似该准备的东西都准备的差不多了吧,好像还没有,最重要的东西还没有呢,好了,来安装一下hexo吧,感受一下命令行的好处吧,来,打开git。
npm install -g hexo-cli 直接使用命令行,接下来做的事情就是稍作等待,注意到在这其中使用了-g,也就是全局安装。

三、本地博客的开启

你想把hexo放在哪个文件夹呢,通过cd移动到那里吧,通过hexo init命令初始化,你想新建一个文件夹来放它们?
那就用hexo init <文件夹名>来初始化吧,初始化完成后移动到里面去。
听说还有个依赖包,使用npm install来安装它吧。

以上都完成了?其实到这里你的本地博客已经搭建完成了,不信?来试试

使用hexo g来生成(generate)本地静态文件
使用hexo s来开启本地服务器(server),这时候,他就会提示你,打开http://localhost:4000 ,你在浏览器地址栏键入它,怎么样,打开了吧。

到此,本地服务器开启完成,使用Ctrl+c来退出本地服务器吧。

四、线上开启

在上面的步骤中,你已经有了自己的github和coding账号了,这时分别在它们身上建立一个仓库,来放你的博客代码
在github上,新建一个xxx.github.io的仓库,其中xxx必须为你的用户名,它也将是你的博客的域名
在coding上,新建一个和你的个性后缀(Global key)一样一样的仓库,这样,你的博客就能以此为域名开头,不然,你的博客名可能就很难记了

这时,打开你的hexo文件夹中的_config.yml做一些修改吧。
你可以看到,最上面有一些内容,稍作点介绍吧。

1
2
3
4
5
6
title: // 标题
subtitle: // 副标题
description: // 关键词,这些关键词会成为搜索引擎搜索的依据,如果你希望你的博客被更多人知道的话,还是挺重要的
author: // 作者
language: // 语言 zh-cn代表中文
timezone: // 时区 这个就别设置了,它会自己去判断(还是挺聪明的)

上面是一些简单的设置,下面还有更多内容,也是可以进一步设置的,可以自己研究研究

下面到正题了,到这个文件的最底部,像这样来设置

1
2
3
4
5
6
deploy:
type: git // 我们使用了git,设置类型为git吧
repo:
github: git@github.com:xxx/xxx.github.io.git // 这是github的仓库地址,建议使用ssh的,感觉稍好,我用http时falled
coding: git@git.coding.net:xxx/xxx.git // 这里是coding的仓库地址,将其中内容改为你的仓库地址
branch: master // 分支为主分支,不设在其它分支上了

好了,到这里,你可以保存关掉这个文件了

注意:在_config.yml中设置内容的时候,我们得遵循一个规则呀,请注意,每一个冒号后面都有一个空格,虽然不知道是用来做什么的,但是如果你没有就会报错,先加上,再去研究为什么

到这里,绝大部分内容已经完成了,直接生成静态页面push到仓库里面就好了
和刚才一样,使用hexo g生成静态页面
你要是不放心,可以使用hexo s打开本地服务器看看
看完了,没有问题了,那就push到仓库里面去吧
hexo d将这些静态文件推送到仓库中去,完成部署(deploy)
到这里,只是完成部署,你的github上面是可以访问了,但是coding上需要自己去开启一下,在Pages服务下,将分支设为master,开启服务,完成coding的设置。

这时候就完成了,打开xxx.github.io和xx.coding.me,你的博客就在这里
看我的github博客,coding博客;
至此,博客搭建好了,你可以使用hexo new <filename>来新建一篇博客,通过Markdown来编写它,完成后生成静态页面,部署到线上地址就好

五、主题

前面也说了,主题也是我做这件事情的目的之一,那就上网去找主题吧
来自知乎的回答:hexo有哪些好看的主题
找到了,通过下载(DownLoad)得到一个压缩文件,解压后,把它放在themes下,再将_config.yml中的theme改为你要添加主题的文件夹名字就好了
通过hexo ghexo d部署,就完成了
先到这,后面还有折腾就再写吧。