前言
持续更新….
我的主题是yilia,然后效果大家可以看一下:https://longlongqin.gitee.io/
我的是在windows操作系统上面,在其他的系统上面大同小异。也参考了很多文章及视频教程。主要参考的是:
程序羊的视频:https://www.bilibili.com/video/av44544186?from=search&seid=12981624311298276946
文章:
-
https://ouwen666.gitee.io/2020/01/29/Hexo+Gitee搭建个人博客
作者部署的是gitee
-
https://godweiyang.com/2018/04/13/hexo-blog/#toc-heading-6
含有个性化配置
注:文中的指令都是在cmd
(Windows中的命令提示符)中完成的。如果在这之前电脑上就已经安装了Git bash
,那么也可以在Git bash
中运行指令。
安装Node.js
博客框架Hexo
是基于Node.js
制作的静态博客,我们待会要用到Node.js里面的npm(node package manager)包管理器来安装插件。
可以点击这里进入其官网。
进入之后,按照操作系统进行下载安装。如上图是Windows系统64位的版本,上面官方推荐下载的版本。
安装选项就按默认的,一直点击Next
。
然后,检验是否安装成功:用Win+R
命令打开命令提示符,输入node -v
和npm -v
,出现版本号,则说明安装成功。
添加cnpm
注:因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事。来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”
所以我们可以利用npm
安装cnpm
,再cmd
中输入:
| |
再输入:cnpm -v
来检验是否安装成功。
此时,假设我们Node.js
安装成功。
安装Hexo
框架
我们要利用Hexo
框架模型来搭建我们的博客。点击这里可以进入其官网。下载该框架也仍然是在cmd
(Windows中的“命令提示符”)中输入指令完成的。
在上一步我们安装了cnpm
,现在我们要用它来安装hexo
,用cnpm
安装的速度更快一些,也可以用npm
:
| |
检验是否安装成功,当运行之后出现版本号则安装成功:
| |
现在,我们的Hexo
框架已经安装成功了。
初始化Hexo
想要看到博客运行起来,我们现在还需要对Hexo
框架进行初始化。
在你的电脑上找一个合适的位置,创建一个文件夹,名字可以随便取,可以用Blog等等的名字,随个人喜好取名。为了便于演示,假设你取的名字叫做:blog
注意,初始化是在我们创建的这个blog
文件夹中初始化的,所以,我们的命令提示符(cmd)左边的路径要在这个blog
文件夹中。
进入刚刚创建的文件夹中
然后,在输入指令 :
| |
初始化完成后,我们的blog
文件夹中,就会生成这些文件:
- node_modules: 依赖包
- public:存放生成的页面
- scaffolds:生成文章的一些模板
- source:用来存放你的文章
- themes:主题
- _config.yml: 博客的配置文件
初始化完成,在打开hexo
服务器:
| |
我们,打开浏览器,输入:localhost:4000,就可以看到你的博客的雏形已经好了。
更换主题
加入你觉得这个主题你不喜欢,想要找一个其他的主题,你可以进入Hexo的官网的主题板块,来选择你喜欢的主题:
假如,你想更换为3-hexo
,那就点击它,会跳转到该主题的创作者的GitHub上:
安装3-hexo
主题,其中命令的themes/3-hexo
指的是该主题的安装位置:
| |
安装完之后,我们需要运行:
| |
然后,我们就能在本地localhost:4000中,查看修改好的主题了。
安装Git
如果你不想只在本地上查看你的博客,也想有自己的博客网址链接,那我们可以下载Git,把博客内容部署到GitHub
或者gitee
上面。我们这里以GitHub为例。
Git的官网点击这里。然后按照你的电脑的操作系统下载相应的版本。安装选项还是全部默认,只不过最后一步添加路径时选择Use Git from the Windows Command Prompt
,这样我们就可以直接在命令提示符里打开git了。
安装完成后在命令提示符中输入git --version
验证是否安装成功。
GitHub账号
如果你没有GitHub账号,我们现在去创建一个吧。点击这里创建。创建完成之后,我们新建一个github仓库:
注意你的仓库名字不要随便起,待会我们要用到。加入你GitHub名字叫“AAA”,那么仓库个名字就一定是:AAA.github.io
:
将博客部署在github
中
目前,还不能部署到GitHub上。还需要下载hexo-deployer-git
插件:
| |
如果,你是刚刚才下载的Git,则还需要设置你的姓名和邮箱:
| |
还有你的SSH Key,创建公开密钥:
| |
把生成的密钥添加到GitHub中去:
- 找到生成的密钥:如果一切顺利的话,可以在用户主目录里找到
.ssh
目录,我的在:C:\Users\xxxx\.ssh
(xxxx是我的一个目录)。里面有id_rsa
和id_rsa.pub
两个文件,这两个就是SSH Key的秘钥对,id_rsa
是私钥,不能泄露出去,id_rsa.pub
是公钥,可以放心地告诉任何人。 - 在头像下面点击
settings
,再点击SSH and GPG keys
,新建一个SSH,名字随便,把公钥复制进去。
到这里,我们的git与远程的GitHub已经建立起关系了。
我们还需要把blog
文件夹中的设置文件,即:_config.yml
,将最后一行进行修改,:
| |
repository修改为你自己的github项目地址,在实际操作过程中,repository: git@github.com:longlongqin/longlongqin.github.io.git,也是可以的。
修改之后,我们才能部署到GitHub上:
| |
这里,就是利用刚下载的插件:hexo-deployer-git
现在我们可以访问我们在github服务器上的博客网址,网址就是我们刚刚创建仓库的名字,比如我的仓库名是:longlongqin.github.io
,我们复制粘贴它到浏览器,然后你就可以看到你的博客内容了。😊
比如,我的博客样式,大家可以去参观一下。https://www.longlongqin.top/