Hello Hexo - 新的开始

写了一年的博客园,其实博客园挺好的,唯一不方便的就是不是自己的服务器,很多东西不能随便来,所以才在用 HexoGitHub 上搭建了本博客。

Hexo 搭建博客,真的超方便,但是也有点小麻烦。下面,我就介绍下我折腾的步骤吧。

安装和使用 Hexo

1
2
3
4
$ npm install hexo-cli -g # 安装到全局
$ hexo init blog # 创建一个新的博客
$ cd blog # 进入博客目录
$ npm install # 安装依赖

到此安装完毕了,我们可以开始写博客了。

1
$ hexo new "My New Post" # 创建一个新博文

执行完这条命令后,会生成 /source/_posts/My-New-Post.md 文件,我们用编辑器打开这个文件,他是一个 Markdown 文件,如果不了解 Markdown,可以点开这个链接《Markdown简明语法》查看简单语法。

写完博文后,我们执行

1
$ hexo server # 启动本地服务

然后就可以打开 http://localhost:4000/ 查看刚刚写的博文了。
当然现在还是 md 文件,我们需要生成静态页面才行。

1
$ hexo generate # 生成静态页面

生成的静态文件都在 public 目录里。到此,官网教程走完了。
也许你会说还有 deploy 命令没说呢。
嗯,部署到 GitHub 稍后介绍。

部署到 GitHub

首先,在你的 GitHub 上创建一个 username.github.io 形式的资料库,详情请看 Websites for you and your projects.,比如我的用户名是 52cik,我的资料库就是 52cik.github.io。
只有把静态页提交到这个资料库才能用这个域名访问。

接下来安装 hexo 的 git 插件。

1
$ npm install hexo-deployer-git --save

接着修改你的 _config.yml 配置文件。

1
2
3
4
5
deploy:
type: git
repo: <repository url>
branch: [branch]
message: [message]

详情请看官方文档 Deployment

好了,现在就可以执行下面命令,发布到 GitHub 上了。

1
$ hexo deploy

后台UI管理插件 Hexo Admin Plugin

由于没有合适的 markdown 编辑器,我安装了个 Hexo Admin Plugin,这东西确实很方便,但是因为不是中文的,要稍微折腾下才熟悉,不过比直接文本编辑器编辑方便多了。

1
2
$ npm install --save hexo-admin
$ hexo server -d

就这么两条命令,然后就可以用了。打开 http://localhost:4000/admin/ 就可以在后台管理文章了,功能简介,方便。

rss, sitemape 插件

还有一些常用的插件,根据需求安装吧,官网提供的插件库 plugins

hexo-generator-feed 插件。

hexo-generator-sitemap 插件。

这里就不详细介绍了,记得修改完 _config.yml 要重新执行 hexo server 命令。

404页面和自定义文件的管理

404页面,我用的是 腾讯公益404,当然你也可以自己写404页面。随便是 html 或者 md 文件都可以,写好后保存到 source 目录下即可。

其他自定义的文件,也是保存到 source 目录下,这个 source 相当于你的 web 项目的 www 目录,最终所有内容都会被发布到 GitHub 上的。

总结

折腾了一天,然后用这个半生不熟的 Markdown 写了这么篇文章,不过感觉还不错,如果习惯了,应该直接编辑器写就行了,不需要专门的编辑器了。
目前我还是一边写,一边看,然后调整样式,主要还是不熟悉。

Markdown 这东西,确实是个好东西,如果我当年就用 Markdown 写的博客园,现在也不用头疼专门迁移了。其实大问题没有,只是博客园里我嵌入了很多js效果,Markdown 没办法写div,所有没办法表示,所以现在不知道怎么迁移好。

如果有大神知道的话,还望赐教。