前言:
最近在学习git的用法,顺便搭起了自己的GitHub–>(Aayers-ghw),在知乎上面看到别人说markdown是一种可以使用普通文本编辑器编写的标记语言,它的语法简洁明了、学习容易。而且功能比纯文本更强,因此有很多人用它来写博客,而且逼格超高。你见过的最棒的个人博客界面是怎样的?
搭建步骤
1.获得个人网站域名
其实你不绑定域名是完全可以的,就默认使用GitHub上的xxx.github.io
来访问,但是如果你想显得更有个性一些,想拥有一个属于自己的域名也是可以的,可以去阿里云买一个,因为我是没有去注册一个域名,是使用默认的,所以这里我就不介绍怎么绑定域名的操作和域名的配置操作了,如果你自己想绑定的话可以去参考下这个链接博客绑定域名。
2.GitHub创建个人创库
首先登录到GitHub,如果没有GitHub账号可以用自己的邮箱申请一个:GitHub Page,然后点击GitHub中的 New repository 创建新仓库。仓库名应该为:用户名.github.io
,这个用户名就是你GitHub上的用户名,这是固定 的写法,这是我的仓库名
3.安装Git
Git是什么?Git官网下载:Git Download简单来说Git是开源的分布式版本控制系统,用于敏捷高效的处理项目。我们的网站在本地搭好了,需要使用Git同步到Github上。如果之前没接触过Git或者想更了解Git,网上很多博友都推荐廖雪峰老师的Git教程:Git教程,还可以去参看Pro Git中文版。下载后安装 Git安装教程,在cmd命令行里输入
git
(或者 git version
)可以测试是否安装成功。

安装成功后,下面就是将你的Git与Github账号绑定,你可以鼠标点击打开Git Bash也行,在cmd命令行中也行
设置username和user.email配置信息(如果之前配置过了就可以忽略这步):
git config –global user.name “你的Github用户名” git config –global user.email “你的GitHub注册邮箱” |
生成ssh密钥文件:
ssh-keygen -t rsa -C “你的GitHub注册邮箱” |
这里需要按 三个回车
第一个是需要你设置.ssh文件的存放位置,如果直接回车,那么.ssh文件安装在默认的位置(默认位置它会提示出来)。
第二个是设置你的密码,如果直接按回车,默认是不需要设置密码。第三个是确认你的密码是否一致(这里你输入密码,命令行中是不会显示的,它是隐藏起来的)。
下一步找到生成的.ssh的文件夹中的 id_rsa.pub 密钥

这里如果你本机上没有打开这类文件的编辑器,可以在cmd命令行中,切换到.shh文件夹中,输入:
more id_rsa.pub |
即可得到id_rsa.pub中的内容,将其内容全部复制
打开Github Settings keys页面,点击新建 new SSH key
Tile为标题,可以自己随意取名,将刚刚复制的id_rsa.pub内容粘贴到Key下面的方框中,最后点击
Add SSH key
。
在Git Bash(或cmd)中检测GitHub公钥设置是否成功,输入:
ssh git@github.com |
如上则说明设置成功
4.安装Node.js
Hexo是基于Node.js的,Node.js的官网下载地址:Down Node.js,这是Node.js的安装教程:Node.js Installation tutorials。安装时,要注意环境变量以及nmp的安装,安装好后,查看Node.js是否安装成功可以在命令行中输入:node -v |
查看npm是否安装成功,在命令行中输入:
npm -v |
5.安装Hexo
在自己认为合适的地方创一个文件夹,我是在自己D盘建了一个SCDN的文件夹。然后通过命令行 进入到该目录,这里请注意,一定要以管理员的身份运行,不然后面输入一些命令时,会提示你没有这个命令,如果你不是在命令行中,也可以使用git bash来完成,在你建的文件夹中右键点击
Git Bash Here
,听说这样会比用命令行运行出的问题少些。使用npm命令安装Hexo:
npm install -g hexo-cli |
输入:
hexo -v |

安装完成后,接下来就是初始化我们的博客,输入:
npm init blog |
运行后你会发现在你之前建的文件夹下会有一个blog文件,这个文件夹就是我们存放代码的地方。

接下来执行
hexo n "我的博客" #新建一篇博客文章hexo g #生成网页hexo s #启动服务预览 |
在执行hexo s后开启了本地预览服务,这时打开浏览器访问https://localhost:4000 即可查看自己博客网页的内容
有些时候浏览器会加载不出来,这时你可以使用这个命令:
hexo server -p 8888 #更改端口号 |
6.推送网站
前面只是可以在本地上浏览你的网站,如果我们想让更多的人访问我们的网站,就要把它推送出去就是发布出去。在此之前我们需要做一些配置,首先打开blog文件夹,在里面会有一个
_config.yml
文件,这里注意,不是theme里的_config.yml文件
我们把它打开,(如果你本机上没有打开这类的编辑器,这里推荐一个非常有特色的编辑器Notepad++,它是一个开源的软件,可以去它的官网直接下载 Down Notepad++)
翻到文件最后,修改为:

最后安装Git部署插件,输入命令
npm install hexo-deployer-git –save |
这是我们再输入:
hexo clean #清除缓存 hexo g hexo d #部署网站 |
运行hexo d 后,这里它会让你输入之前SSH Key的密码,所以要记住之前设置的密码。
这样打开浏览器,输入你的放置个人网站的仓库路径,即:http://xxx.github.io。比如我的xxx就是我的Github用户名
Aayers-ghw.github.io
这样别人就可以访问你的博客网站了。
7.更换主题
到这个时候,你发现自己的网站不够酷炫,那么你可以更改下网站的主题,这里面有很多主题主题官网。其实更改主题的操作都是差不多的,在这里我就按照自己的主题讲解一遍。我用的主题是这个 hexo-theme-yilia。首先要下载这个主题:
git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia |
下载后的主题会放在blog里theme下
_config.yml
中theme:
的内容
hexo g #重新生成 |
如果出现了问题,可以执行
hexo clean |
来清理public里的内容,然后重新生成和发布
8.个性化设置
在我们弄好我们的网站主题后,接下来有一些个性化的设置。有些设置是在blog文件夹下的
_config.yml
下修改的
依次是网站标题、副标题、网站描述、关键词、作者、网站语言、时区等。
有些是在theme文件夹下的 yilia 中
_congif.yml
下修改的,比如
这里可以添加一些完善自己网站的设置。
9.发布文章
环境搭好了接下来就是怎么发表我们的文章了,首先我们在命令行输入hexo new “要发布的博客的名字” |
这时会在blog根目录下的source文件夹中的_post文件夹中多了一个 “要发布的博客的名字”.md

我要发布的博客的名字是
hexo-github
使用markdown编辑器打开,大家可以参考这个markdown教程,这里还推荐一个markdown的编译器 cmd markdown,它可以让你更快更直接的学习 markdown 的语法,打开 cmd markdown,里面它会分为两个部分,左边是markdown语句,右边是生成的样式。 Cmd markdown编辑阅读器
我们可以通过命令
hexo s –debug |
写好博文并且样式无误后,通过
hexo g
、 hexo d
生成、部署网页。随后可以在浏览器中输入域名浏览。