这个博客是怎么搭起来的

这个博客是怎么搭起来的

简介

说起来不是很麻烦,大概是这么几个部分:GItHub个人页面, Hexo博客系统, Next主题,以及Valine评论系统。

GitHub的页面相当于给了你服务器,免费、跟GitHub项目一个管理流程还不被墙,美滋滋

hexo博客系统是台湾一小哥嫌弃GitHub推荐的Jelly博客系统,于是乎自己徒手撸了一个来造福万千码农。这个系统的作用就是把一些写好了的配置文件编译成静态网页文件,然后你就能把静态网页文件传到GitHub上装逼啦~

再然后,Next主题,就是hexo系统里一个用的人很多很多的主题,很好看(看看我的就知道有多好看了)。

最后,Valine评论系统,采用这个是有原因的,说说都试过哪些省的你们再试了:

  • disqus,注册不了
  • 多说,自己服务器停运
  • 畅言,要网站备案什么什么号
  • Gitment、作者自己证书过期还一堆bug。。。

最后找到的Valine,唯一一个评论者(不是作者)不需要注册任何东西就能评论的系统,可能就是因为什么都不用注册,这个才这么好装233333

GitHub Pages

GitHub个人页面配置,分这么几步:

  1. 搞个GitHub的号
  2. 在你的号上新建一个reporsitory,起名为你的username.github.io,这样GitHub就知道你这个项目是个人博客项目,然后就会用项目内容建一个跟项目名一样的网站
  3. 把这个项目clone到本地,平时在本地改改,改完git add commit push三连完事(hexo也有自带的部署功能,不会这三连也没事),(还有就是clone的时候记得clone ssh的链接,这样本地如果配过ssh公私钥对的话以后就很方便。我玩的时候https的链接clone下来每次更新都要输用户名密码很烦),(至于怎么配公私钥,移步git ssh 密钥配置

HEXO 博客系统

再次感谢台湾小哥的贡献。。

想装这个系统,你得先有node.js。你问我什么是node.js?移步知乎 啥是node.js。我个人的一点理解是,一个javascript的运行和管理系统,优化服务器端的访问响应。。。很底层的一个东西,有点平台的感觉。

安装node.js:

mac/win: 去nodejs.org,有长期支持的安装包,打包好的,一路next下去就完事。

linux: 一样去nodejs.org,只不过下好的是个压缩包,里面是编译好的二进制文件,把这些文件该拷哪拷哪去。喜欢折腾的,可以下源码自己编译,教程一大堆。

Node.js 搞定了,接下来就是hexo安装配置了。hexo是基于node.js的系统,node.js安装好之后会有叫npm的包管理器,跟apt、brew之类给人的感觉很像。

安装的时候不要给npm sudo权限,毕竟不知道他会搞什么幺蛾子,改个共享lib的权限给当前用户就够了:sudo chown -R `whoami` /usr/local/lib/node_modules。然后 npm install hexo-cli -g,完事。

装好之后,cd到你clone到本地的博客文件夹,hexo init 初始化就完成啦。

Next主题

这个主题科技感还是很浓的,安装很容易,直接找它的GitHub源码下载解压到该解压的地方就完事。唯一一个坑就是,作者旧版本和新版本开了两个repo去存,不知情的一不小心就下了旧版回来折腾出一堆幺蛾子(没错就是在下),在这指明:

新版: https://github.com/theme-next/hexo-theme-next

旧版: https://github.com/iissnan/hexo-theme-next

进去之后至于clone最新的还是在release里找稳定的就看个人喜好了。。。我搞的最新的

解压路径应该是 博客路径/themes/next

没有博客路径/themes的折回上一步,应该是hexo没有在这个文件夹里init。

搞好之后,hexo生成静态网页hexo g,然后再hexo s就能在本地跑server看效果了,在浏览器输localhost:4000就能看。

传到服务器之前配下博客目录下_config.yml(不是next主题下的 _config.yml)

然后hexo d,你的博客就上到GitHub的服务器啦。

Valine 评论系统

装这个讲真不麻烦,麻烦的是找到这个系统,底下评论区玩玩就知道多好用了。

过程:

  1. 搞定Valine背后的LeanCloud,LeanCloud官网上注册个用户,新建个应用,名字随便填,建好之后在这里找需要的id和key:

  2. 把app ID,app key之类的填到next主题目录下的_config.yml文件

    主要就是改这两个,当然还有其他的小设置,比如回复之前看到回复框里的文字,就可以像我一样小皮一下。。。

  3. 修改完保存之后,老一套先hexo g,想本地看效果就hexo s看看,没啥毛病hexo d上传服务器,不想本地看直接上传也没毛病。

再扯两句

搞这个纯粹是心血来潮,挺好玩的,建议用linux或者mac搞吧,windows我好久没摸了,不知道搞这个麻烦不。。。

不说了看看服务器上的程序跑的咋样了