Hexo搭建个人博客

很多人抱怨在其它博客平台写博客有很多限制,比如内容,关键字等的限制,于是有搭建个人博客的想法,搭建个人博客也有很多框架,我主要介绍用Hexo + github完成个人博客的搭建

现在看看Hexo是什么。Hexo是一款基于Node.js的静态博客框架,可以方便快速地生成静态网页,并且可以托管在github上,它同时还是github上的开源项目,这里不做更详细的说明。

下载node.js

既然Hexo是基于node.js的框架,我们先下载node.js
在这里插入图片描述
下载好后安装即可,改一下安装目录,其余的可以一直next
它还会同时安装好了npm
可以打开cmd,输入node -v 或者 npm -v,都可以看到输出版本信息的话说明安装成功了

下载git

git下载,git的安装这里就不赘述了,可以自行查找,安装完成后在任意地方鼠标右键都可以看到git Bash here,如果把git添加到了环境变量的话,在cmd也可以输入git -v同样有输出版本信息的

新建文件夹放置Hexo及以后的博客

可任意位置新建文件夹,我新建的是D:\blog\Hexo
我们在Hexo这个文件夹下打开cmd或者git bash都可以,我打开的是git bash

安装Hexo

//这个命令等会一会即可执行完成
npm install -g hexo-cli

同样可以通过在git bash中输入 hexo -v查看是否安装成功
然后

//初始化。我们的Hexo文件夹将会被初始化
hexo init

初试完后会可能出现有些依赖包还没被安装而报错的信息
在这里插入图片描述
只需要按着它提示的输入 npm install
之后仍有可能有小报错
在这里插入图片描述
这个可以不管了(输入了npm audit fix之后仍可能还不能修复,这里不影响我们博客的搭建,先暂时不理)
hexo init完成后我们可以看到文件夹里的结构是这样的
在这里插入图片描述
_config.yml是站点的配置文件,在themes下不同的主题文件夹里面也有一个_config.yml,那是主题的配置文件

接着输入

//生成
hexo g
//启动服务器预览
hexo s

在这里插入图片描述
这时在浏览器输入localhost:4000就能看到
在这里插入图片描述
这里稍微介绍一下常用的hexo的命令
npm install -g hexo-cli //安装hexo
npm update hexo -g //升级
hexo init //初始化某个文件夹作为博客的目录
hexo g == hexo generate //生成
hexo s == hexo server //启动本地服务器预览,可以看上面的命令截图
hexo d == hexo deploy //部署到远程
hexo clean //清理缓存,网页正常显示的话忽略这条

github上创建个人仓库

github的注册这里就不讲了,仓库的命名我们以我们的账号用户名.github.io命名(任意名字.github.io不知道可不可以,有待考证)
我的是这样
在这里插入图片描述
接着在github上配置ssh
这里不讲怎么在github上添加ssh,可以参考别人的一篇博客

推送到远程

打开新建的仓库
在这里插入图片描述
复制地址,不管是SSH还是HTTPS的都可以
接着打开站点的配置文件_config.yml 注意不要打开错了文件
拉到最下面补充内容成下面的格式,repo换成你自己的地址,branch一般写master
在这里插入图片描述
保存好后,在git bash接着输入

//安装git部署插件
npm install hexo-deployer-git --save

接着输入

hexo clean
hexo g
hexo d

三条命令的意思前面说过了,这时候打开浏览器输入xxx.github.io就可以看到字样
在这里插入图片描述
说明已经部署到远程上去了

发布文章

在我们init的文件夹下运行cmd或者git bash中输入

// hexo n == hexo new
hexo n "博客标题"

在init的文件夹下,我这里是blog\Hexo,里面的source_post\下就有刚才新建的标题名的.md文件,我们用markdown编辑器(可自行下载)打开用markdown标记语法写博客即可,保存好后,在git bash是输入
hexo s
即可在本地服务器上预览博客的效果(之前一样,浏览器输入localhost:4000)
如果没问题,我们就可以
hexo g
hexo d
部署到远程去

个性化

除了用仓库名的方式访问我们的博客,还可以通过域名的方式(但不一定要通过域名),没有域名的话想这么做需要注册域名,阿里云,腾讯云都有这样的服务,购买了域名后要实名认证,
这里我以腾讯云为例讲怎么配置域名
在腾讯云找到域名管理
在这里插入图片描述
点击解析
添加两条记录,这里有两种方式,注意看
1.打开cmd,ping自己的仓库地址(xxx.github.io
在这里插入图片描述
可以看到仓库的ip地址,这是一个公网地址
在解析里添加两条,红框中的两条
在这里插入图片描述
记录值填写刚才查到的ip地址
2.第二种方式,参考第一种方式,还是添加两条记录,主机记录类型不变,但把记录类型都换成CNAME,记录值都填写 xxx.github.io
注意!!!!当记录类型使用CNAME的时候,会与其它任何记录类型的记录冲突,所以如果本来就有域名并且添加了自己的服务器的人,建议使用第一种方式
接着在github的仓库上setting,点击新建的仓库的settings,往下拉,找到custom domain,在里面填上自己的域名(带上www)保存
在这里插入图片描述
接着在\source文件夹下新建一个文本文档,里面就填写自己的域名,域名可以带www,也可以不带,如果带了,以后访问就不用输入www,并且命名为CNAME,并且保存成所有文件!!
在init文件夹下启动git bash 输入
hexo clean
hexo g
hexo d
这时在浏览器输入自己的域名就可以访问到自己的博客了

更换主题

主题可以在Hexo官网找主题
以next主题为例,我们进入博客文件夹下themes文件夹,在里面运行 git bash
输入
git clone https://github.com/iissnan/hexo-theme-next
会把主题下载到\themes\主题名 文件夹中,打开站点的_config.yml文件,修改theme的值为next,除此外,还可以在\themes\主题名 下找到主题的配置文件_config.yml,注意两个配置文件的位置是不一样的!!!在里面找到Schemes,有3个样式,选择一个自己喜欢的,把前面的注释去掉,原来的注释掉保存即可
返回博客目录,打开git bash
hexo g
hexo s
就可在本地查看到主题的效果,如果满意的话,就可以推到远程了
hexo g
hexo d

总结:
还有很多主题和博客布局布置的设置,这些内容容读者自行钻研了
以上是一点点对用hexo搭建个人博客的介绍

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值