初次使用 hexo 搭建博客过程以及碰到的坑

首先搭建博客

搭建时候肯定是搜别人是怎么搭建的啦~ 但是本好像有个不知道是好是坏的习惯, 要参考几个博主的搭建… 这个会不会有点浪费时间, 其实我一直想是看一篇了先去跟着做了再出问题再看其他的, 不知道这算不算一种强迫症诶….

好了, 开始, 我是先参照这个博主的过程做的, 里面还提到了官方教程, 这个之前我也看了, 但是我感觉看别人做的发教程的话, 也许能绕过一些坑.

之间碰到的坑

弄着弄着, 到 SSHKey 的时候, 因为之前记得在 Github 上 Add 过一次, 就没弄, 后来发现不行, 之前弄的好像是单独在一个文件夹里设定的邮箱, 和全局的 git 不同导致的在其他地方用不了? 反正我是重新弄了一个 key 传上去, 才 OK. (有时候打开 Setting 那地方会死活进不去, 过一会就好了, 我觉得是我的网络的原因吧:()

  • .
  • .
  • .
  • .

完整的步奏汇总在: 这几天对搭建这个 hexo 博客汇总一下帖子

好的, 到这里还没有什么大问题, 接着, 要-装逼啦-装 hexo 啦~~~
诶? 怎么卡在什么 sill 那个地方不动了…. 看网速, 0~1k… ㄟ( ▔, ▔ )ㄏ
只好设置全局代理看看…. 不过貌似听说终端走不了 ss 代理? 反正每切一次都能跳一下, 实在跳不动了, 我只能 ctrl + C 断掉再来了…
注意: 断掉再重新安装的话会利用之前下载的那些缓存, 而不是从头下载
可还是慢的不行啊…
于是乎, 我又找找有没有人这么慢的, 就找到了这个博主, 他是 Windows 系统, 不过也差不多啦, 里面说的在 coding 上也部署上去我准备也想试试. 里面说到了用国内淘宝的镜像来下载, 我这里的结果是_ ERROR xxxxxxxxx 啥的, 不记得了, 好像意思是少了什么?? 看来是走不通
然后, 又找到了这个博主, 对了, 是它提到了官方安装, 第一个那个没提到, 提到的是 Next 主题的官方安装, 这里用的是

1
$ npm install hexo --no-optional

好像有好点吧, 但是还是有点慢, 就扔着不管了…反正就那么以上步奏折腾折腾, 断了重新, 再断再重新, 终于弄好了(◎_◎;)

嗯, 接下来再继续按第一个博主的弄, hexo init, npm install…
慢着…怎么 init 又好久…
这里在自己的文件夹里 hexo init 的时候, 如果你要中断的话一定要清空文件夹里的东西或者删了文件夹重新建吧
因为这里中断的话, 再执行 hexo 命令它就不认了, 说这个文件夹没有班底 hexo, 大概是你断掉了以后 hexo 的管理和这个文件夹断了吧??

这样又反复弄了几次, 诶…终于好了…
npm install 也 OK ~~<(▰˘◡˘▰)>

后面的就一路过去没问题了~

安装主题 Next

对, 这个很简单, 按照 Next 作者的弄就 OK 了, 就是从 github 上下载 repo 比较久, 耐心点
里面的很多配置都有提到. 顺便说下, 博客底部就可以看哪些博客是用什么主题, 我这里是用 pisces scheme, 诶? 双鱼?~

之后就 OK 啦~ 没什么大问题了, 要是洞 CSS 的话还能在其他的配置文件那里自己设定样式, 像我就想让背景换暗色系…(话说作者这个说法在一年前都说了到现在都没弄啊啊啊…)

然后又一遍 goo, 恩, 可以, 有人做过的, 自己搜下 ‘hexo next 改背景’ 找找就有了,
我搜到的一些:

在 NexT 主题的 github 的 issues 里,我找到了如何自定义一些页面样式的方法,作者 IISSNan 很贴心的在主题的 “\source\css_custom\” 文件夹下放了一个 custom.styl 文件,可以让用户自己在里面写 CSS 代码以个性化自己的博客。
于是我找到这个文件,并找到一张去年在三亚拍的大海照片用作背景,开始编写代码了!
首先我尝试输入了如下的 CSS 代码,主要是来测试一下这个 custom.styl 是否真的有效:
background-image:url(/images/background.jpg);
background-repeat: no-repeat;
background-attachment:fixed;
background-position:50% 50%;

还有一个项目 issue 里提到的

@ethan-funny 可以,在 source/css/_variables/base.styl 中:
// Background color for
$body-bg-color = white

不过我试过吧这个 white 换成其他的没有用, 不知道落了哪一步, 成功的人能提点下我吗?(/。\)

文章剧终…

嗯, 顺便这是我第一篇发上去的博文, 看看效果~
哦~ 想在主页文章列表显示一部分, 其他的要点击’阅读更多’来获取的话, 在显示和隐藏之间加上

热评文章