首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

这可能是迄今为止最全的hexo博客搭建教程

点击上方“Python数据科学”,星标公众号

重磅干货,第一时间送达

500g+超全学习资源免费领取,干货来袭!

转自:程序员小明

背景

喜欢写 Blog 的人,会经历三个阶段。

第一阶段,刚接触 Blog,觉得很新鲜,试着选择一个免费空间来写。

第二阶段,发现免费空间限制太多,就自己购买域名和空间,搭建独立博客。

第三阶段,觉得独立博客的管理太麻烦,最好在保留控制权的前提下,让别人来管,自己只负责写文章。

这是阮一峰在博客中写到的关于 Blog 的想法,而这里的第三阶段的实现就是利用 GitHub Pages 搭建博客。

使用 GitHub Pages 功能搭建博客的好处有:

免费,GitHub 提供无限流量。

都是静态文件,世界各地都有理想的访问速度。(访问速度可以进一步优化)

拥有绝对的管理权,又享受 Git 的版本管理功能,不用担心文章遗失。

Hexo 是基于 Node.js 的一款静态博客框架,如果想要搭建博客,不想自己写页面的话可以考虑用 Hexo,其中有很多的简洁主题可供选择,同时 Hexo 支持 Markdown 语法,编辑文章更加方便,快捷。

注:此篇分享还以 Mac 为例哈

环境配置

Hexo 文档有对 Hexo 安装及使用的详细介绍,推荐阅读。这里我主要写自己安装的步骤、踩过的坑以及一些优化的方法。

在正式安装 Hexo 之前,我们需要确认电脑中是否已安装下列应用程序:

Node.js

Git

当然,我们还需要 GitHub 账号,如果没有请注册。

注册之后记得一定要前往邮箱确认注册,否则无法使用 GitHub Pages。

安装 Hexo

所有必备的应用程序安装完成后,即可使用 npm 安装 Hexo。终端输入如下命令:

输入管理员密码( Mac 登录密码)即开始安装。

这里有个小坑:Hexo 官网上的安装命令是,安装时不要忘记前面加上,否则会因为权限问题报错。

初始化

使用终端到一个您指定的目录,执行以下命令(命令中的是您将要建立的文件夹的名称):

使用终端到文件夹下,执行以下命令,安装npm:

好了,现在可以试试看是否已经初始化成功,执行如下命令,开启本地 Hexo 服务器:

此时,浏览器中打开网址(默认是4000端口) http://localhost:4000 ,能看到如下页面:

Hexo 本地

这里我踩了个不算坑的坑,终端输入后没有成功,我也在网上搜到了很多解决办法,但是都没有奏效,后来我尝试改了下端口就成功了,也就是说默认的4000端口无法连接。如果您的情况跟我一样,尝试了网上的很多解决办法之后依然无效,那您也许可以尝试输入命令改一下端口试试看。

关联 GitHub

创建仓库

登录您的 GitHub 账号,新建名称为的仓库。假设我的 GitHub 账号的用户名是 ,那么我就应该新建名称为的仓库。

可写可不写,随意。

勾上。

点击完成创建。

开启 GitHub Pages

点击,你将会打开这个库的 Settings 页面,向下拖动,直到看见 GitHub Pages,如图:

gh-p修改全局配置文件

Hexo 官方文档中有对全局配置的详细说明,推荐阅读。

小坑提醒,修改本地所有的配置文件时,注意所有的冒号后边都要加一个空格,否则执行 Hexo 命令时会报错,一定注意。

找到本地文件夹下,打开后滑到最后,修改成下边的样子:

您需要将后的所有换成你自己的用户名,或者也可以在下图位置获取:

https 地址

然后,您需要为自己配置身份信息,终端输入和换成您自己的 GitHub 用户名和邮箱):

终端到文件夹下执行生成静态页面命令:

此时若出现如下报错:

尝试执行命令:

若无报错,自行忽略此步骤。

然后在当前目录下,终端输入:

这里踩了个坑,如果您执行命令仍然报错:无法连接 git 或找不到 git,则执行如下命令来安装:

完成安装之后,再次执行和命令。

随后按照提示,分别输入自己的 GitHub 用户名和密码,开始上传。

完成上传之后,通过 (换成您自己的仓库名,也就是用户名)来访问自己刚刚上传的网站。

为避免每次输入 GitHub 用户名和密码的麻烦,可参照后文优化(个性化设置)进行优化

常用指令和发布文章

常用指令

常用组合

发布文章

终端到文件夹下,执行如下命令新建文章:

名为的文件会建在目录下。

所有的文章都会以形式保存在文件夹中,只要在文件夹中新建类型的文档,就能在执行的时候被渲染。新建的文章头需要添加一些信息,如下所示:

文章编辑完成后,终端到文件夹下,依次执行如下命令来发布:

至此,Mac 上搭建基于 GitHub Pages + Hexo 的博客就完成了。

下面的内容是介绍安装 Themes 、个性化设置以及优化。

设置 Themes

如果您喜欢 Hexo 默认的主题的话,可以跳过这部分。如果您想换一个主题的话,可以到Hexo 主题挑选自己中意的主题。

这里以nexT 主题为例。

终端到目录下执行如下命令(这是目前的稳定版本,不是最新版。最新版有一些新特性,但是可能会不稳定,所以这里推荐选择安装稳定版):

如果想尝试最新版,请执行如下命令:

打开目录下的,找到修改为。

终端到目录下,依次执行如下命令(每次部署文章的步骤):

至于更改博客的名称、描述、头像等,只需要修改文件和文件中对应的属性名称即可(不要忘记冒号后加空格)。

  • 发表于:
  • 原文链接https://kuaibao.qq.com/s/20191013A0D03900?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券