使用Hexo+github搭建个人博客

使用Hexo+github搭建个人博客

1.环境搭建

由于本文只是一个对于搭建博客过程的记录而不是教程,所以仅供参考。想要详细的教程请参考参考文章中的第一篇。
需要的具体环境有:
Node.js
Git
GitHub账号
Hexo
简单介绍一下,Node.js 是一个Javascript运行环境,是一个基于Javascipt,性能十分优秀的前端框架。Git就不说了,是一个分布式的代码托管仓库。程序员必备工具,如果你还不会,赶紧去学,这里有篇很好的教程 廖雪峰的Git教程
而GitHub是一个基于Git的线上代码托管仓库,你可以把你的代码上传到网站服务器进行托管。GitHub在这里充当的角色是服务器,通过访问你的线上仓库你就可以使用个人博客了~
当然只有这些还不够,之后是Hexo的安装,Hexo是一个开源的静态博客生成器,基于Node.js开发。安装结束后就可以进行博客的写作了。

2.个人博客的维护

这个部分可以分为两个部分:1.主题更换;2.发布文章。

1.主题更换

主题就是基于个人博客的页面布局等具体结构的封装文件。每个不同的主题有不同的页面布置,操作方式等。
我用的主题是cafe,将其下载下来放到Hexo安装目录下themes文件夹中,例如我的Hexo安装位置是G:\Blog,cafe的位置是G:\Blog\themes\cafe。
在Hexo中有两份配置文件,名称均为_config.yml,一份位于站点根目录下,主要包含Hexo本身的配置;另一份位于主题目录下,这份配置由主题作者提供,主要用于配置主题相关的各类选项。下面举例说明一下:
在G:\Blog下的_config.yml是整个网站的配置文件,而在G:\Blog\themes\cafe\下还有一个 _config.y文件,这个文件是cafe主题的配置文件
主题配置文件由主题作者提供,如何进行配置,主题作者都会在README中详细说明,例如主题cafe的 cafe的README文件,故在此不再详述。
网站配置文件是通用的。其中一般包括网站名称、作者(你的名字)、语言、友情链接等设置。其中重要的是两个:theme和repo(线上仓库的位置)。例如我的是:
Hexo配置
其中theme是cafe,这样我就可以用cafe主题了。而deploy中type为git,repo为我自己在github中的io仓库。这样主题设置完成了。具体设置参见参考文章的第一个连接,其中有详细说明。

2.发布文章

新建一篇博客:
打开cmd(我用的是Windows,Linux用户直接Ctrl+Shift+T打开terminal),进入到Hexo的安装目录下,输入

hexo new post "article title"

其中article title 是你的文章题目。这时候在安装目录下的source_posts文件夹下将看到article title.md文件,用MarkDown编辑器打开就可以编辑文章了。文章编辑好之后,运行命令

hexo d -g //在部署前生成

这句等价于

hexo g  //部署
hexo d  //生成

部署成功后访问你的地址,例如我的是https://stephenhuge.github.io/,打开就可以看到生成的文章了。

ps:如果提示

deployer not found:git

则是没有安装扩展,输入

npm install hexo-deployer-git --save

即可。

参考文章

[1] 安装教程 手把手教你用Hexo+Github 搭建属于自己的博客
[2] 主题配置 hexo系列教程:(三)hexo博客的配置、使用
[3] 遇到各种问题 使用localhost:4000访问本地blog一直无响应
[4] 遇到各种问题 网站处于联机状态,但未对连接尝试做出响应

扩展阅读

Jekyll搭建个人博客

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值