开发者社区> lyrichu> 正文

github+hexo搭建博客

简介: 引言     之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题: 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这样的问题,所以应该不是wordpress的锅,而是阿里云弹性web托管的问题,毕竟我买的时候一年只要几百块,而且还是最便宜的经济版(内存128M+2G网页空间+4G流量+1G数据库)。
+关注继续查看

引言

    之前用阿里云弹性web托管采用wordpress搭建的个人博客,经过我使用一段时间之后发现存在很多问题:

  • 网站的响应速度非常慢,估计打开主页需要3-4s的时间,我经过搜索发现很多人都有这样的问题,所以应该不是wordpress的锅,而是阿里云弹性web托管的问题,毕竟我买的时候一年只要几百块,而且还是最便宜的经济版(内存128M+2G网页空间+4G流量+1G数据库)。其实我后来才知道弹性web托管是一个啥玩意
    ,和虚拟机差不多,性能非常有限。可惜我当时不知道啊,否则应该买云虚拟主机独享版的,虽然贵一点,但是应该会流畅很多。
  • 我最开始买的是经济版,因为访问速度慢的原因,我昨天打算把它升级成高级版(256M内存+4G网页空间+2G数据库)。我花了不到20块钱买了试用升级两个月。但是最坑爹的事情发生了,我在升级了之后,原来
    的网站打开速度并没有提升多少(至少我没感觉到),而且出现了一系列的问题,最后我连后台都进不去了,
    一直提示我500内部错误。我搜索了半天也没找到解决办法。而且我用filezilla也一直连不上ftp(我确认账号和密码都是对的,升级之前一直可以登录),这样我根本没法检查wordpress到底哪里出现问题
    了。于是我陷入了只能浏览我的博客,但是却无法登录后台的尴尬境地。
  • 尝试了半天我也没有解决这个问题。最后想了一下,反正我的web弹性托管再过一个多月也就到期了,算
    了,干脆不续费了。重新找个其他的办法搭博客吧。这里额外说一句,之前一直是在博客园写博客的,其实
    还是很不错的,我一直是用的markdown写的,感觉博客园的markdown解析速度挺快,而且网页打开也很快。虽然如此,但是我还是想搭一个自己的博客(毕竟可以自己的地盘自己做主嘛)。想到了之前好像看过
    可以用github免费搭建静态网页的博客。于是我就查资料开工了。事实证明,用github搭建博客稍微有点麻烦,但是对于一般的程序员应该花几个小时就搞好了,我自己大概花了不到三个小时吧。

1. 搭建过程

    因为网上已经有很多介绍怎么用github搭建博客的教程了,其中不乏一些非常详细优秀的教程,所以这里我就不从头详细描述一遍了。只是简单走下流程,贴一些有用的资料和遇到的坑。(注:我的本机系统是Ubuntu 16.04,好像windows系统搭建过程略有差别,如果你是windows系统,请搜索其他安装教程)。

    1.1 我参考的资料。

  • 在github上搭建hexo个人博客(Linux-Ubuntu)
  • 我是如何利用Github Pages搭建起我的博客,细数一路的坑
  • hexo推荐主题yilia

        推荐按照我是如何利用Github Pages搭建起我的博客,细数一路的坑这篇教程进行安装,因为作者写的比较详细,如果遇到一些问题,可以自行搜索解决或者参考其他教程。

        1.2 我遇到的一些坑。

  • 前面安装nvm,node.js应该没有太多的问题。我遇到的主要问题集中在将本地的hexo产生的文件同步到github以及后面hexo yilia主题配置的问题。hexo主要有hexo init,hexo g,hexo s,hexo d,hexo clean,hexo new等命令,分别表示初始化,生成静态文件,开启本地服务器,在浏览器预览,将本地文件同步到关联的github repo,清空缓存,产生新文章。注意在配置好hexo以及关联好github repo之后,最好每次执行hexo g,hexo d之前先执行一下hexo clean清空一下缓存,否则可能你输入博客的网址无法查看到你修改之后的页面。比如我当时弄了半天都没法正常查看我的博客主页,一直提示404,找不到github pages。不过我后来关闭了一下浏览器,执行了一下hexo clean就可以正常查看了。所以你如果遇到问题,不妨关闭浏览器重新打开,或者多刷新几次,说不定就好了。
  • yilia的配置。这个其实可以查看yilia的官方github,讲的比较详细。其实最主要就是装好了yilia之后,修改hexo的全局_config.yml配置文件以及themes/yilia/_config.yml文件。至于配置参数怎么写,yilia的官方配置文件都给你写好了,照葫芦画瓢改成你自己的就可以了。但是特别需要注意的是!!!:这里有两个_config.yml文件,一个是hexo全局的,还有一个是yilia的,一定要区分清楚!在全局配置文件里,你只需要加上下面的配置条件:
jsonContent:
  meta: false 
  pages: false 
  posts:
    title: true 
    date: true
    path: true 
    text: false 
    raw: false 
    content: false 
    slug: false 
    updated: false 
    comments: false 
    link: false 
    permalink: false 
    excerpt: false 
    categories: false 
    tags: true 
  • 而在yilia的配置文件里,你才需要按照yilia官方文档那样修改yilia主题的配置参数。想我当时就是不小心把yilia的配置命令写到全局_config.yml文件里了,搞了半天主题一直都不变,最后才发现写错文件了,真的是。。。。另外还有一个问题是如果你使用hexo s在本地浏览器预览,可能会发现图像url没法正常解析(图像无法显示)以及图标中文乱码的情况(我自己碰到了),所以如果你也碰到了一样的问题,直接去打开你的博客主页浏览应该就好了。(原因不详)
  • 最后知乎上还有一篇文章手把手教你建github技术博客by hexo写的还是不错的,有些详细的yilia配置细节可以参考下,比如yilia博文添加多个tags是[tag1,tag2]这样的形式而不是tag1,tag2等等。

    2. 成果展示


        我的github博客主页是Lyrichu's Blog,原来的wordpress搭建的博客后面估计不会维护了。以后主要在博客园和github博客写文章了。
热爱编程,热爱机器学习! github:http://www.github.com/Lyrichu github blog:http://Lyrichu.github.io 个人博客站点:http://www.movieb2b.com(不再维护)

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
快速使用HEXO搭建个人博客 韩俊强的博客
  经过各种找资料,踩过各种坑,终于使用 hexo 搭建个人博客初步完成了,域名目前用得时 github 的,我的 hexo 是 3.1.1 版本,hexo 不同的版本,很多配置都不一样。
1326 0
hexo博客搭建
关于hexo类型博客的搭建流程
182 0
直播平台搭建中流媒体和CDN要做哪些工作
流媒体服务器的性能好坏以及稳定性决定了终端播放器端的用户体验效果。
1523 0
阿里云服务器如何搭建Hexo个人博客?
阿里云服务器如何搭建Hexo个人博客?
1920 0
怎么搭建Hexo博客?
相信大部分人使用Hexo搭建个人博客都会部署到一些免费的代码托管平台上,但这些免费的平台总是差强人意,比如国外的GitHub平台虽然完全免费,但在国内访问加载速度非常慢,又或者是国内的码云平台免费版有许多功能被阉割掉了,比如不能自定义域名,不能每次自动刷新提交的代码,需要到码云平台上手动刷新,如此一来非常繁琐。   为了有效解决上诉的一些问题,有条件的话,不妨在自己的云服务器上搭建Hexo博客。
752 0
用GitHub和Hexo搭建个人博客
很久前就想利用GitHub来搭建一个个人博客了,今天就琢磨了一下搭建方法,在这里写出来以供他人参考~ 一、简介 Hexo: Hexo 是一款基于Node.js、快速、简洁且高效的博客框架,Hexo 使用 Markdown解析文章,在几秒内,即可利用各式主题生成静态网页 NodeJs Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境,Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。
1062 0
【体验有礼】Serverless 极速搭建 Hexo 博客
云起实验室 X Serverless 函数计算邀你极速搭建 Hexo 博客!
56 0
Github pages搭建网页
刚刚搭建了一个简单的页面,看看效果。 什么是Github page  ?       https://pages.github.com/ GitHub 是一个共享虚拟主机服务,用于存放使用Git版本控制的软件代码和内容项目。 Github pages 是Github 提供给用户搭建个人博客或静态网页的平台 。 1、注册帐号 2、在代码仓库里建一个以用户名开头+githu
1134 0
+关注
lyrichu
华科小硕一枚,机器学习萌新,努力学习coding中,努力做一个有意思的人。
34
文章
1
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载