我的博客：dxh98.cn
我为什么要搭建一篇博客？
- 之前在学习的过程中，遇到过的很多问题，基本上都是通过百度解决的，然后也见了很多人搭建了自己博客，并且每个人的博客对于他们来说的作用都不一样，我决定搭建一个博客也是觉得我的学习历程可以被记录下来，就当做我在前端进阶之路上的一个日记本吧。
- 也有出于挑战一下的心态，我选了hexo加github搭建博客，hexo还没接触过，但是知道这样搭建的博客还是基于node.js的，同时也希望在搭建的过程中学习到一些新的东西。
- 反正酷就完事儿了！
这是我的第一篇原创文章
前期准备
我的系统：windows7 64位 编辑器：vsCode 控制台：git
- 安装Node.js:nodejs.org/en/
- 安装Git:github.com/waylau/git-… 教程可以参考廖雪峰老师的教程：github.com/waylau/git-… 安装完成后，打开安装到的文件地址，打开Git-Git Bash ,名称和邮箱是github上的。(我忘记登录这一步是不是在这里了，如果没有找到需要登录的地方，先不做)
- 安装hexo,这一步是开始菜单里找到Git Bash，也可以去git文件的根目录打开，执行下面的代码下载hexo。
$ npm install -g hexo-cli
如果你成功安装了这些东西，基本的环境就已经配置好了。
注：也许在安装过程中会遇到一些问题，可以百度搜索相关安装教程，我在这个过程中也遇到了很多问题，基本都是搜索然后一个一个尝试去解决的。
配置Github
首先需要注册登录github.com/ 拥有自己的账号密码，一定要记住自己的账号名，因为这个账号名要作为你的仓库名，也会成为你的博客域名的一部分。 右上角选择新建一个仓库，也就是Create a new repositorygithub.com/new Repository name填自己的名字 yourname.github.io（yourname要与你的注册名一致，也就是你的账号名，即为你的博客的域名）
设置
安装完成所有东西后，继续在git控制台里执行命令，Hexo会 在指定的文件夹中新建所需要的文件
$ hexo init myblog #blog是博客文件夹名可以自己指定的
$ cd myblog #进入该文件夹
$ npm install #补全依赖环境
执行完这些就在文件夹中生成了一个myblog的文件夹。然后执行下列代码：
$ hexo generate #生成静态页
$ hexo server #启动本地服务器，可以在本地服务器中查看自带的hello Word文件
重新打开Git，或者打开CMD也可以，执行下列命令：（git前面会自带$）
ssh-keygen -t rsa -C "Github的注册邮箱地址" #注意这个C是大写的
然后他会让你enter，你就看见一个提示就enter，然后会得到一串信息，是一个文件的路径名：
Your public key has been saved in /c/Users/user/.ssh/id_rsa.pub.
你需要找到这个文件，打开（sublime text），复制里面的所有内容，然后打开Sign in to Github:github.com/settings/ss… New SSH key ——Title：blog —— Key：输入刚才复制的—— Add SSH key
修改博客的配置文件
在myblog目录下，找到_config.yml文件，用编辑器打开，修改其中的信息。 这个文件是markdown文件，所以要严格按照markdown的语法，比如参数的冒号后面都是要加空格的。 网站相关信息：
title: #这个是网站名
subtitle: 副标题
description: 网页描述
author: #这个是你的名字
language: zh-CN
timezone: Asia/Shanghai #时区
配置部署：
deploy:
type: git
repo: https://github.com/dxh98.github.io.get #这里的dxh98改成你自己的github名
branch: master
发表测试文章
在控制台中输入：
$ hexo new "我的测试文章"
你会看到它输出了一串文件路径，就是这篇文章的路径地址，找到这个文件，用编辑器打开，修改其中的内容，同样是markedown语法。此处只做测试用。 markedown语法可参照：www.jianshu.com/p/dd7548145…
保存文章内容，然后执行以下操作：
F:\test\myblog #在myblog目录下执行命令语句
$ hexo clean
INFO Deleted database.
INFO Deleted public folder.
F:\test\myblog
$ hexo generate
INFO Start processing
INFO Files loaded in 1.48 s
#省略
INFO 29 files generated in 4.27 s
F:\test\myblog
$ hexo server
INFO Start processing
INFO Hexo is running at http://localhost:4000/. Press Ctrl+C to stop.
然后你可以打开http://localhost:4000/，发现刚刚创建的测试文章已经出现了。
最后,发布到github上就可以了。
F:\test\myblog
$ hexo deploy
INFO Deploying: git
INFO Clearing .deploy_git folder...
INFO Copying files from public folder...
#省略
其中会提示验证你是谁，你需要输入自己的github名和邮箱，然后会跳出github登录，登陆一下就好了，以后就不用了再登录了。
然后进入你的博客的网址dxh98.github.io/,就可以看到成功发布了文章。
以后再发布文章就可以通过已下的命令来创建文章。
$ hexo new "文章名"
修改好文章后，可以先通过一下代码先在本地服务器查看：
$ hexo s # s 即为server的简写
文章内容没有问题后，就可已通过以下代码上传到github：
$ hexo g # g 即为generate的简写
$ hexo d # d 即为deploy的缩写
如果上传后的网站内容与预览内容不一致，可以执行以下代码：
$ hexo cl # cl 即为clean的缩写
注：如果过程中出现了报错等问题，大部分都可以通过百度解决。
参考文章：(我就是看着这些一步一步把博客搭建起来的)
- 教你免费搭建个人博客，Hexo&Githubzhangslob.github.io/2017/02/28/…
- 使用Hexo+服务器搭建个人博客www.jianshu.com/p/6ae883f92…
- 使用 Github 和 Hexo 快速搭建个人博客cloud.tencent.com/developer/a…
- hexo+github搭建个人博客www.jianshu.com/p/6745fe11b…
本文作者：人模人样的搬砖老段
本文链接:dxh98.cn/hexo-yilia搭…
如有错误，请及时评论或者知乎私信或者B站私信哦~
