使用Hexo搭建博客

最新推荐文章于 2024-03-09 02:11:35 发布

程序猿小v

最新推荐文章于 2024-03-09 02:11:35 发布

阅读量524

点赞数 1

文章标签：博客

本文链接：https://blog.csdn.net/loveweilz/article/details/55522373

版权

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命令，在里面输入：
这里写图片描述
卸载的话，自然是把上面命令中的install替换成uninstall即可执行卸载。
3.2.4 创建Hexo文件夹
Hexo文件夹就是你后面博客的文件夹。第一步先在某个盘符下新建一个文件夹，重命名（英文字母），假设你是在D盘下建立了一个名叫Hexo的文件夹，那么路径就是D:\hexo （后续的操作大多在这个文件夹里进行）；第二步进入Hexo文件夹单击右键，依旧选择Git bash这一命令，输入以下命令，
这里写图片描述
3.2.5 安装依赖包

3.2.6 预览本地博客
一系列的安装命令之后，本地博客就算搭建好了，输入如下的命令；然后在浏览器地址栏中输入localhost:4000或者127.0.0.1:4000就可以查看本地的博客了。(浏览器访问时，Git bash命令窗口不要关闭)
这里写图片描述

3.3部署远程博客
3.3.1 注册Github账号
3.3.2 建立和用户名对应的仓库
例：我的用户名是weilz,那么我的仓库就必须是weilz.github.io，否则可能就不成功。

3.3.3 配置SSH公钥
远程代码是基于SSH的，所以需要SSH的相关配置。方法是现在本地生成SSH公钥，然后添加到Github上面。具体的操作如下：
①设置你的邮箱和用户名：
这里写图片描述
②生成密钥，设置密码，输入的密码不显示（也可以不设置，按三次回车，密码为空）
ssh-keygen -t rsa -C “15*******60@126.com”
注意：-C中的“C”为大写

③把SSH密钥添加到Github上
登陆Github后，点击settings，然后进入SSH keys，把id_rsa.pub文件里内容添加进去就好了。
这里写图片描述
④测试
可以输入下面的命令，看看设置是否成功，git@github.com的部分不要修改：
$ ssh -T git@github.com

⑤设置用户信息
现在你已经可以通过SSH链接到GitHub了，还有一些个人信息需要完善的。Git会根据用户的名字和邮箱来记录提交。GitHub也是用这些信息来做权限的处理，输入下面的代码进行个人信息的设置，把名称和邮箱替换成你自己的，名字必须是你的真名，而不是GitHub的昵称。
这里写图片描述
3.3.4 部署远程博客
①编辑D:\hexo目录下的配置文件_config.yml,在最下面输入以下内容。（注意：a.把里面的weilz替换成你的用户名；b.要注意格式，冒号后空一格）

②部署远程博客，输入以下命令

出现下面的提示表示部署成功
INFO Deploy done: git
这里写图片描述
如果出错，在执行“hexo d -g”命令前，先执行以下命令：

部署好了后，在浏览器地址栏中输入你的仓库名来访问，我的是weilz.github.io。注意一点，第一次部署的话，可能需要等待一会（一般不到10分钟就好了）才能生效，以后每次部署就可以直接访问。到这里基本的博客就搭建好了。
这里写图片描述
4、更换主题

4.1 对更换主题的概述
如果感觉当前主题不美观，可以选择更换主题，使用克隆命令安装自己喜欢的主题，然后更改一下博客的配置文件D:\hexo_config.yml里面的主题名称就好了。关于主题的选择，每个人的喜好不同，你可以到Hexo官方主题页面选择自己喜欢的主题。
Hexo官方主题： https://hexo.io/themes/
4.2 更换主题的步骤
4.2.1 选择并安装主题
①在官方主页上把自己选中的主题下载下来。（我选择的是luuman的spfk主题）
这里写图片描述
②安装主题
在博客目录D:\hexo下右键点击Git Bash，输入以下命令。其他的主题也类似操作
git clone https://github.com/luuman/spfk.git themes/spfk

4.2.2 启用主题
修改博客目录D:\hexo_config.yml中的theme属性，将其设置为spfk。
这里写图片描述
4.2.3 更新主题
在主题更新之前，一定要备份好主题目录下的_config.yml文件，尤其是到后面修改了很多配置之后。

到这里主题的更换就好了，启动本地预览一下，满意的话就同步到Github上面。