怎么把网页源码家入hexo博客_使用 Github Pages 和 Hexo 搭建个人博客

如何使用 Github Pages 和 Hexo 搭建属于自己独立博客。

简单介绍一下要玩的东西

Github Pages可以被认为是用户编写的、托管在github上的静态网页。使用Github Pages可以为你提供一个免费的服务器，免去了自己搭建服务器和写数据库的麻烦。此外还可以绑定自己的域名。

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

涉及到的一些工具材料：

GitHub账号，点这里注册https://github.com/

git工具，直接在 Git 官网下载 安装工具 进行安装

安装Node.js点这里https://nodejs.org/en/download/?spm=a2c4e.10696291.0.0.1c4719a4JDkLad访问官网，按需下载相应版本，默认安装可以！

购买域名：

国内：万网(被阿里云收购在旗下)、腾讯云、新网等
国外：GoDaddy(狗爹爹的广告真心多)等

安装 Hexo

在一个合适的目录新建文件夹，之后这个文件夹便作为你的博客源文件地址，用来存放自己的博客文件(本文以下就称这个文件夹为 根目录)

「右键 - Git Bash Here」

用 npm 安装全局 Hexo 命令行工具：

npm install -g hexo-cli

之后，用 Hexo 命令初始化我们的博客

hexo init [ files ]

如果是根目录就直接不用 “files”，否则将在你定位的文件夹下新建 files 这个文件夹

一些常用的 Hexo 命令：

hexo new "title" == hexo n "title" //新建文章hexo g == hexo generate //生成配置hexo s == hexo server  //启用预览 localhost:4000hexo d == hexo deploy //部署hexo clean //清除静态缓存

GitHub Pages 部署

需要 GitHub 账号，并新建一个仓库：

使用 GitHub Pages 部署，默认域名为 [ UserName ].github.io/[ RepoName ]

如果要绑定个人域名这里可以随意一点，不然就取个好听的名字！

本地部署到 GitHub Pages 需要一个特殊插件：hexo-deployer-git，在博客根目录使用命令安装：

npm install hexo-deployer-git --save

紧接着在博客根目录配置文件 _config.yml 中最下方配置改为类似以下格式：

deploy:  type: git  repo: https://github.com/[ UserName ]/[ RepoName ].git  branch: master

当然，第二项取决于你的仓库地址，至于使用 HTTPS 还是 Git 连接就看个人习惯了。

在GitHub上的访问网址就是username.github.io比如xxwonder.github.io.但是访问貌似需要科学上网！

之后使用命令在本地生成静态页面并部署到 GitHub ：

hexo g -d

然后把申请和的域名配置好就可以简单的访问了xxjzd.top(刚部署完什么也没有)

整体流程是这样，不过中间总会出现一些小问题，有点耐心一定可以搞定的。自己搭建之后裸体是这个样子的，哈哈！