如何搭建自己的博客

首先我们需要下载一些东西必要的东西,下面给出官方下载链接
Node.js
git
其次,我们要注册一个自己的GitHub账号,如果有的朋友可以跳过这个步骤,同样下面给出GitHub链接
github
正文:
hexo是一种本地搭建博客的工具,其博客的源文件都在自己的电脑里面,可以通过计算机端口去访问自己搭建的博客,过程只要不出现error或者Fatal就没什么问题,可能过程会出现 warn 但可以无需理会
1 以管理员的方式在计算机开始的窗口打开git bash
1

2 通过git bash来安装Hexo,在git bash界面输入

1
1 npm install -g hexo-cli

3 将git bash的操作界面转至桌面

1
1 cd ~/Desktop

4 新建文件夹,然后将操作界面转至新建文件夹内

1
2
1 mkdir Blog 
2 cd Blog

5 开始建立并初始化含hexo配置的文件夹myBlog

1
2
3
1 hexo init myBlog (这个命令能建立myBlog的文件夹并在文件夹内产生访问博客所需的配置文件) 
2 cd myBlog (进入myBlog界面)
3 npm install (用git bash在myBlog内安装npm)

这些过程操作完成后,能在电脑桌面看见Blog的文件夹,文件夹内含有myBlog的文件,myBlog内的文件就是访问博客所需的配置文件。
这里需要注意的是,hexo所充当的是一种自动打包生成博客文件的工具,其访问博客的源代码文件都在自己的电脑里面,要想在访问这个博客,就需要借助电脑端口。
6 通过git bash 输入命令来获取访问端口

1
hexo s

得到的界面如下图,其中 http://localhost:4000/ 就是访问博客的地址,将这个地址用浏览器打开就能看见自己搭建的博客了

2

3

通过端口访问博客的原理是,源代码文件存在于自己的电脑里面,只需通过本机的端口就能访问到博客,而上面地址中 4000 就是本机访问博客的端口号,有些人的电脑可能会被一些软件占用端口而无法访问,这时只需要通过git bash来改端口就能访问了,如下为该端口的命令

1
1 hexo server -p 5000(5000为想换的端口号)

4

5

但是,目前这个博客只能用你自己的电脑访问,因为别人的电脑是不能访问到你电脑的本地的文件的,这时,我们需要借助github将hexo的文件上传上去并生成一个访问链接,这里,github就充当了一个远程仓库的角色。具体操作如下
1 进去github github
2 注册 登陆
3 找到下图中的这个 new repository 新建一个仓库

6

4 这里要注意的是,Repository name 内要以 你注册github的名字.github.io 的格式来填写,然后在图中红圈的地方打勾 (因为我已经建过了,所以图中会显示红色的提示语) 然后点绿色的Create repository

7

5 下面我用 Yegod 来新建一个仓库做示范,但你们必须要遵循4步骤的命名格式来操作,4步骤做完就会出现以下界面

8

然后可以暂时放着
要想把电脑文件上传到github,需要通过git使用ssh密匙来建立链接
1 如果你是初次安装git 需要配置用户名和邮箱(并不一定是GitHub的用户名和邮箱) 在git bash中输入以下命令

1
2
git config --global user.name "随意名字" 
git config --global user.email "随意邮箱"

9

git 使用ssh密匙
1 查看是否存在id_rsa和id_rsa.pub(或者是id_dsa和id_dsa.pub之类成对的文件)

1
ls -al ~/.ssh

如果显示以下内容

10

则说明不存在,需要多输入以下命令

1
ssh-keygen -t rsa -C "你的邮箱"

然后不断回车,直到出现以下界面

11

2 查看公匙内容,并且将内容复制下来

1
cat ~/.ssh/id_rsa.pub

3 登陆登陆你的github帐户。点击你的头像,然后 Settings -> 左栏点击 SSH and GPG keys -> 点击 New SSH key。
然后你复制上面的公钥内容,粘贴进“Key”文本域内。 title域,自己随便起个名字。
点击 Add key。
4 验证

1
ssh -T git@github.com

中途会提示(yes/no) 输入yes回车,
出现 Hi xxx! You’ve successfully authenticated, but GitHub does not provide shell access.或者其他提示 sucessfully 就成功了。

12

完成后,我们打开我们建立的文件 Blog-> myBlog 打开_config.yml,这个文件是hexo博客的配置文件,,需要修改以下配置文件内容来与github建立链接
这里我们可以下载notepad++来打开这个.yml的文件
需要修改的内容有3个:
1 打开文件后,拉到最末尾的位置

1
type:(空格)git     (yml的配置内容的冒号“:” 后面都是加一个空格然后才加内容的,是一种语法)

2 打开自己的GitHub,打开你刚刚建立的仓库(就是你想把文件上传到的那个远程仓库,你github注册名.github.io) 右侧有一个绿色 Clone download ,点它,然后右上角有个Use SSH,复制这个链接**git@github.com:Yegod/Yegod.git**

13

3 在.yml的type:下面加如下

1
repo:(空格)git@github.com:Yegod/Yegod.git

在repo:的再下一行加

1
branch:(空格)master

如图

20

然后保存下来关闭。
完成以上操作,那么就基本完成了,接下来需要将本地hexo的博客文件部署到github就行了
这里要注意的是,部署的时候,git的操作界面一定要在myBlog文件夹里,因为,是要将myBlog的文件部署到github里面。依次输入以下命令

1
2
3
1 npm install hexo-deployer-git --save (可能会WARN,但是只要不是error就没问题) 
2 hexo d
3 hexo g

如果操作有误可以通过输入

1
hexo clean

然后重新完成部署的操作
完成以上操作后再刷新以下自己的GitHub,然后打开我们新建的那个远程仓库,会看到文件已经成功上传到GitHub里面了

14

在上面那个界面,仓库的栏目有一个settings 点开后将界面拉到Github Pages的位置,将none改为master branch ,然后点save保存,然后你就能在Github Pages的界面看到访问链接了

16

复制那个链接在浏览器打开

17

OK!博客搭建完成!!
如果要添加博客,
只需要打开git bash 输入

1
hexo new "你想命名的博文名字"

打开本地 myBlog-> source-> _posts ,里面都是你博客的文章,用编译器打开编写博客保存
然后重新把本地更新后的hexo的内容部署到github里面

1
2
hexo d 	
hexo g

然后打开博客就能看到博客内容了