2022
我们一起努力

hexo搭建教程(hexo安装教程)

本文目录:

  • 1、hexo搭建部署到gitee(基础教程)
  • 2、如何在VPS上搭建Hexo?
  • 3、hexo+github博客搭建与备份教程(详细篇)
  • 4、基于腾讯云搭建自己的的Hexo博客
  • 5、Hexo 教程:Hexo 博客部署到腾讯云教程

hexo搭建部署到gitee(基础教程)

hexo部署到github和部署到gitee都差不多,这里选择gitee

在 git Bash Here 中输入下面的两个命令进行配置

打开 git Bash Here 输入以下命令:

然后一直回车,若出现 Overwrite (y/n)? ,则输入 y ,若没有,则一直回车。结束后你的 ssh 就生成了,我的自动生成路径是: C:\Users\dell\.ssh ,在 .ssh 中有两个文件 id_rsa (私人密钥)和 id_rsa.pub (公共密钥),这里我们选择 id_rsa.pub 公共密钥。 id_rsa.pub 用记事本打开,复制

先随便创建一个空的文件夹,如:我创建的文件夹:D:\blog 然后在 git 中进入到 D:\blog 目录下。

开始安装hexo,Hexo将会在我的 D:\blog 文件夹中新建所需要的文件。

hexo g 之后出现 public 文件夹和 db.json

这里会出现 网址,把它复制下来到浏览器打开,就可以了。

在 gitee 前面创建的仓库中,复制SSH。

最后在 git 继续执行下面的命令行,部署到gitee中,

tip:每次修改完配置,都要保存,然后执行hexo clean和hexo g及 hexo d

我的博客:

如何在VPS上搭建Hexo?

前期准备

喜欢Hexo的主题,不少都适合中文,配置简单,一键发布,所以选择它。

关于如何搭建 Hexo 的环境,这里就不罗嗦了, Hexo官方文档已经讲解的非常详细

VPS 上安装 Nginx 服务

SSH 连接 VPS 后,添加 CenOS 7 的 epel 软件包: $ yum install epel-release

安装Nginx: $ yum install nginx

启动 Nginx: $ systemctl start nginx.service

使用 firewalld 给防火墙添加规则允许 HTTP 以及 HTTPS

设置 Nginx 自动跟随系统启动

$ systemctl enable nginx.service

现在可以在浏览器中输入 VPS 的 ip 检查看 Nginx! 是否启动了。

如果出现 "Welcome to Nginx.." 的字样,恭喜!代表你的 Nginx 成功安装并启动。

VPS 上搭建 Hexo

方案选择

毋庸置疑,为了安全起见并且在本地能同时 Deploy 到 VPS 和 Github (用作备份)上,选第二种方法肯定是比较好的

使用 rsync 将 Hexo 部署到 VPS 上

在 Hexo 目录下安装 rsync  : $ npm install hexo-deployer-rsync --save

根据 Hexo rsync 部署文档 在 Hexo 中的 _config.yml 中添加 Deploy 的配置,以下是我在自己项目中的配置代码

V1.png      

*必须先在 VPS 上创建好了想要存放 Hexo 静态文件的目录, rsync 不能创建不存在的目录

网上有的朋友说光在 Hexo 中使用 rsync 不够,在 VPS 也需要下载 rsync 服务,但是我在雷电VPS上就没有下载 rsync 服务。如果你在 Hexo 中用 rsync 部署的时候一直报错,那就在 VPS 上下载 rsync 服务,看能否解决一直出错的原因,命令如下:$ yum -y install rsync

配置 Nginx

Hexo 成功部署到 VPS 上之后,剩下的就是来配置 Nginx 了

$ vi /etc/nginx/conf.d/default.conf

将以下内容替换原内容

重启一下 Nginx 服务

$ systemctl start nginx.service

$ systemctl enable nginx.service

这样设置之后网站就应该可以通过 VPS 的 IP 地方访问到了

申请域名及域名解析

至此在 VPS 上搭建 Hexo 并绑定域名就到此结束了  

附上原文链接:网页链接

hexo+github博客搭建与备份教程(详细篇)

来自肥宅的小乐趣,带你玩转hexo自建博客,生活还是需要装一下的嘛:)。

官网 :

关于hexo,如官网的一句话介绍,

正如上面的介绍,hexo会在本地生成一个静态html页面,为了让别人看到我们的博客,我们就需要将其推到远端--服务器。

那么github就提供给我们一个免费的仓库,对于新人练手是再好不过了。当然,也可以购买属于自己的域名,让更多的朋友看到你的博客。话不多说,让我们开始吧!(作者使用的是mac os系统,其他系统也类似)

mac用户推荐使用 Homebrew

笔者安装的版本为v12.6.0

安装hexo需要依赖node.js的 npm 的包管理器,由于国内镜像源速度很慢,为了避免出错,所以在使用之前一般是利用 npm 来安装 cnpm , cnpm 为淘宝的镜像源。

至此,我们hexo的博客搭建初步完成了。 INFO Start blogging with Hexo!

若不存在,请进行下一步(存在,请跳过创建步骤)

输入后按回车,然后会提示输入密码,可以按回车设为空。之后SSH就生成了,下图所示:

4. 检验SSH Key

执行yes,若出现下例,则表示配置成功。

5. 设置用户信息

6. 本地博客部署至Github

终端 myblog 目录下,使用 vim 打开 _config.yml ,

滑动至最底部,如图,编辑 deploy 节点,

type: git

repo: git@github.com:codehory/codehory.github.io.git

branch: master

注:1.冒号后有空格 2. repo 一行为新建仓库的SSH地址,打开新建仓库就能看见

输入完毕,按 esc , :wq 保存退出。

7. 安装部署插件

在 myblog 目录下,

8. Deploy to Github

至此,恭喜,完成全部部署,在网址栏输入: yourusername.github.io 就能看到你的初步博客啦!( yourusername 为你github用户名)

在 myblog 目录下,新建一篇博客,

在本地博客的 source-_posts 路径下看到新建的文章,是md格式的,使用markdown文本编辑器进行编辑即可。

编辑完成之后,执行以下命令,即可更新博文,

为了继续满足我们深入骨髓的DIY之心,换一个自己喜欢的主题也是必不可少的环节。Github上有很多眼花缭乱的主题,去选一个自己喜欢的吧!

本文例程使用的是:

在 myblog 目录下,用 vim 打开 _config.yml ,

可以修改 title,subtitle,description,keywords,author 等内容,这些属性依赖于你选择的主题。

输入完毕,按 esc , :wq 保存退出。

menu 用来设置你博客的分类,标签等。

subnav 为你的社交媒体的链接,如github,微博等。

用github当图床

头像 更换:在 myblog 目录下的 source 文件下创建 img 文件,将图片保存在其中。我们通过部署生成,把图片放到 github 上,通过链接找到。

例如:本文将一张 timg.jpeg 的图片存放到 myblog/source/img/ 下,那么我们可以通过之前生成的链接,如 ,进行图片的插入。

还有许多诸如此类的设置,各自进去修改吧,同样的操作,保存退出。

最后来看看我们的博客吧,还不错吧:

由于博客是在本地生成的,如果更换电脑,那我们是不是就不能用这个博客了?方法总比问题多,我们可以利用 github 来备份博客的文件和数据。

第一次备份完毕,以后的备份,只需进行如下操作:

这样备份完毕后,我们在另一台电脑上,只需 git clone 一下就行了。

说长不长,说短不短,一通操作下来,不知你是否成功了呢?作者只是抛砖引玉,带你入门,之后的进阶过程,还望各位继续探索,玩转hexo。欢迎在评论区展示下你们的成果咯,让作者也学习学习,哈哈。同样,如若有任何纰漏或者相关问题,请在评论区留言吧!感谢各位观看!See you~

基于腾讯云搭建自己的的Hexo博客

先搞明白Hexo博客从搭建到自动发布的架构,才能更好的理解我们每一步进行的操作。

不然只跟着步骤过了一遍,却不知道为什么这么做。

首先看这张架构图:

整个流程就是本地将 *.md 渲染成静态文件,然后Git推送到服务器的 repository ,服务器再通过 git-hooks 同步网站根目录。

前提条件: 腾讯云服务器

第一部分 : 服务器环境搭建,包括安装 Git 、 Nginx 配置 、创建 git 用户 。

第二部分 : 本地 Hexo 初始化, 包括安装 NodeJS 、 hexo-cli , 生成本地静态网站

第三部分 : 使用Git自动化部署发布博客

NodeJS 安装可以参考: Linux安装NodeJS

找到以下内容

在下面添加一行

保存退出后改回权限

随后设置Git用户的密码,

切换至git用户,创建 ~/.ssh 文件夹和 ~/.ssh/authorized_keys 文件,并赋予相应的权限

然后就可以执行ssh 命令测试是否可以免密登录

至此,Git用户添加完成

我是用的是lnmp 一键安装包,nginx安装教程一大堆,就不再叙述。主要看nginx配置。

找到nginx的配置文件,修改配置如下:

首先要安装 hexo-cli ,安装 hexo-cli 需要 root 权限,使用 sudo 运行

然后初始化Hexo程序

等执行成功以后安装两个插件, hexo-deployer-git 和 hexo-server ,这俩插件的作用分别是使用Git自动部署,和本地简单的服务器。

hexo-deployer-git帮助文档

hexo-server帮助文档

使用 hexo new 文章名称 来新建文章,该命令会成成一个 .md 文件放置在 sources/_posts 文件夹。

编辑完毕以后, 使用 hexo g 将 .md 文件渲染成静态文件,然后启动 hexo-server :

现在便可以打开浏览器访问 来查看我们的博客了!

创建一个裸仓库,裸仓库就是只保存 git 信息的 Repository , 首先切换到 git 用户确保 git 用户拥有仓库所有权

一定要加 --bare ,这样才是一个裸库。

在这里我们使用的是 post-receive 这个钩子,当git有收发的时候就会调用这个钩子。 在 ~/blog.git 裸库的 hooks 文件夹中,

新建 post-receive 文件。

保存后,要赋予这个文件可执行权限

然后打开 _config.yml , 找到 deploy

保存后,尝试将我们刚才写的"hello hexo"部署到服务器

访问服务器地址,就可以看到我们写的文章"Hello hexo",以后写文章只需要:

博客就更新咯!~

使用 Git Hook 自动部署 Hexo 到个人 VPS

Hexo 文档

Hexo 教程:Hexo 博客部署到腾讯云教程

下面开始正式讲解如何部署。

前期需要准备:

顺便说下我的服务器环境:

如果此时能查看到 git 的版本号,说明我们已经安装成功了。

然后,执行如下命令:

刚才这一步主要创建一个裸的 git 仓库。

到这里,我们的 git 仓库算是完全搭建好了。下面进行 Nginx 的配置。

能够正常获取以下欢迎页面说明Nginx安装成功。

至此,服务器端配置就结束了。接下来,就剩下本地 hexo 的配置更改了。

参考资料:

hexo搭建教程】的内容来源于互联网,如引用不当,请联系我们修改。

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

评论 抢沙发

评论前必须登录!