百韵网 >>  正文

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

来源:www.baiyundou.net   日期:较早时间

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

官网 : https://hexo.io/zh-cn/

关于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上有很多眼花缭乱的主题,去选一个自己喜欢的吧! https://hexo.io/themes/
本文例程使用的是: https://github.com/litten/hexo-theme-yilia

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

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

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

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

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

用github当图床
头像 更换:在 myblog 目录下的 source 文件下创建 img 文件,将图片保存在其中。我们通过部署生成,把图片放到 github 上,通过链接找到。
例如:本文将一张 timg.jpeg 的图片存放到 myblog/source/img/ 下,那么我们可以通过之前生成的链接,如 https://codehory.github.io/img/timg.jpeg ,进行图片的插入。

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

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

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

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

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

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



~

相关要点总结:

18355688911:hexo+github博客搭建与备份教程(详细篇)
东喻答:6. 本地博客部署至Github 终端 myblog 目录下,使用 vim 打开 _config.yml ,滑动至最底部,如图,编辑 deploy 节点, type: git repo: git@github.com:codehory/codehory.github.io.git branch: master 注:1.冒号后有空格 2. repo 一行为新建仓库的SSH地址,打开新建仓库就能看...

18355688911:如何使用hexo构建github
东喻答:Hexo 提供了快速方便的一键部署功能,让您只需一条命令就能将网站部署到服务器上。hexo deploy在开始之前,您必须先在 _config.yml 中修改参数,一个正确的部署配置中至少要有 type 参数,例如:deploy: type: git发布到git上需要安装 hexo-deployer-git 插件。npm install hexo-deployer-git --save...

18355688911:Windows下如何搭建免费个人博客 三步搭建免费个人博客
东喻答:在 shell 中执行:cd qingfeng825.github.io将工作目录切换到\qingfeng825.github.io下,如果已经在此目录下则直接进行如下命令hexo new "Hello World"!,然后输入命令:hexo server,成功执行上述指令后,打开浏览器,访问 localhost:4000,如果出现下图中的Hello World则说明你的 hexo 博客已经搭建成功了。

18355688911:hexo 部署到 github
东喻答:1、git和Node.js都安装成功后,安装hexo,命令如下:2、创建 my- hexo 文件夹,命令如下:3、my- hexo 安装成功后,在该文件夹下执行如下命令:4、启动本地服务,现在已经搭建起本地的 hexo 博客了,执行以下命令,然后到浏览器输入 localhost:4000 查看:5、到此,本地博客已经搭建起来了,如...

18355688911:github 怎么搭建博客
东喻答:1. 注册账号:地址: https://github.com/输入账号、邮箱、密码,然后点击注册按钮.图1 第1步 2. 初始设置注册完成后,选择Free免费账号完成设置。图2 第2步 2.1 验证邮箱请打开你的邮箱,查看发送给你的确认邮件,你需要验证邮箱后,后面生成的个人主页才会被接受和发布.3. 创建页面仓库地址: https:...

18355688911:如何搭建个人博客网站,有哪些方案?
东喻答:1.Hexo+Github方案,使用markdown编写文档,GitHub做静态服务器,完全免费,可以参考我主页的个人博客板块。2.各类CMS内容管理系统,直接有免费空间可以使用;3.使用Gatsby,选择需要的模块,插件,组装一下,服务直接上到Netlify,免费托管,超级省事,这个在我之前文章中有介绍,这里就不赘述了。强调一下,...

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

18355688911:如何拥有一个自定义域名的Hexo博客
东喻答:在 这篇文章 中我们利用Hexo和Github搭建了自己的博客,搭建出来的博客地址格式都是: https://+Github博客仓库名.github.io ,比如我的博客地址就是: https://happycodersunny.github.io 。是不是觉得不好看,大家的网址都长一样,好像是流水线上生产出来的一样,那么怎么替换成自己的域名显得更...

18355688911:如何搭建个人博客?
东喻答:目前国内对个人博客的政策没有特别严格的限制,大多数个人用户可以自行搭建博客。但是,需要注意以下几点:1. 平台选择。目前市场上有很多博客平台可供选择,比如WordPress、Github Pages、Hexo等。需要做好市场调查和平台比较,选择一个适合自己的平台。2. 注册登录和评论。一般情况下,个人博客都需要实现注册...

18355688911:hexo使用github action自动部署至腾讯云开发静态网站托管服务以及github...
东喻答:首先在本地安装hexo环境,配置好主题以及自定义的配置,然后将整个hexo目录推送到github私有仓库。私有仓库在接受到push之后,使用github action进行hexo g和hexo deploy,将生成的静态文件推送到另一个以 用户名.github.io 为名称的仓库。如你所见,我们需要使用两个github仓库来构建我们的个人博客,其中私有...

(编辑:本站网友)
相关推荐
关于我们 | 客户服务 | 服务条款 | 联系我们 | 免责声明 | 网站地图
@ 百韵网