2022
我们一起努力

hexo个人博客(hexo博客主题)

目录:

  • 1、记一次hexo 博客上线 经验总结
  • 2、自建博客系列(六)Hexo博客的常用配置修改
  • 3、如何使用阿里云+Hexo搭建个人静态博客
  • 4、如何拥有一个自定义域名的Hexo博客
  • 5、博客搭建系列二:个人博客绑定自己域名
  • 6、Hexo博客如何备份到Github

记一次hexo 博客上线 经验总结

前两天买了一台百度云服务器花了11块钱,花了点时间学了下如何部署hexo博客以及一些服务器方面的配置,没用hexo推荐的方式部署。专门记一个文章。系统用的是centos,先上图和链接

sunqx的博客

首先解释下

hexo 基于nodejs的快速、简洁且高效的博客框架,它是帮人快速搭建个人博客的。

PM2是node进程管理工具,可以利用它来简化很多node应用管理的繁琐任务,如性能监控、自动重启、负载均衡等,而且使用非常简单。就是一开始上手感觉好容易报错。

这里只将一些官网上没有的,如何本地跑起来一个hexo 项目和部署一个主题请看官网 hexo官网

hexo server 是项目 的启动命令 ,默认hexo启动端口是4000。但这样启动项目,nodejs是一个单线程项目,万一某一次程序出错,那整个服务就挂了。所以需要pm2 来监控这项线程,万一出错pm2还能自动重启。

pm2 启动命令一般是 pm2 start app.js 那如何用pm2 来管理hexo呢,可以通过在项目目录下新建一个 app.js

如此一来在项目根目录下 就能用 pm2 start app.js 来跑hexo项目了

初次配置的云服务器需要安装这些工具包

本地配置ssh key

注意点:

生成服务器端公钥 和本地一样

cd ~/.ssh

ssh-keygen -t rsa -b 4096 -C "931035063@qq.com"

eval "$(ssh-agent -s)"

ssh-add ~/.ssh/id_rsa

生效,centos 下 service sshd restart

把 id_rsa.pub 里面的内容 放到git 账户里面ssh 配置里

服务器配置nodejs 用的是nvm,安装nvm

nvm 安装以后重新连接云服务器 ,不然环境变量不会生效

nvm安装nodejs,依次执行以下命令

拉取完以后记得先试用 hexo server 着能不能跑起来,进入文件夹先 npm install 再看还差什么其他的全局依赖

这一块真的是血泪啊,就2行命令行,报的错查了一下午。

然后运行2行命令 第一行在云服务器搭建运行环境,第二行每次重新发布项目需要

以后每次发布博客

hexo new '记一次hexo 博客上线 经验总结' 生成md文件,写完以后提交到git仓库

再用命令行在本地项目执行下 pm2 deploy ecosystem.json production --force 即可

这一块没啥说的 无非就是端口转发, 80转4000

nginx 安装

安装完重连服务器,不然怎么输命令配置都不生效

nginx 配置生效

自建博客系列(六)Hexo博客的常用配置修改

在 我的自建博客之路系列 的前面几篇文章中,我们已经一起在本地和github、coding搭建起了自己的hexo博客站点,更换了Next主题,并且绑定了自己选择的个人独立域名,但是还未发表过文章,站点的配置还是原来的默认值。在本节,我们来进行个性化的设置,按照自身需要情况将站点打造成自己的。

这里首先要知道在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml,它们均是用于站点配置使用的。其中,一份位于站点根目录下(比如我的: D:\hexo_config.yml ),主要包含 Hexo 本身整站的配置;另一份位于主题目录( D:\hexo\themes\next_config.yml )下,这份配置由主题作者提供,主要用于配置主题相关的选项。为了描述方便,在以下说明中,将前者称为 站点配置 文件, 后者称为 主题配置 文件。下面我们先来看看 站点配置 文件的配置修改。

Hexo 使用 Moment.js 来解析和显示时间。

在站点的根目录下执行以下命令:

更多插件请移步 Hexo官方插件 页了解

现在执行

打开 localhost:4000 查看效果了。

访问HEXO官方文档

如何使用阿里云+Hexo搭建个人静态博客

使用阿里云服务器部署php环境,然后就可以使用 Hexo建立个人博客了。环境面板里面有一键部署 wp的功能,点击几次鼠标就可以轻松建站,毫不费力。

不过如果是新手还是需要熟悉下过程的,老魏为此写过阿里云服务器手动建站、php面板手动建站、php面板一键部署Hexo等多篇教程,看完啦还有疑问可以来问我,在线了就回答。

如何拥有一个自定义域名的Hexo博客

在 这篇文章 中我们利用Hexo和Github搭建了自己的博客,搭建出来的博客地址格式都是: 博客仓库名.github.io ,比如我的博客地址就是: 。

是不是觉得不好看,大家的网址都长一样,好像是流水线上生产出来的一样,那么怎么替换成自己的域名显得更个性化呢?

首先一个普通的域名也不贵,你可以上XX云买一个自己喜欢的域名,我这里以阿里云为例:

在购买的时候需要你实名,就按照要求填写相关信息即可,填写之后需要一会的审核时间,一般还是很快的。

如果你实在是不想花钱买域名也可以 在这里 免费注册一个域名,具体注册和解析步骤可以参考 知乎文章 。

购买域名之后我们还需要对域名进行解析之后才能使用。

在这里面添加两条记录如上所示。

记录类型为A的四个记录值是Github page官网说的四个记录值,好多文章写的192开头的两个已经不是最新的了,大家最好还是对照 Github Pages 进行设置,也可以使用 ping xxx.github.io 来验证一下。

注意 :记录类型为CNAME的记录值必须是 xxx.github.io 。

一、在 Github 上博客项目里按照下面步骤配置自定义域名:

二、配置完成之后,博客项目下会多一个 CNAME 文件,里面的内容就是我们上面配置的自定义域名:

三、检查博客根目录下的source文件夹下是否有一个CNAME文件,如果还是没有请自行在 /source 目录下新添加一个CNAME文件,内容跟上面一样还是填写自己购买的域名,保存。

打开我们本地博客目录下的 _config.yml 文件:

再次运行博客:

如果不添加 HTTPS ,网站左上角会提示该网站不安全:

更多关于Hexo框架和butterfly主题配置可以移步 Sunny的个人技术博客 。

博客搭建系列二:个人博客绑定自己域名

上一篇文章,我们详细说明了如何用hexo搭建个人博客,并且有了自己的博客地址。但是,有的同学可能觉得还不够牛逼。ok,那下面我分享下自己的博客是如何绑定自己申请的域名。

博客绑定域名,首先,你得有个域名。关于申请域名的网址有很多,国内有万网(被阿里云收购了),新网等。不过我不推荐在国内购买域名,需要备案等一系列手续非常麻烦。

国外的域名注册商很多,用的比较多的有GoDaddy、namecheap、name.com等,至于选哪个,推荐大家一篇知乎上的文章 没错,我是在namecheap上注册的,现在貌似没有优惠码了,不过他们家免费送Whois 隐私保护(Whois查询不到注册人),SSL证书不再免费,不过和域名一起购买只需再花2$,总共一年也就70几块钱。

这里推荐大家申请后缀为.com的域名。当然了,如果你喜欢有个性的域名,或者希望网址能短一点,选其他的应该更容易命中。还有点要注意,namecheap不支持支付宝,银联,大家可以选择带有master或者visa标志的银行卡支付。这里再给大家推荐个比价网站 有个网站第一年很便宜,后面续约越来越贵。我想一般我们的域名申请了应该会用挺久的吧。

DNS域名解析一般都是用的DNSPod,大家注册以后去域名解析一栏添加自己刚申请的域名。然后设置如下图所示:

大家只需要添加红框部分内容即可,其他设置下一篇文章会说。这里我们添加了主机记录分别为www和@两种类型,分别对应着您的网址带www和不带www的映射。防止有的浏览器默认添加www导致网页打不开。

一定要注意我们的CNAME记录指向值,我看网上很多都是设置的一个ip值,其实这样不好。因为第一,ip地址可能会变。第二,写死ip地址,万一这个主机挂了,或者某地区的这个ip网络信号不好,我们的网页就不打不开。大家可以在命令行dig一下,上一篇文章说过这个命令。

还有个非常重要没说,就是去你域名注册的网站去绑定DNSPod的dns服务器设置。如果是namecheap网站,替换掉网址 中的your_domain_name,添加两条NAMESERVERS记录,设置如下图所示。

这样,你的网站才能被DNSPod做dns解析。一般需要一定时间才能生效,我当时是半个小时左右吧。

在你的博客source文件夹里创建CNAME文件,不带任何后缀,里面添加你的域名信息,如:weitianyao.com(注意前面不添加 http:// ),如下图:

然后就 hexo d 试试吧。

Hexo博客如何备份到Github

在 这篇文章 中我们把 Hexo 和 Github 结合起来搭建了自己的个人博客, hexo d 部署到 Github 的其实 Hexo 编译后的文件,这些文件是用来生成网页的,并不包含我们的源文件:

它其实上传到 Github 的是在我们本地目录里的 .deploy_git 里面的内容:

我们的源文件比如相关 source 文件、配置文件等都是没有上传到 Github 上的,所以我们要利用 git 来做分支管理,对我们的源文件进行备份,这样我们就可以在另一台电脑上把源文件 clone 到本地安装相应的环境就可以继续写我们的博客了。

好了,废话少说,我们直接来说如何进行博客源文件的备份。

在 Github 上博客仓库下创建一个新的分支 hexo ,并且将这个分支设置为默认分支,具体操作如下:

在本地把我们刚建的分支 hexo 克隆到本地:

进入到Blogs根目录下,执行如下命令:

这时候我们会看到 Github 上的 hexo 分支就有我们的源文件了。

假如我们现在更换了电脑,希望在新的电脑上继续写博客,把 Github 上 hexo 分支上的项目克隆到本地(注意:是我们备份的那个分支)

进入到克隆下来的文件夹,执行如下命令:

然后再去安装主题相关的插件即可,当然如果你电脑上还没有 Node.js 等环境的话可能还需要去安装相关的环境。

现在我们就基本上可以在另一台电脑上继续我们的博客之旅啦~

到这里,如何备份Hexo博客以及如何恢复Hexo博客就基本结束啦。

更多关于Hexo框架和butterfly主题配置可以移步 Sunny的个人技术博客 。

赞(0)
文章名称:《hexo个人博客(hexo博客主题)》
文章链接:https://www.fzvps.com/246519.html
本站文章来源于互联网,如有侵权,请联系管理删除,本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。
图片版权归属各自创作者所有,图片水印出于防止被无耻之徒盗取劳动成果的目的。

评论 抢沙发

评论前必须登录!