image
hexo+GitHub搭建网站方案分享，小白专用。
前言
大学两个多月过去了，琢磨了一段时间网站。现在不准备再弄了，潜心学习吧。但是正好写过一篇关于建网站的文章，发出来为了大家能少踩点坑，总结下我在搭建网站中的一些心得和衷告。
工具一览
- homebrew (Mac端安装软件工具)
- GitHub （作为我们的储存地）
- node.js （博客运行环境）
- npm （node.js中已包含）
- hexo （核心）
基础知识一览
要想能够快速搭建博客，我们需要先掌握一些基础知识，不然你都不知道为什么要这样做（当然也没必要全都懂）。
我们只有掌握了这些知识，再遇到一些自己不小心造成的意外时，才能够及时处理。（如果不要求理解，可以直接跳过）
1. 从终端中输入命令
终端
2. homebrew基本操作
brew install安装某软件
brew unstall 卸载某软件
brew list 查看利用homebrew已经安装过的软件
3. 终端类（所有输入保证在英文输入法的状态下）
cd表示指令进入该文件夹
vim表示查看该文件内容，如果没有该文件，则默认新建该文件
举例：
cd ztx则表示进入ztx文件夹，注意：cd后面的文件夹必须在此时的状态的下一级，不能平级或下下级。
?后面加内容表示搜索该内容跳到该位置
i单独按i表示进入编辑模式，可以修改原代码内容
:wq表示保存修改
:q!表示不保存修改
4.之后所有有hexo的指令都必须在本地站点的文件夹(blog)里执行
即：先cd blog，再执行hexo命令
注意坑点
千万牢记这句话：如果在配置所有的_config.yml文件时，hexo命令报错，只要你的代码是按照命令执行的，无外乎三种情况：
：后面没有留一个空格#该去掉的没有去掉- 命令行开头留的空格数不对！！！（如果上面两个不是，一定是这种情况，有些命令行顶格不需要留空格，但有些不是。
从node.js开始
下载node.js即可，下载方式一般2种。
官网下载
node官网
下载最新版即可
利用homebrew下载
先下载homeberew
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
终端中复制代码（以后有代码也都是复制进终端）
下载node
brew install node
检查是否安装成功
node -v
npm -v
检查node和npm的版本号，如果显示了版本号，说明安装成功
如图
自此，node和npm已成功。
第二步：hexo方面
安装hexo
安装hexo需要node和git（和GitHub不是一个概念）
node我们已安装。
git安装方法：
brew install git
然后，我们就可以安装hexo了
npm install -g hexo-cli
检查：hexo -v
出现版本号代表成功。
如果有不理解，或者失败的地方，可以移步hexo官网文档 PS：点击右上角可以切换语言。
如果成功，我们继续
利用hexo建立本地站点
我们需要有一个文件夹来为我们储存本地博客文件，过程如下：
hexo init blogblog为新建文件夹的名字，可以自行改变（以下我都以blog为默认名称）
执行命令，过那么一会儿～
image
出现这个表示成功。cd blognpm install然后，启动本地站点：
hexo server
image
复制http://localhost:4000/
进浏览器里看看～
哈哈，此时你的网站已经出现了。。。
注意：这只是你的本地网站，必须在键入了
hexo server时才可以打的开，再按Ctrl+C，取消后，则打不开了。
好，让我们平静下来，Ctrl+C，开始干点别的事
GitHub方面
github账号
既然我们已经有了一个本地网站，下面的目的就是将我们的网站放到网上能够让大家看见。我们就用到了github。
首先我们要先注册一个github账号
image
然后
image
image
我已经创建过了，在此就演示一下。
注意：Repsoitory name必须要是你的Owner名字.github.io
其他默认，点击创建
关于git和github方面如果感兴趣想深入了解的，可以去廖雪峰的网站上看。
关联本地
我在这里仅仅说与搭建网站有关的一些命令操作，我们已经在GitHub上有了自己的仓库（Repsoitory）.现在要创建一个本地库和GitHub上的关联，操作如下：
git clone git@github.com:ztxiangztxiang.github.io.git
注意:git clone后面的是你自己的信息，可以直接在GitHub上复制
image
如果之前没有用过GitHub的，还需要设置一下ssh。
-
ssh-keygen -t rsa -C "youremail@example.com"
改成你自己的邮箱，使用默认值一路回车。
如果一切顺利的话，可以在用户主目录里找到.ssh目录，里面有id_rsa和id_rsa.pub两个文件，这两个就是SSH Key的秘钥对，id_rsa是私钥，不能泄露出去，id_rsa.pub是公钥，可以放心地告诉任何人。 - 登陆GitHub，打开“Account settings”，“SSH Keys”页面：
然后，点“Add SSH Key”，填上任意Title，在Key文本框里粘贴id_rsa.pub文件的内容：点“Add Key”，你就应该看到已经添加的Key。
Github与hexo关联
终端cd到blog文件夹下，vim打开_config.yml，命令如下：
vim _config.yml
移到最后，修改成下边的样子：（修改键入i）
image
然后esc :wq保存
最后
blog目录下
hexo generate
此时若出现如下报错：
ERROR Local hexo not found in ~/blog
ERROR Try runing: 'npm install hexo --save'
则执行命令：
npm install hexo --save若无报错，自行忽略此步骤。
再执行配置命令：
hexo deploy
若执行命令hexo deploy仍然报错：无法连接git或找不到git，则执行如下命令来安装
hexo-deployer-git：
npm install hexo-deployer-git --save再次执行
hexo generate和hexo deploy命令。
至此，你的博客已经搭建完毕了。
可能要过一会儿网页才能显示哦～，不要着急23333……
结语
当然了，目前这个界面还是非常的emmm……
如果想要进一步完善网站，我还是很愿意给大家推荐一些网站可以自己去看看，选择自己感兴趣的去完善。
- http://cherryblog.site/在这里我学到了好多
- https://hexo.io/zh-cn/docs/官方文档永远是不能丢的
- https://madongqiang2201.github.io/这个网站里有一篇hexo主题优化的也不错
网友评论