深入解析Hexo主题调优:打造个性化Hexo+GitHub博客全攻略及数据备份指南

hexo+GitHub博客构建与数据备份指南(详尽篇)

源自宅男的点滴乐趣,引领你驾驭hexo自主搭建博客,生活何尝不需些许点缀呢:)。

官网:

关于hexo,官网的一句概括,

正如所述,hexo会在本地生成静态的HTML页面,要使他人能浏览我们的博客,就必须将其上传至远程——服务器。

于是,GitHub为我们提供了免费的仓库,对新手实践来说尤为适宜。当然,你也可以购买专属的域名,让更多的朋友目睹你的博客风采。不多言,让我们着手吧!(作者采用mac os系统,其他系统操作类似)

mac用户推荐采用Homebrew

作者安装的版本为v12.6.0

构建hexo需要依赖node.js的npm包管理器,鉴于国内镜像源速度较慢,为避免错误,通常在操作前先用npm安装cnpm,cnpm为淘宝的镜像源。

至此,我们的hexo博客构建初步完成。INFO 开始使用Hexo进行博客写作!

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

输入后按回车,随后会提示输入密码,可按回车留空。随后SSH便生成了,如图所示:

4.验证SSH Key

执行yes,若显示以下内容,则表示配置成功。

5.设置用户信息

6.将本地博客部署至GitHub

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

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

type: git

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

branch: master

注:1.冒号后需留空格 2. repo一行需填写新建仓库的SSH地址,打开新建仓库即可看到

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

7.安装部署插件

在myblog目录下,

8.部署至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,通过链接插入。

还有许多类似的设置,各自进入修改吧,操作同上,保存退出。

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

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

第一次备份完成后,后续的备份只需执行以下操作:

这样备份完成后,在另一台电脑上,只需git clone一下即可。

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

以上所转载内容均来自于网络,不为其真实性负责,只为传播网络信息为目的,非商业用途,如有异议请及时联系btr2020@163.com,本人将予以删除。
THE END
分享
二维码
< <上一篇
下一篇>>