快速搭建高逼格的博客

今天教大家怎么用hexo快速搭建自己的博客。我不是专业人士,不懂前端知识,所以我十分讨厌那些专业术语,讲了一大堆,对于技术小白来说,就像听天书一样,云里雾里的。所以下面的内容都是我自己的理解,语言很通俗,有可能说的不那么专业,还望专业人士勿喷。

首先声明一点,刚开始搭建博客会比较麻烦,有很多东西大家可能以前没有听说过,不要怕,耐着性子一边看教程一边动手操作,你一定能够做出来的!好吧,废话不多说,现在开始!

几个应该知道的概念(当然这个跳过去也是可以的)

hexo

hexo是一种博客框架,所谓框架,就是为了解决和处理一个复杂问题的结构,简单地说,用已经搭建好的框架来搭建博客,就不需要自己一砖一瓦地去构造了。

git

git是一种版本管理系统。当我们要开发一款软件时,软件有很多的功能需要完善,所以会出现很多版本,比如1.0,2.0等等,但是,当我们升级到高版本后,突然发现曾经的版本更好用,这时候该怎么办呢?那么git就是记录你们每次改版发生的改动,当你想要退回到某一个曾经的版本时,那么就用git直接回退到曾经的版本就可以了。这时候你可能会问,为什么你不把曾经的版本备份下来呢?这样不是更方便吗?想法很简单,但是一个软件有很多的版本,而且有些软件还很大,所以这样直接备份会占用很大空间,会浪费很多资源。而且,git会记录软件改版的详细信息,包括改版的时间,哪个文件发生了变化等等,所以用git管理开发十分方便,这也是未来的趋势。注意的是,git需要用命令行管理。

GitHub和coding

这两个是线上的版本管理系统,你可以理解为线上的git,同时他们还有社区的性质。不同的是,GitHub是国外的,也可以说是世界的,因为有很多大牛在上面贡献自己的开源代码,包括Google,苹果,微软等等世界一流的工程师,在上面开发软件,会有更多的大牛给你提出意见,帮助你完成开发。而coding是中国的,相对来说名气更弱一些,但是访问速度快,还可以免费拥有私人仓库。所以,这篇教程我们使用coding pages部署博客。

需要下载的东西

开始搭建

初始化

在命令行中输入命令:

稍等一会,出现下面这样,就初始化完成了。

生成网页代码

输入命令:

g是generate的缩写,生成的意思。

这时命令行中出现下面的情况:

文件夹中出现了一个public的文件夹,这里面就是刚才生成的静态页面的代码,那么下面我们就让它呈现在浏览器中。

本地预览

在命令行中输入命令:

s是service的缩写,在这里你可以理解成在本地预览你的博客。

这是命令行中出现下面的情形:

这时不要关闭命令行界面,打开浏览器,输入网址localhost:4000

你会看到下面的页面:

这说明你已经在本地搭建起自己的博客了,你离成功已经近了一半了,加油!

下面关掉本地预览,在命令行中按Ctrl+C,结束预览。

注册coding

现在我们的博客已经在本地搭建完成,那要怎么才能让别人看到我们的博客呢?我们选择把我们的静态网页的代码发到coding上去,然后由coding负责将我们的代码展现出来。注册步骤比较简单,需要声明的是,如果你以后不想绑定独立域名,那么coding给你的域名默认为

而你需要建立的仓库名需要与你的用户名保持一致,不然会出现问题,所以慎重起名字。然后填好个人信息,就会升级为银牌会员(能拥有5个私人仓库)。

新建仓库

在coding上面新建仓库

出现下面的情况:

项目名称写成你的用户名,比如我的仓库名字为vzhiwen,然后描述写不写都行,自己选择公有还是私有,然后直接选择创建项目。

配置ssh

这个过程的目的是在你的电脑和coding之间建立联系的通道,不然谁都能往上面增加内容,那你的博客岂不乱套了?

首先查看目录C:Users\用户名\

有没有.ssh目录,如果没有,在本地blog文件内打开git bash hexo,输入命令:

然后按3个回车。

再检查有没有.ssh目录,打开目录,你会看到出现3个文件:

然后用notepad++打开id——rsa.pub(这个是公钥,不带pub的是私钥,这个不要泄露出去),你会开到一堆字母,全选复制下来。

下面打来浏览器,进入你刚才创建的仓库,设置-部署公钥-新建部署公钥,公钥名称可以不填,将刚才复制的公钥粘贴在公钥内容里面。把授予权限打上勾!,然后添加就可以了。

站点配置

下面我们进行博客的站点配置,打开blog文件夹,你会看到这样的文件:

这个文件的意思就是对你的博客进行一些设置,比如的你的用户名等等,记住这个文件特别重要!,以后你进行配置都要在这里进行,下面我们用notepad++打开它,这是你的网站信息

要是不懂英文就查字典写,注意:名称后面要放空格,不然会出错!!!。然后滑倒最下面,填写你的git地址,这一步特别关键,你可以照我这个写,同样,别忘了空格!

然后点击文件保存或者直接按Ctrl+S。

上传代码

在blog文件夹中打开命令行,依次输入命令:

clean表示清除缓存,d是deploy的缩写,意思是将代码推送到coding,然后等待一些时间,第一次需要输入coding的用户名和密码或者询问你yes/no,按照说明输入即可,出现下面的字样说明推送完毕

打开pages服务

打开浏览器,进入coding,代码-pages服务,部署来源选择master,然后可以选择https访问()这个就是打开你网页的时候地址栏前面显示的绿锁头,后面写着安全,如果不选择,就会出现叹号,不过影响不大。

现在,你的博客已经基本配置完成,现在就打开你的浏览器,输入你的网址试试吧!

怎么写博客

hexo博客是需要用markdown语法的,所以方便起见,你最好下载一个markdown的写作软件。不过不要为难,markdown特别好用,语法也没有几个,上网一搜就会了。你的文章都藏在blog\source_posts,你可以直接在里面新建后缀为.md文件,进行写作,不过这样你得写好文章名和时间等等,我推荐用命令行直接新建,打开命令行,输入

这样在_posts文件夹下就出现了一个文件,然后就开始写作吧!

写完后,在命令行中依次输入命令:

就发表完文章了。不过建议在hexo d 之前输入hexo s在本地检查一下在发表。

高级进阶配置

现在,一个基本的博客已经搭建完成,那么怎么让博客变得更加好看,更换不同的主题,拥有更多功能,比如评论,打赏,统计等,都需要我们不停地去折腾才行,下面我给一个链接,如果有需要的同学可以自己去研究,这里面的内容很多,我就不在这里说了。

链接地址:

写在后面

折腾的步骤会话费很长时间,但是我们不能在怎么在配置博客的过程中迷失自我,忘记了搭建博客的目的。最后,祝大家生活愉快!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180228G18FDH00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券