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

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

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

官网 : https://hexoio/zh-cn/

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

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

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

mac用户推荐使用 Homebrew

笔者安装的版本为v1260

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

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

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

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

4 检验SSH Key

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

5 设置用户信息

6 本地博客部署至Github

终端 myblog 目录下,使用 vim 打开 _configyml ,

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

type: git

repo: git@githubcom:codehory/codehorygithubiogit

branch: master

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

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

7 安装部署插件

在 myblog 目录下,

8 Deploy to Github

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

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

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

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

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

本文例程使用的是: https://githubcom/litten/hexo-theme-yilia

在 myblog 目录下,用 vim 打开 _configyml ,

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

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

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

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

用github当图床

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

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

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

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

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

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

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

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

服务器搭建方法如下:

电脑:MacBook

系统:OSX109

软件:百度浏览器857

打开浏览器搜索关键词hfshttp,搜索第一个页面,第一个网站就是目标网站。点击Download,下载hfshttp服务器假设软件。下载好了软件以后,我们解压出来,双击hfs应用程序,打开hfs软件。

打开hfs软件以后,端口不要设置80端口,点击已复制到剪贴板,这个地址可以发送给他人,这个地址就等于你的域名。在左侧栏目可以载入空白目录,服务器主机可以把你想要展现文件放入里面。最后把你复制主机地址,发送给他人,对方通过浏览器直接打开以后,就可以下载资源了,这就是临时搭建服务器最简单方法。

服务器的重要意义:

服务器的稳定:相信每个站长都知道选择一款高质量的服务器或者空间的重要性,但是服务器的选择并不是那么简单的。一般来说国内的服务器都是以稳定和速度快著称,国内的服务器是需要备案的,然而备案却异常困难,而且即使备案成功,但在管理方面也是非常严格。

大多数的站长对于内容文档的理解为持续有规律的更新原创文章,持续的外链建设,这当然是内容稳定的一个方面。但是比起这个,网站结构和整体内容的稳定也是非常重要的,现在很多站长都知道,在网站的改版过程中尽量保持原先的网络结构。

icloud并不能直接作为远程git仓库使用,因为icloud上的文件并不可以直接访问,但可以作为本地git仓库使用。

大致思路是这样:

本地目录 《- git -》 本地git仓库(icloud目录) 《- icloud -》 icloud备份服务器

创建icloud目录本地的快捷访问路径(软链接)

在icloud中创建一个共享的git仓库(--bare相当于svn中的远程仓库概念)

以上,访问 ~/icloud/repos/demogit 就相当于访问了远程git仓库。

在任意目录下,初始化本地的git项目,配置远程git仓库,然后把本地的所有分支push到远程仓库。

从远程仓库中拉取项目。

类似本地svn仓库服务器一样,其实是搭建了本地的git仓库服务器。

由于是本地访问,所以通过 本地路径/projectgit 来访问。

因为本地仓库是建立在icloud自动备份的目录下,所以icloud会自动备份这个git仓库服务器。

如果本地机器有对外的IP,那么这个过程相当于建立了远程的git服务器,并对服务器上的git仓库进行了icloud的备份。

个人理解:

--bare就是建立一个git仓库服务器。既然是git仓库服务器,就没必要存储实际的workspace,只需要存储能生成workspace的文件即可。而对于git而言, git 目录才是仓库的核心。所以,--bare相当于只存储 git 目录。

查看服务器中的 XXXXgit 目录和本地的 git 目录,就能发现两者结构几乎一致。(正规的说法并不是这样)

http://winterbecom/posts/2014/11/27/setup-icloud-git-repository/

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » hexo+github博客搭建与备份教程(详细篇)

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情