当年看着Zippera写的Hexo系列教程,不明所以、莫名其妙地花了三小时左右的时间搭建好Hexo博客后,就一直将就着用到了今天,这次二度玩起Hexo,心想着自己还是需要记录一下的,不好为人师,就只为己用也好啊。好了,废话不能讲太多,切入正题。
基础安装
- Git
- Node.js
注:
(1)Git和Node.js的安装和普通的桌面应用程序,如QQ的安装没什么两样,无非就是下一步,下一步。
(2)可能需要科学上网一下,才能下载到Git和Node.js的安装包 安装Hexo
安装好Git和Node.js后,可以使用Node.js自带的包管理工具npm安装Hexo,命令如下:1npm install -g hexo-cli
PS:当年Hexo 2.x的时候,安装命令是
npm install -g hexo不知道为什么现在的3.x版本为什么要变成
npm install -g hexo-cli
初始化Hexo
安装Hexo部署git环境
这一步是Hexo 3.x才出现的。
修改博客的配置文件_config.yml
这里的type以前是github,3.x版本变成git了,所以多出了上面那个npm install hexo-deployer-git –save的命令repo就是你Github的仓库地址,后面会介绍的。
至此,博客的基础环境搭建完毕!赶快看一下你的博客站点长什么样吧,输入一下命令:
hexo generate //以后可以简写成hexo g
生成完成后,输入:
hexo server //以后可以简写成 hexo s
命令窗口会提示你通过http://localhost:4000 进行预览。
博客写作
写在前面的话:常言道:“工欲善其事,必先利其器”,在开始写博客文章之前,先介绍一下Markdown编辑器吧。如果你是Windows派系的,那么个人认为MarkdownPad是首选,如果用的其他操作系统,那么可以戳这里。另外,简书也是一个很不错的地方,如果你懒得搭建自己的博客,那么简书也是一个很好的选择呢!
新建文章:
Hexo 有三种自带布局:post、page 和 draft,默认post,title即你博客文章的标题,新建成功后,命令提示窗口会告诉你你的文章所在位置,一般都在目录/source/_posts/下面,然后用MarkdownPad打开你的新建的文章,开始编写吧。
文章写完后,可以使用
然后在浏览器打开localhost:4000预览一下吧!
很简单,有木有!但是,到目前为止,你只能自己在本地访问和查看自己的博客,如果希望别人也可以看到,请继续往下看。
托管到GitHub
注册Github
这个就不介绍了吧,主页在这里。
创建repository
这个也不介绍了,需要注意的是,repository的名字要和Github账号对应,比如我的GitHub账号是deliazhi,那么,我的repository的名字应该为deliazhi.github.io
设置ssh
偷个懒,大家看官方教程吧。
然后执行以下命令:
然后在浏览器输入你repository的名字看看,比如我的就输入deliazhi.github.io
这部分内容我有些偷懒了,很多都没有详细介绍,不过大家也不用太担心,因为Hexo有庞大的用户群,不管你遇到什么样的问题都能找到解决方案的,放心哈!
个性化你的博客
Hexo有两个配置文件,一个是博客的配置,即 _config.yml文件,还有一个是主题的配置,即/themes/light_config.yml文件。
博客的配置文件如下:
在介绍主题配置文件之前,我们先说一说Hexo的主题吧。
Hexo的默认主题是landscape,不过貌似留用这个主题的人很少,大家会选择自己喜欢的主题,或者大神都是自己开发主题的哈!
更换主题
跟换主题只需两步走:
(1)下载主题
(2)配置主题
找到博客的配置文件,找到里面的theme,在其后写上你喜欢的主题名称。
注:Hexo的主题有很多,我就简单介绍两个,一是next,有非常全面的说明文档,也比较简洁。还有一个就是我一眼看中的yilia啦,没有为什么,就是第一眼就喜欢它了。
(话说Python很强大啊,也想学习一下怎么用python爬一下Hexo主题,并给出star排名啊!)
主题的配置文件如下:
差不多就这样吧,这篇文章有些长了,后面我再写一篇文章,专门介绍如何给Hexo博客增加一些小功能吧。