如何免费搭建自己的博客

原创文章，未经博主许可，禁止转载

这篇是附加了markdown的编译代码的文章，我直接复制粘贴的，这里看不到markdown的效果，可以直接看我的个人博客，比较精美一点   https://yegod.github.io/blog-1/ 

注意：

( hexo搭建的博客是可以凭自己的喜好换博客的页面主题的，博客的标题，名字可以随意更改，但这里我没有写，主要是为了写个搭建过程的总结，有兴趣的朋友可以看看这个博主的博客最末尾的内容  点击打开链接 )

date: 2018-03-03 11:39:46
tags: Teach
首先我们需要下载一些东西必要的东西，下面给出官方下载链接
[Node.js](https://nodejs.org/en/)
[git](https://git-scm.com/downloads)
其次，我们要注册一个自己的GitHub账号，如果有的朋友可以跳过这个步骤，同样下面给出GitHub链接
[github](https://github.com/)
正文：
hexo是一种本地搭建博客的工具，其博客的源文件都在自己的电脑里面，可以通过计算机端口去访问自己搭建的博客，过程只要不出现error或者Fatal就没什么问题，可能过程会出现 warn 但可以无需理会
1 以管理员的方式在计算机开始的窗口打开git bash
![1](http://p53kf6ylu.bkt.clouddn.com/1.png)
2 通过git bash来安装Hexo，在git bash界面输入
> 1 npm install -g hexo-cli
3 将git bash的操作界面转至桌面
> 1 cd ~/Desktop
4 新建文件夹，然后将操作界面转至新建文件夹内
> 1 mkdir Blog 
> 2 cd Blog
5 开始建立并初始化含hexo配置的文件夹myBlog
> 1 hexo init myBlog (这个命令能建立myBlog的文件夹并在文件夹内产生访问博客所需的配置文件)
> 2 cd myBlog (进入myBlog界面)
> npm install (用git bash在myBlog内安装npm)
这些过程操作完成后，能在电脑桌面看见Blog的文件夹，文件夹内含有myBlog的文件，myBlog内的文件就是访问博客所需的配置文件。
这里需要注意的是，hexo所充当的是一种自动打包生成博客文件的工具，其访问博客的源代码文件都在自己的电脑里面，要想在访问这个博客，就需要借助电脑端口。
6 通过git bash 输入命令来获取访问端口
> hexo s 
得到的界面如下图，其中 **http://localhost:4000/** 就是访问博客的地址，将这个地址用浏览器打开就能看见自己搭建的博客了
![2](http://p53kf6ylu.bkt.clouddn.com/2.png)
![3](http://p53kf6ylu.bkt.clouddn.com/3.png)
通过端口访问博客的原理是，源代码文件存在于自己的电脑里面，只需通过本机的端口就能访问到博客，而上面地址中 **4000** 就是本机访问博客的端口号，有些人的电脑可能会被一些软件占用端口而无法访问，这时只需要通过git bash来改端口就能访问了，如下为该端口的命令
> 1 hexo server -p 5000
![4](http://p53kf6ylu.bkt.clouddn.com/4.png)
![5](http://p53kf6ylu.bkt.clouddn.com/5.png)
但是，目前这个博客只能用你自己的电脑访问，因为别人的电脑是不能访问到你电脑的本地的文件的，这时，我们需要借助github将hexo的文件上传上去并生成一个访问链接，这里，github就充当了一个远程仓库的角色。具体操作如下
1 进去github [github](https://github.com/)
2 注册 登陆
3 找到下图中的这个 **new repository** 新建一个仓库
![6](http://p53kf6ylu.bkt.clouddn.com/6.png)
4 这里要注意的是，**Repository name** 内要以 **你注册github的名字.github.io** 的格式来填写，然后在图中红圈的地方打勾 (因为我已经建过了，所以图中会显示红色的提示语) 然后点绿色的**Create repository**
![7](http://p53kf6ylu.bkt.clouddn.com/7.jpg)
5 下面我用 **Yegod** 来新建一个仓库做示范，但你们必须要遵循**4**步骤的命名格式来操作，**4**步骤做完就会出现以下界面
![8](http://p53kf6ylu.bkt.clouddn.com/8.png)
然后可以暂时放着
要想把电脑文件上传到github，需要通过git使用ssh密匙来建立链接
1 如果你是初次安装git 需要配置用户名和邮箱(并不一定是GitHub的用户名和邮箱) 在git bash中输入以下命令
> git config --global user.name "随意名字"
> git config --global user.email "随意邮箱"
![9](http://p53kf6ylu.bkt.clouddn.com/9.png)
git 使用ssh密匙
1 查看是否存在id_rsa和id_rsa.pub(或者是id_dsa和id_dsa.pub之类成对的文件)
> ls -al ~/.ssh
 如果显示以下内容
![10](http://p53kf6ylu.bkt.clouddn.com/10.png)
 则说明不存在，需要多输入以下命令
> ssh-keygen -t rsa -C "你的邮箱"
然后不断回车，直到出现以下界面
![11](http://p53kf6ylu.bkt.clouddn.com/11.png)
2 查看公匙内容，并且将内容复制下来
> cat ~/.ssh/id_rsa.pub
3 登陆登陆你的github帐户。点击你的头像，然后 Settings -> 左栏点击 SSH and GPG keys -> 点击 New SSH key。
然后你复制上面的公钥内容，粘贴进“Key”文本域内。 title域，自己随便起个名字。
点击 Add key。
4 验证
> ssh -T git@github.com
中途会提示(yes/no) 输入yes回车
出现 **Hi xxx! You've successfully authenticated, but GitHub does not # provide shell access.或者其他提示 sucessfully ** 就成功了。
![12](http://p53kf6ylu.bkt.clouddn.com/12.png)
完成后，我们打开我们建立的文件 Blog-> myBlog  打开_config.yml,这个文件是hexo博客的配置文件，，需要修改以下配置文件内容来与github建立链接
这里我们可以下载**notepad++**来打开这个.yml的文件
需要修改的内容有3个：
1 打开文件后，拉到最末尾的位置
> type:(这里有个空格)git（yml的配置内容的冒号: 后面都是加一个空格然后才加内容的，是一种语法）
2 打开自己的GitHub，打开你刚刚建立的仓库(就是你想把文件上传到的那个远程仓库，你github注册名.github.io) 右侧有一个绿色** Clone download **，点它，然后右上角有个**Use SSH**，复制这个链接**git@github.com:Yegod/Yegod.git**
![13](http://p53kf6ylu.bkt.clouddn.com/13.png) 
3 在.yml的type: 下面加如下
> repo：(空格)git@github.com:Yegod/Yegod.git
在repo:的再下一行加
> branch: master
然后保存下来关闭。
完成以上操作，那么就基本完成了，接下来需要将本地hexo的博客文件部署到github就行了
这里要注意的是，部署的时候，git的操作界面一定要在myBlog文件夹里，因为，是要将myBlog的文件部署到github里面。依次输入以下命令
> 1 npm install hexo-deployer-git --save (可能会WARN，但是只要不是error就没问题)
> 2 hexo d
> 3 hexo g
如果操作有误可以通过输入
> hexo clean 
然后重新完成部署的操作
完成以上操作后再刷新以下自己的GitHub，然后打开我们新建的那个远程仓库，会看到文件已经成功上传到GitHub里面了
![14](http://p53kf6ylu.bkt.clouddn.com/14.png)
在上面那个界面，仓库的栏目有一个**settings** 点开后将界面拉到**Github Pages**的位置，将**none**改为**master branch** ,然后点**save**保存，然后你就能在**Github Pages**的界面看到访问链接了
![16](http://p53kf6ylu.bkt.clouddn.com/16.png)
复制那个链接在浏览器打开
![17](http://p53kf6ylu.bkt.clouddn.com/17.png)
OK！博客搭建完成！！
如果要添加博客，
只需要打开git bash 输入
> hexo new "你想命名的博客名字"
打开本地 myBlog-> source-> _posts ,里面都是你博客的文章，用编译器打开编写博客保存
然后重新把本地更新后的hexo的内容部署到github里面
> hexo d
> hexo g
然后打开博客就能看到博客内容了