Hexo+GitHub+Netlify一站式搭建属于自己的博客网站

“吾生也有涯，而知也无涯。”

都说每个做技术的人都应该有一个属于自己的博客网站，但是总是因为种种事情半途而弃，借着刚刚搭建完博客的热情写一下是如何搭建此博客的，其实现在搭建博客很简单，这套博客就是采用 Hexo + Github + Netlify 搭建的静态博客网站。

博客运行流程本地运行Hexo程序创建文章、程序修改等，将修改后的代码提交到GitHub，然后通过Netlify自动获取GitHub上的更新、部署、发布，这样就形成了一套自动更新部署发布的静态博客网站，下面让我一起来看一下是如何实现的。

Hexo

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。

安装

安装 Hexo 相当简单。然而在安装前，您必须检查电脑中是否已安装下列应用程序，这里默认你会使用Git，如果不会请看廖雪峰老师的Git教程：

Node.js，安装请参考文章Nodejs安装

Git，安装请参考Git安装

验证程序

Node.js验证：Windows系统打开cmd，然后输入node -v查看是否显示版本号，显示即表示安装成功，Mac和Linux则打开命令窗口同样验证即可。
Git验证：Windows系统在桌面右键看是否有Git bash here即可，打开后输入git验证，Mac和Linux则打开命令窗口输入git验证。

安装Hexo

如果您的电脑中已经安装上述必备程序，那么恭喜您！接下来只需要使用 npm 即可完成 Hexo 的安装。

$ npm install -g hexo-cli

安装 Hexo 完成后，请执行下列命令，Hexo 将会在指定文件夹中新建所需要的文件。<folder>就是你要将程序安装在所在文件夹的位置。

$ hexo init <folder> $ cd <folder> $ npm install

新建完成后，指定文件夹的目录如下：

. ├── _config.yml ├── package.json ├── scaffolds ├── source | ├── _drafts | └── _posts └── themes

然后在指定的<folder>文件内执行hexo server命令，然后访问 :4000/ 即可访问本地已经部署好的Hexo网站。

$ hexo server INFO Start processing INFO Hexo is running at :4000/. Press Ctrl+C to stop. Hexo配置及使用 配置

在指定的<folder>文件内找到_config.yml配置文件，Hexo的配置都在_config.yml文件内，大部分说明可以查看官网Hexo配置，如下配置可根据需要自行更改。

网站 配置 说明
title   网站标题  
subtitle   网站副标题  
description   网站描述  
author   你的名字  
language   网站使用的语言，中文：zh-Hans  

其中，description主要用于SEO，告诉搜索引擎一个关于您站点的简单描述，通常建议在其中包含您网站的关键词。author参数用于主题显示文章的作者。

网址 参数 描述 默认值
url   网址    
root   网站根目录    
permalink   文章的 永久链接   格式 :year/:month/:day/:title/  

网站存放在子目录
如果您的网站存放在子目录中，例如 ，则请将您的 url 设为 并把 root 设为 /blog/。

扩展 配置 说明
theme   当前主题名称。值为false时禁用主题  
deploy   部署部分的设置  

theme参数后期修改模板会用到，自己设置模板修改成对应参数。

使用

配置结束后让开始创建一片文章，使用命令hexo new [layout] <title>。如果没有设置 layout 的话，默认使用 _config.yml 中的 default_layout 参数代替。如果标题包含空格的话，请使用引号括起来。hexo generate命令在<folder>/public文件夹下生成静态文件，该命令可以简写为hexo g。发表草稿命令hexo publish [layout] <filename>。

# 创建文件 hexo new HelloHexo # 生成静态文件 $ hexo generate # 发布文件 $ hexo publish HelloHexo # 启动服务 $ hexo server

启动服务后即可在<folder>/source/_posts文件下看到生成的HelloHexo.md文件，可以修改后即可刷新:4000/查看最新内容，更多使用参考官网标签使用。

上传GitHub

在托管给GitHub之前先做一些准备工作，在<folder>文件下执行git init对git进行初始化，将对不需要上传的文件放入.gitignore文件中，使用命令echo "/public" >> .gitignore屏蔽public文件夹，然后提交所有文件。

# git 初始化 git init # 屏蔽 public文件夹 echo "/public" >> .gitignore # 添加到仓库 git add . # 提交文件 git commit -m "install hexo project"