最初的悸动

每个学计算机的都应该萌生过搭建个人网站或写博客的想法吧。其一当然是觉得建站很牛逼，写博客的都是大佬；其二这个过程对自己也是很不错的锻炼和成长。

这里插一个小故事，再次感慨一下程序员之间的鄙视链，后端鄙视前端，开发鄙视运维（此处略去几万字）。大一上学期，一次上课某老师对我们说，前端就是做做网站，没什么技术含量的啊，反正那老师对前端很是鄙视的样子。。

大一下学期接触了一些网络编程，恰逢阿里有活动，十几块钱送1核2G的服务器ecs实例一个+对象存储+各种数据库+负载均衡全家桶六个月+VIP版云解析一年和一个价值不错的万网域名代金券，于是我就拥有了一个ubuntu服务器和一个域名。C++课设写的网络双人对战版中国象棋v1.0就是用服务器做媒介(仅仅用来获取一方IP交给另一方然后双方建立socket连接，还是很渣的)来完成的。做完之后自信心很膨胀啊就想搭建个人网站了无非就是写一些html放在服务器上让其他人去访问嘛，管他搭建好之后做什么，先搭建起来玩玩。然后看了一些html教程，内容不难，但自己写就是不会…看网上什么五分钟急速建站教程，用wordpress搭建网站，弄完hello页面就没碰过了。

然后是学python，在codewars(一个刷题网站)把py级别刷到2kyu，听说可以用python实现个人网站，前端页面后端数据库手动一行一行写，听的是热血沸腾…于是本辣鸡的大一就这么过去了。

大二知识面广了一些后会经常搜索一些东西，会搜到一些写的很不错的博客，一开始是CSDN博客，后来是博客园，然后是简书，然后就是各种炫酷的个人博客了。然后是现在的CTF小队他们都有自己的博客@Primykq链接和@a-Lie-Z链接，主要是看了曾老师的超级炫酷的博客链接就又想搭一个了，这次就一次性搭建好了。

搭建开始

我的个人博客使用的是hexo+github pages搭建，这个只需要按着教程一步一步走就好了，参考链接。手上正巧还有一个(还有几个月过期)的域名，顺手在域名服务商做了CNAME解析到自己的github pages

美化

网上有一些hexo美化的教程，但做出来的效果不太满意，有些高难度的操作起来又总是出错，干脆自己折腾吧。

选用了next主题，折腾了两天还是有点效果的。

基础的一些配置在hexo根目录下的_config.yml文件中，主题配置在themes/next/_config.yml中，一些个性化配置则需要修改主题目录下的source目录。

source目录下有css, fonts, images, js, lib五个文件夹，修改颜色背景标题栏大小挂件之类的样式需要去修改css，其他四个文件夹存储渲染页面需要用到的字体，图片，js特效和依赖文件。

我做的修改如下(均在css文件夹中)：

在_custom/custom.styl添加

// Custom styles.
body {
    background: url(/images/GOQS6G4LH2Z1_1000x500.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}

这样就有了背景图。但是next的Pisces不支持文本半透明，导致图片大部分被遮住了，于是继续修改_schemes/Pisces文件夹。我基本是看到什么改什么，打开hexo s –debug本地调试，一点一点的改，里面碰到一些变量我找了好久找不到它在哪里，比如这样的。

.content-wrap {
  float: right;
  box-sizing: border-box;
  padding: $content-desktop-padding;
  width: $content-desktop;
  min-height: 700px;

于是，，碰到这种变量不知道是什么值我又特别想改，，就直接改了，终于在我的不懈努力下改完了！

但是！！！最终在我打开variables文件夹后心态崩溃了，里面base.styl(基本样式)和Pisces.styl(Pisces特有的样式)存储了所有这些变量还附带了说明，我如同一个白痴晕晕乎乎瞎改了一遍，在那么一瞬间都想重装next了，想想毕竟是自己的成果，还是就这样吧，何必自己为难自己…

结语

本来想写成一篇技术博客的，不知不觉就成了流水账，一是菜二是懒，唉，就当成随笔吧。