使用Hexo搭建博客

1、为什么要搭建自己独立的个人blog
①独立的才是自己的
②总结学习过的知识
③提高自己的写作能力
④结识志同道合的朋友
2、选择Hexo的理由
Hexo是一款基于Node.js的静态博客框架。我们可以在Hexo上搭建自己的独立博客,然后托管到Github或其他类似平台上,建立自己的独立域名博客(注:如果对于Github给定的二级域名不满意的话,可以自己购买一个域名绑定上)。Hexo其本身操作也非常的简单,基本常用的操作命令也不过三四个,不懂代码不懂计算机也很容易上手;可以自由定制,任意换成自己喜欢的样式,只要你有想法,基本都可以实现,不懂就搜索;支持Markdown语法;另外,使用Hexo建立的博客是静态的,比起动态网页更方便被搜索引擎检索出来,这也比WordPress更具有优势。

3、搭建过程
3.1整个博客搭建概述
①在电脑上安装Git和Node.js两个程序,利用简单的命令安装好Hexo;
②注册一个Github账号,然后在上面创建一个Repository,简单配置一下,博客的基本框架就建立好了。
3.2搭建本地博客
3.2.1 安装Git: https://git-scm.com/
3.2.2 安装node.js: https://nodejs.org/en/
3.2.3 安装Hexo:
Hexo的安装需要借助Node.js的npm命令,可以理解为Hexo是Node.js的模块。操作的方式是在任意的位置单击鼠标右键,选择Git bash命令,在里面输入:
使用Hexo搭建博客_第1张图片
卸载的话,自然是把上面命令中的install替换成uninstall即可执行卸载。
3.2.4 创建Hexo文件夹
Hexo文件夹就是你后面博客的文件夹。第一步先在某个盘符下新建一个文件夹,重命名(英文字母),假设你是在D盘下建立了一个名叫Hexo的文件夹,那么路径就是D:\hexo (后续的操作大多在这个文件夹里进行);第二步进入Hexo文件夹单击右键,依旧选择Git bash这一命令,输入以下命令,
使用Hexo搭建博客_第2张图片
3.2.5 安装依赖包
使用Hexo搭建博客_第3张图片
3.2.6 预览本地博客
一系列的安装命令之后,本地博客就算搭建好了,输入如下的命令;然后在浏览器地址栏中输入localhost:4000或者127.0.0.1:4000就可以查看本地的博客了。(浏览器访问时,Git bash命令窗口不要关闭)
使用Hexo搭建博客_第4张图片
使用Hexo搭建博客_第5张图片
3.3部署远程博客
3.3.1 注册Github账号
3.3.2 建立和用户名对应的仓库
例:我的用户名是weilz,那么我的仓库就必须是weilz.github.io,否则可能就不成功。
使用Hexo搭建博客_第6张图片
3.3.3 配置SSH公钥
远程代码是基于SSH的,所以需要SSH的相关配置。方法是现在本地生成SSH公钥,然后添加到Github上面。具体的操作如下:
①设置你的邮箱和用户名:
使用Hexo搭建博客_第7张图片
②生成密钥,设置密码,输入的密码不显示(也可以不设置,按三次回车,密码为空)
ssh-keygen -t rsa -C “15*******[email protected]
注意:-C中的“C”为大写
使用Hexo搭建博客_第8张图片
③把SSH密钥添加到Github上
登陆Github后,点击settings,然后进入SSH keys,把id_rsa.pub文件里内容添加进去就好了。
使用Hexo搭建博客_第9张图片
④测试
可以输入下面的命令,看看设置是否成功,[email protected]的部分不要修改:
$ ssh -T [email protected]
使用Hexo搭建博客_第10张图片
⑤设置用户信息
现在你已经可以通过SSH链接到GitHub了,还有一些个人信息需要完善的。Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理,输入下面的代码进行个人信息的设置,把名称和邮箱替换成你自己的,名字必须是你的真名,而不是GitHub的昵称。
使用Hexo搭建博客_第11张图片
3.3.4 部署远程博客
①编辑D:\hexo目录下的配置文件_config.yml,在最下面输入以下内容。(注意:a.把里面的weilz替换成你的用户名;b.要注意格式,冒号后空一格)
这里写图片描述
②部署远程博客,输入以下命令
使用Hexo搭建博客_第12张图片
出现下面的提示表示部署成功
INFO Deploy done: git
使用Hexo搭建博客_第13张图片
如果出错,在执行“hexo d -g”命令前,先执行以下命令:
使用Hexo搭建博客_第14张图片
部署好了后,在浏览器地址栏中输入你的仓库名来访问,我的是weilz.github.io。注意一点,第一次部署的话,可能需要等待一会(一般不到10分钟就好了)才能生效,以后每次部署就可以直接访问。到这里基本的博客就搭建好了。
使用Hexo搭建博客_第15张图片
4、更换主题

4.1 对更换主题的概述
如果感觉当前主题不美观,可以选择更换主题,使用克隆命令安装自己喜欢的主题,然后更改一下博客的配置文件D:\hexo_config.yml里面的主题名称就好了。关于主题的选择,每个人的喜好不同,你可以到Hexo官方主题页面选择自己喜欢的主题。
Hexo官方主题: https://hexo.io/themes/
4.2 更换主题的步骤
4.2.1 选择并安装主题
①在官方主页上把自己选中的主题下载下来。(我选择的是luuman的spfk主题
使用Hexo搭建博客_第16张图片
②安装主题
在博客目录D:\hexo下右键点击Git Bash,输入以下命令。其他的主题也类似操作
git clone https://github.com/luuman/spfk.git themes/spfk
使用Hexo搭建博客_第17张图片
4.2.2 启用主题
修改博客目录D:\hexo_config.yml中的theme属性,将其设置为spfk。
使用Hexo搭建博客_第18张图片
4.2.3 更新主题
在主题更新之前,一定要备份好主题目录下的_config.yml文件,尤其是到后面修改了很多配置之后。
使用Hexo搭建博客_第19张图片
到这里主题的更换就好了,启动本地预览一下,满意的话就同步到Github上面。

本文章参考了以下网站上的内容:
http://www.jianshu.com/p/05289a4bc8b2
http://www.jianshu.com/p/cc8654b61bd4
http://www.jianshu.com/p/db7e64d86067

你可能感兴趣的:(博客)