如何免费快速搭建属于自己的个人博客(零基础)
来自我的个人博客,内容更丰富体验更佳
前言
拥有一个属于自己的个人博客是一件很酷的事情,就像拥有了自己的一片小天地,然后你可以在这里尽情搭建属于自己的世界。不管是分享自己的生活感受、随笔,还是分享自己的技术,都是一个非常不错的体验,所以话不多说,来搭建属于自己的个人博客吧!
环境搭建
安装nodejs
博主使用的是Ununtu系统,不过不管是Linux系统、Windows系统还是MacOs,控制台操作都是大同小异。我们将会使用Hexo这个框架来搭建,由于hexo是基于node.js来开发的,因此需要先下载node.js。
node.js下载方法
直接去nodejs官网下载:点击这里
选择自己系统合适的版本下载并安装,一路next到底就行。
安装Git
由于我们最后博客需要部署到github上,为了得到属于自己的网址,因此我们还需要下载安装Git。
Git下载方法
如果是Linux用户,或者MacOs用户,可以直接在控制台输入以下命令:
|
Windows我没使用过控制台下载git,需要直接去git官网下载:点击这里
安装cnpm
如果我们已经安装好了nodejs,我们的系统同时也安装了一个工具npm,但是如果使用npm来安装Hexo会比较慢,因此我们先装一个cnpm,它是使用国内的源。打开控制台,输入:
|
最后可以在控制台使用以下命令来验证环境是否搭建成功:
|
如果控制台都返回了版本号,说明安装成功了,否则就重新再安装一遍。
到这里,Hexo所需的环境已经基本搭建完毕了,可以开始安装Hexo了!
安装Hexo
安装Hexo框架
直接在控制台输入以下命令:
|
等待一会儿Hexo就安装完毕了,是不是很简单!
继续输入:
|
会提示:
说明你的hexo框架已经安装在你的电脑上了,接下来就是创建属于你自己的博客了。
在本地生成博客文件
Windows用户
如果是Windows用户,假设我们要在D盘保存我们的本地博客,在控制台输入:
|
如果不知道你的用户名是啥,可以先cd /home,然后输入ls就能查看)
|
Linux用户
Linux用户在控制台输入:
|
查看你的当前路径,使用以下命令:
|
一直使用以上命令,直到使用pwd命令能看见:
|
然后输入:
|
这样就在D盘创建了一个myBlog文件夹,当然你可以自己取一个其他的名字。然后进入该文件夹:
|
然后输入:
|
等待一会儿,你的文件夹中就会生成一堆文件,这些文件就是你本地的博客文件,你的博客就生成完毕了!
在控制台输入:
|
就会得到一行信息:
|
打开 http://localhost:4000 这个网站,你的博客就此诞生!
写自己的第一篇博文
打开控制台按Ctrl+C先关闭本地服务器端口,然后输入:
|
这样在你的本地就生成了一个md文件,标题叫《我的第一篇博文》,这个文件就在myBlog文件夹中的source/_post
中。
打开这个文件,你就可以任意写东西了,写完之后保存。在控制台输入:
|
|
然后再启动:
|
打开 http://localhost:4000 就能看到你写的博客了!
将个人博客部署到网络
我们本地使用hexo s
一般是作为测试用,但我们最终需要将个人博客部署到网络,让你拥有自己的网址。因此我们这里教大家如何将博客部署到GitHub上去。
在GitHub上创建仓库
既然要部署到GitHub上,那么我们就需要一个GitHub账号,没有的朋友自己去注册一个。
首先登录GitHub,登录成功后点击右上角的+
,选择New repository
:
然后输入仓库名:
仓库名后缀必须为github.io, 前缀必须为你的GitHub用户名!
点击Create repository
,你就在gitHub上创建好了一个空仓库。
在本地安装Git部署插件
在部署之前,你需要先在本地安装一个插件,通过控制台进入到myBlog文件夹中(一般情况下你已经在myBlog文件夹中了),在控制台输入:
|
等待一段时间安装完毕,安装过程中如果有warning提示,可以忽略。
将本地文件部署到GitHub
打开myBlog文件夹中的_config.yml
文件,在文件的最底部做如下修改:
内容如下:
|
你仓库的地址在之前创建好的页面中:
然后在控制台输入:
|
在执行的过程中,可能会有如下提示:
我们就需要输入在Git上验证的邮箱:
|
然后重新hexo d
就行,过程中会让你输入你的GitHub账号和密码,输入完毕后等待一会儿,就部署完成了:
你会在你之前GitHub上创建的仓库中发现增加了这些文件:
测试你的个人博客
在浏览器输入 https://(你的GitHub用户名).github.io
:
就能够看到你的个人博客页面了!
从此以后你就有了自己的网址,很high有不有!