1. 首先接触的是Jekyll,初次接触感觉颜值爆表,下载主题关闭主题使用主题一气呵成,就这样建成了第一个博客,使用Github托管。
  2. 后来,发现博强大佬的Next主题很好看鸭,So,直接搜索Next,竟然是Hexo,这货不是原来的那个。啊,算了,再看看,现在想果然真香。断断续续了解一下前端知识,修改点代码,能DIY一下就万幸了,目前还没有自己的某些想法。
  3. 再后来,悠悠哉哉看其他大佬的博客,出现一个Card风格的主题,原来还能这么玩?不行,赶紧试(chao)一(lai)试(wan),Git Pull后,修改,不行,再改,再修,完了,出Bug了,回滚。。。最终,会了点JavaScript,CSS也略微知道了点,HTML更不在话下😕,成果,哈哈!期间(mei)学会一点Sketch和Principle。
  4. 最终的最终,既然有了VPS,前几天1元买的域名,不如在VPS上建个站点,然后一天将Hexo转移到VPS中。以前我已经知道Ghost,所以想既然有了自己的服务器,不如在VPS上搭建Ghost,觉得自带的Casper主题与Matery不相上下,一天内看教程完成部署,成功吃鸡了。
  5. 待续···(逃)

Coding托管-Hexo-Next主题/BitBucket托管-Hexo-Next主题

Github托管-Hexo-Matery主题/Gitlab托管-Hexo-Matery主题

Vultr托管-Ghost-Casper主题

6.Hexo建站步骤

  1. 网络操作,首先在Github等支持Pages功能的代码托管网站申请账号,然后新建一个仓库(Repository)不用我说,你的GithubPages就是博客站点。比如我的https://github.com/xq773939719/xq773939719.github.iohttps://github.com/是前缀,一般大家都一样。xq773939719是用户名,而xq773939719.github.io就是repository名称,这个命名必须是用户名.github.io。仓库建好进入下一步。
  2. 本地操作,如果是macOS的话(windows下大同小异吧..),需要新建Hexo源文件夹,比如我直接放到~目录下,直接执行hexo init hexo,如果hexo还没有安装,可以执行npm install -g hexo-cli,如果npm没有安装,需要安装nodejs环境,官网下载即可。如果顺利会生成~/hexo文件夹,这个文件夹具有hexo所需要的源文件。成功后进入下一步。
  3. 本地操作,写MarkDown博客,首先cd ~/hexo文件夹,如果路径不一样可以自已调整,hexo new "First Blog",这句话是根据模板(模板后面会说一下),建立一个Blog空壳,进入Hexo/source/posts会出现刚刚创建的md文件,这个就是写博客的地方。写点东西测试下,进入下一步。
  4. 本地操作,首先cd ~/hexo文件夹,调用hexo clean && hexo generate && hexo server,意思为:删除原始页面,生成新的静态页面,开启本地服务器。如果没有出现错误或者警告,访问本地IP:端口4000会出现初试的页面。此时Hexo本地博客建立完成。
  5. 本地操作,本地博客建立是为了调试,当需要发布时,才使用到pages功能。首先cd ~/hexo文件夹,npm install hexo-deployer-git —save,意思是depoly功能上传到Github仓库,然后npm install涉及的git的操作需要自己查一下资料。Hexo文件有一个设置文件_config.yml,同时在Hexo/themes/xxx/_config.yml也有一个,这俩不要混淆,区别自行体会。在_config.yml的depoly字段中设置你的仓库地址。

deploy:
type: git
repo:
github: git@github.com:xq773939719/xq773939719.github.io.git,master

6.本地操作,使用hexo clean && hexo g && hexo d,hexo d是上传到仓库,最终如果可以访问仓库名称的网址说明搭建成功,完结撒花。

7.Ghost建站步骤

  1. 难得一批,写不来写不来。(逃)
  2. 哎呀,真香。Docker安装Ghost特别方便。
  3. Typecho就比较麻烦,用到宝塔面板部署的服务器。