资讯专栏INFORMATION COLUMN

用hexo搭建了我的线上博客

clasnake / 301人阅读

摘要:前言看见好多人的博客下面都有的标志,所以我就想他们是怎么有这么样的一个又精美,又简单的线上博客呢抱着这样的心理,就去了发现了是有一个的基于的开发部件。如果你也想搭建这么一个博客我们也可以聊聊吹吹牛逼

前言

看见好多人的博客下面都有hexo的标志,所以我就想他们是怎么有这么样的一个又精美,又简单的线上博客呢?

抱着这样的心理,就去Google了发现了是有一个hexo的基于node.js的开发部件。然后就照着官方文档去学习了一下。

记录下开发流程

首先你必须要先安装一个hexo-cli的命令行工具

npm install hexo-cli -g

采用官方给的资料

$ hexo init blog
$ cd blog
$ npm install 
$ hexo s

按照提示打开https://127.0.0.1:4000就能显示一个原始的blog页面。这个页面只有home页和archives页面但是这种风格也是挺喜欢的。

选择主题https://hexo.io/themes/
官方文档提供了很多的主题我们可以用git添加到我们的项目里边。

我这里选择了minos主题,这个主题主要吸引我的是页面。看着挺清爽的,但是有些人可能会不喜欢,第一色泽比较单一,主色调为黑色。

下载到自己项目的主题文件夹下

$ git clone https://github.com/ppoffice/hexo-theme-minos.git themes/minos 
$ cd themes/minos
$ git pull

修改_config.yml

将这个文件下的theme的主题改成theme: minos

将minos主题下的_source里边的全部复制到source文件夹下

主目录下运行hexo s

搭载到github.io上去

先创建一个[yourgithubname].github.io

将blog里边的public目录下的文件全部拷到这个项目仓库里

访问[yourgithubname].github.io

大功告成,你的hexo博客搭建好了

项目实现后的截图

home页

archives页

categories页

tags页

后记

我在about里边插入了我的简历,有要招兵买马的可以给个面试的机会,如果对着个感兴趣也可以给我个star。如果你也想搭建这么一个博客我们也可以聊聊~吹吹牛逼~

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/50711.html

相关文章

  • hexo搭建了我线上博客

    摘要:前言看见好多人的博客下面都有的标志,所以我就想他们是怎么有这么样的一个又精美,又简单的线上博客呢抱着这样的心理,就去了发现了是有一个的基于的开发部件。如果你也想搭建这么一个博客我们也可以聊聊吹吹牛逼 前言 看见好多人的博客下面都有hexo的标志,所以我就想他们是怎么有这么样的一个又精美,又简单的线上博客呢? 抱着这样的心理,就去Google了发现了是有一个hexo的基于node.js...

    dinfer 评论0 收藏0
  • 如何在服务器上搭建hexo博客

    原文链接 随着Vateral主题的开发接近了尾声,在对主题速度优化的时候发现之前用的githubpage问题多多:首先就是因为在国内的原因,访问速度本身就很慢,曾经有次加载一张16kb的图标时间耗费了26s!!?其次,在对资源做CDN托管加速时,域名是需要备案的,显然githubpage也是做不了的;所以果断舍弃了这个把hexo搭建到了我的阿里云服务器上 总体来说还是比把hexo搭建到github...

    MycLambert 评论0 收藏0
  • 关于Hexo6.0搭建个人博客(coding+百度-收录篇)

    摘要:本文原创首发于慕课网欢迎转载注明出处即可本篇博文将继续带大家优化博客站点打造上线站点设置个性域名等阅读本文前建议先行阅读本人另外三篇遍基础博文关于搭建个人博客基础篇关于搭建个人博客主题优化进阶篇关于搭建个人博客主题优化高级篇本篇博文将手 本文原创首发于慕课网,欢迎转载,注明出处即可. 本篇博文将继续带大家优化博客站点,打造上线站点,设置个性域名等 阅读本文前建议先行阅读本人另外三篇遍基...

    _ivan 评论0 收藏0
  • VPS搭建个人Hexo博客

    摘要:原文地址作为一个天天造的人,必然要经常访问谷歌等网站,所以前些日子买了自己搭了梯子。今天就跟大家分享一下,如何使用搭建个人博客。创建用户,建立裸库,配置。 原文地址:https://www.xksblog.top/use-V... 作为一个天天造BUG的人,必然要经常访问谷歌等网站,所以前些日子买了VPS自己搭了梯子。但如果只是用VPS来搭梯子那就太浪费了,所以又折腾了一天,把自己之...

    warmcheng 评论0 收藏0
  • 在个人服务器利hexo搭建博客

    摘要:打开进入后台管理页面最后当然搭建完博客后,你需要按这种方式访问,这种的访问方式当然得优化一下。最后展示下我的成果目前还没备案完成 准备 1、 一台主机 我的是阿里云(CentOS系统)2、 node.js可以参照我这篇文章搭建环境https://segmentfault.com/a/11...3、 git 安装后查看版本正常输出代表安装成功 $ sudo yum install git...

    Bowman_han 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<