009-github pages建站，绑定主题，域名

一、概述

　　使用github建站

1.1、基础储备

　　github账号注册

　　git使用：https://www.cnblogs.com/bjlhx/category/993475.html　　

基础步骤

• Github Pages
• Hexo 博客框架
• 部署
• Next 主题

二、使用

2.1、Github Pages使用

　　Github Pages 其实本身就是 Github 提供的博客服务。 我们在 Github 中创建一个特定格式的 Repository，Github Pages 就会将里面的信息生成一个网页，展示出来。

创建仓库：username.github.io：

创建即可，访问：https://bjlhx15.github.io/  博客首页

_config.yml文件,这是网站的全局配置文件。

2.2、框架使用

Hexo：是一个博客框架。它把本地文件里的信息生成一个网页。

使用 Hexo 之前，需要先安装 Node.js 和 Git。检测安装

node -v
git --version

hexo安装：npm install -g hexo-cli

查看：hexo -v

备注：006-node npm 报错 rollbackFailedOptional: verb npm-session

2.2.1、框架结合源码

在其他目录下使用：hexo init，下载代码，init 初始化需要一个空目录

npm install 安装依赖包

hexo g 生成（generate）网页。 由于我们还没创建任何博客，生成的网页会展示 Hexo 里面自带了一个 Hello World 的博客。

hexo s 将生成的网页放在了本地服务器（server）

新建一个仓库：hexo-src.bjlhx15.github.io.git，将上述代码放置在仓库中即可

2.2.2、新建博客并发布

source/_posts 放置.md文章即可，执行hexo g、hexo s查看，将生成的前端代码发布到：bjlhx15.github.io.git  仓库，注意不是2.3中的hexo-src

在根目录：_config.yml 下修改deploy：

deploy:
  type: ‘git‘
  repository: https://github.com/bjlhx15/bjlhx15.github.io.git
  branch: master

• 输入 npm install hexo-deployer-git --save 安装 hexo-deployer-git 此步骤只需要做一次。
• 输入 hexo d

至此基础版本搭建完成：https://bjlhx15.github.io/

2.3、使用Next主题

以 Next 为例。 大概思路就是把整个主题的文件克隆到我们的主题文件夹中。在配置文件中注明使用该主题。【更多】

在hexo-src源码的 themes下：git clone https://github.com/theme-next/hexo-theme-next themes/next

这样，该主题的文件就全部克隆到:   themes\next 下面。

2.3.1、切换主题

打开根目录下_config.yml

# theme: landscape  next
theme: next

访问bjlhx15.github.io即可

三、个人域名绑定

3.1、阿里云

https://www.aliyun.com

控制台→域名，可以注册域名，top域名比较便宜，可以测试使用：bjlhx.top

https://wanwang.aliyun.com/domain/  首年1块

3.1.1、域名解析

3.1.2、站点根目录增加

　　文件：CNAME

　　内容：blog.bjlhx.top

等待10分钟，然后访问 http://blog.bjlhx.top/ 就能看到 http://bjlhx15.github.io 一样的页面，证明绑定成功了。 

009-github pages建站，绑定主题，域名

原文：https://www.cnblogs.com/bjlhx/p/12240174.html