如何免费快速搭建属于自己的个人博客(零基础)

来自我的个人博客,内容更丰富体验更佳

前言

如何免费快速搭建属于自己的个人博客(零基础)
拥有一个属于自己的个人博客是一件很酷的事情,就像拥有了自己的一片小天地,然后你可以在这里尽情搭建属于自己的世界。不管是分享自己的生活感受、随笔,还是分享自己的技术,都是一个非常不错的体验,所以话不多说,来搭建属于自己的个人博客吧!

环境搭建

安装nodejs

博主使用的是Ununtu系统,不过不管是Linux系统、Windows系统还是MacOs,控制台操作都是大同小异。我们将会使用Hexo这个框架来搭建,由于hexo是基于node.js来开发的,因此需要先下载node.js。

node.js下载方法

直接去nodejs官网下载:点击这里
如何免费快速搭建属于自己的个人博客(零基础)
选择自己系统合适的版本下载并安装,一路next到底就行。

安装Git

由于我们最后博客需要部署到github上,为了得到属于自己的网址,因此我们还需要下载安装Git。

Git下载方法

如果是Linux用户,或者MacOs用户,可以直接在控制台输入以下命令:

sudo install apt-get git

 

Windows我没使用过控制台下载git,需要直接去git官网下载:点击这里
如何免费快速搭建属于自己的个人博客(零基础)

安装cnpm

如果我们已经安装好了nodejs,我们的系统同时也安装了一个工具npm,但是如果使用npm来安装Hexo会比较慢,因此我们先装一个cnpm,它是使用国内的源。打开控制台,输入:

npm install -g cnpm --registry=https://registry.npm.taobao.org

 

最后可以在控制台使用以下命令来验证环境是否搭建成功:

node -v
npm -v
git --version

 

如果控制台都返回了版本号,说明安装成功了,否则就重新再安装一遍。
到这里,Hexo所需的环境已经基本搭建完毕了,可以开始安装Hexo了!

安装Hexo

安装Hexo框架

直接在控制台输入以下命令:

cnpm install -g hexo-cli

 

等待一会儿Hexo就安装完毕了,是不是很简单!
继续输入:

hexo -v

 

会提示:
如何免费快速搭建属于自己的个人博客(零基础)
说明你的hexo框架已经安装在你的电脑上了,接下来就是创建属于你自己的博客了。

在本地生成博客文件

Windows用户

如果是Windows用户,假设我们要在D盘保存我们的本地博客,在控制台输入:

D:

 

如果不知道你的用户名是啥,可以先cd /home,然后输入ls就能查看)

mkdir myBlog

 

Linux用户

Linux用户在控制台输入:

pwd

 

查看你的当前路径,使用以下命令:

cd ..

 

一直使用以上命令,直到使用pwd命令能看见:

pwd
/

 

然后输入:

cd /home/(你的用户名)
mkdir myBlog

 

这样就在D盘创建了一个myBlog文件夹,当然你可以自己取一个其他的名字。然后进入该文件夹:

cd myBlog

 

然后输入:

hexo init

 

等待一会儿,你的文件夹中就会生成一堆文件,这些文件就是你本地的博客文件,你的博客就生成完毕了!
在控制台输入:

hexo server 或者 hexo s

 

就会得到一行信息:

Hexo is running at http://localhost:4000 . Press Ctrl+C to stop

 

打开 http://localhost:4000 这个网站,你的博客就此诞生!

写自己的第一篇博文

打开控制台按Ctrl+C先关闭本地服务器端口,然后输入:

hexo new "我的第一篇博文" 或者 hexo n "我的第一篇博文"

 

这样在你的本地就生成了一个md文件,标题叫《我的第一篇博文》,这个文件就在myBlog文件夹中的source/_post中。
如何免费快速搭建属于自己的个人博客(零基础)
打开这个文件,你就可以任意写东西了,写完之后保存。在控制台输入:

hexo clean

 

hexo generate 或者 hexo g

然后再启动:

hexo s

 

打开 http://localhost:4000 就能看到你写的博客了!

将个人博客部署到网络

我们本地使用hexo s一般是作为测试用,但我们最终需要将个人博客部署到网络,让你拥有自己的网址。因此我们这里教大家如何将博客部署到GitHub上去。

在GitHub上创建仓库

既然要部署到GitHub上,那么我们就需要一个GitHub账号,没有的朋友自己去注册一个。
首先登录GitHub,登录成功后点击右上角的+,选择New repository:
如何免费快速搭建属于自己的个人博客(零基础)
然后输入仓库名:
如何免费快速搭建属于自己的个人博客(零基础)
仓库名后缀必须为github.io, 前缀必须为你的GitHub用户名!
点击Create repository,你就在gitHub上创建好了一个空仓库。

在本地安装Git部署插件

在部署之前,你需要先在本地安装一个插件,通过控制台进入到myBlog文件夹中(一般情况下你已经在myBlog文件夹中了),在控制台输入:

cnpm install --save hexo-deployer-git

 

等待一段时间安装完毕,安装过程中如果有warning提示,可以忽略。

将本地文件部署到GitHub

打开myBlog文件夹中的_config.yml文件,在文件的最底部做如下修改:
如何免费快速搭建属于自己的个人博客(零基础)
内容如下:

type: git
deploy: (你仓库的地址!)
branch: master

 

你仓库的地址在之前创建好的页面中:
如何免费快速搭建属于自己的个人博客(零基础)
然后在控制台输入:

hexo deploy 或者 hexo d

 

在执行的过程中,可能会有如下提示:
如何免费快速搭建属于自己的个人博客(零基础)
我们就需要输入在Git上验证的邮箱:

git config --global user.email "(你的邮箱)"
git config --global user.email "(你的用户名)"

 

然后重新hexo d就行,过程中会让你输入你的GitHub账号和密码,输入完毕后等待一会儿,就部署完成了:
如何免费快速搭建属于自己的个人博客(零基础)
你会在你之前GitHub上创建的仓库中发现增加了这些文件:
如何免费快速搭建属于自己的个人博客(零基础)

测试你的个人博客

在浏览器输入 https://(你的GitHub用户名).github.io :
如何免费快速搭建属于自己的个人博客(零基础)
就能够看到你的个人博客页面了!
如何免费快速搭建属于自己的个人博客(零基础)
从此以后你就有了自己的网址,很high有不有!