快捷搜索:  汽车  科技

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)安装相关工具Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服 务,站点可以被免费托管在 Github 上,你可以选择使用 github Pages 默 认提供的域名 Github.io 或者自定义域名来发布站点。Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站 点托管在 Github Pages 上是一个不错的选择。什么是 Hexo?Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。什么是 github Pages?

之前在弄这个博客的时候踩了一些坑,也看了一些教程,今天试着总结成一篇文章。整个过程我只是做过四五次,所以有什么问题还请大家指出。

效果

https://www.niracler.com

注意: 我这里是在linux系统上搭建的,所以win上搭建会有点不一样,不过大致都差不多。

什么是 Hexo?

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

什么是 github Pages?

Github Pages 是面向用户、组织和项目开放的公共静态页面搭建托管服 务,站点可以被免费托管在 Github 上,你可以选择使用 github Pages 默 认提供的域名 Github.io 或者自定义域名来发布站点。Github Pages 支持 自动利用 Jekyll 生成站点,也同样支持纯 HTML 文档,将你的 Jekyll 站 点托管在 Github Pages 上是一个不错的选择。

安装相关工具

安装Node.js以及Git

首先,你要先确保自己的系统中已经安装了下面这些应用程序,Hexo是基于Node.js的,而Git则是用来上传文件到github上的工具:

  • Node.js
  • Git

检验是否安装成功:

换源,使用cnpm源

因为在国内直接用npm实在是太慢了,所以我选择使用淘宝的源,而用cnpm命令。

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(1)

安装Hexo

$ sudo cnpm install hexo-cli -g

初始化Hexo项目

创建并进入blog文件夹

$ mkdir blog $ cd blog

初始化hexo基础配置文件

初始化时间可能会比较长。

$ hexo init

目录结构

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(2)

生成静态文件

$ hexo g

加载hexo基础html、css、js等文件。

在这完成后等于已经在本地创建了一个网页,想查看的话,输入

$ hexo s

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(3)

然后相当于开启了一个本地的服务器,会提示你拷贝url到浏览器。

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(4)

在github上创建并设置远程库

创建仓库

名字必须是 用户名.github.io 这里是因为我已经有这仓库了

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(5)

创建分支

我们总共有两个分支,master和hexo。之所以要有这两个分支,是为了在电脑出问题的时候或者换新的电脑以后才能快速的恢复blog环境。

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(6)

设置hexo为默认分支

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(7)

将项目克隆到本地

$ git clone https://github.com/(用户名)/(仓库名).git:克隆到本地

将文件复制到blog文件夹中

$ cd .. $ git clone https://github.com/(用户名)/(仓库名).git $ cp -r (仓库名)/.git .git

安装主题

可以到下面这个网站看看有什么喜欢的主题 然后安装。

https://hexo.io/themes/

下载主题

$ cd blog $ git clone https://github.com/theme-next/hexo-theme-next themes/next

配置主题

在项目的_config.yml中配置自己的主题

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(8)

现在打开http://localhost:4000/ 已经可以看到一篇内置的blog了。当然,这是我经过配置后的主题。

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(9)

发布hexo到github page

配置远程仓库

在项目的_config.yml中配置自己的远程仓库地址

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(10)

提交项目,部署

安装部署工具(方便以后更新)

$ cnpm install hexo-deployer-git --save

这里有几个坑需要注意一下:

1、所有的配置“:”符号后面都要带空格,否则执行本地测试直接失败。

2、language是设置语言。zh-CN是中文。

生成静态文件并上传到github仓库

$ hexo clean && hexo g && hexo d #等于一次性执行了,清空、刷新、部署三个命令

总结

对于日常修改博客的时候,应该首先用git add . git commit -m “…” git push origin hexo 将内容保存至github中,然后才用hexo g -d部署博客

Hexo常用的几个命令:

$ hexo generate #(hexo g) $ hexo server #(hexo s) $ hexo deploy #(hexo d)

另外还有其他几个常用命令:

$ hexo new "postName" $ hexo new page "pageName" $ hexo new draft "postName" $ hexo publish "postName"

常用简写

$ hexo n == hexo new $ hexo g == hexo generate $ hexo s == hexo server $ hexo d == hexo deploy

常用组合

$ hexo d -g #生成部署 $ hexo s -g #生成预览

这仅仅是一个开始

虽然我上面已经说了这么多了,但这只是一个开始,你还要选好主题,还有对主题进行无数的优化,还要用自己的域名什么的。我就不写了,原文里有其他文章的链接,你们去看吧。

题图

hexo搭建博客需要绑定域名吗(使用HexoGithubPages搭建个人独立博客)(11)

本文作者:niracler

本文链接: www.niracler.com/2019/03/10/使用Hexo-Github-Pages搭建个人独立博客/

版权声明:本博客所有文章除特别声明外,均采用 BY-NC-SA 许可协议。转载请注明出处!

猜您喜欢: