博客搬迁,新的开始

写在前面的话

终于还是把博客迁移了,在新浪云搭建的个人博客,用心写了一年多,但是总是觉得不踏实,包括服务,访问速度,收费状况,再加上最近对前端也是十分感冒,索性就把博客搬了出来,折腾了一阵子,可以安安心心的写博客了。

关于写博客

关于写博客,其实刚刚开始写的时候,我也不知道写什么,反正就把自己的总结,或者某个需求是怎么实现的说出来就行了,其实无论写的好坏,只要用心写就可以,如果你不想靠这个出名,搞自媒体,那你的博客就是你的地盘,用心记录自己成长的点滴,帮助和你遇到同样困难的人,或者诉说你自己的一些看法,写给别人,更重要的是写给自己。

之前的博客

我之前的博客地址的 lijianfei.sinaapp.com,是一个搭建在新浪云上基于WordPress的技术博客。由于是新浪云比较早的一批使用者,新浪云刚刚推出的时候,在大学里就注册了,刚刚开始嘛,新浪云也送了特别多的云豆,我记得刚刚开始博客访问量少的时候,我的云豆还可以用70多年,那时就想,这个博客基本不用动了,70多年也差不多了。后来随着访问量的增加,月访问量到了10W多,这云豆基本扛不住了,也就只能用一年多的时间。其实对这个博客感情还蛮深刻的,也对WordPress折腾了一阵子,主题、插件、网站优化,总体来说还是学到了不少。

新的博客

在想把博客搬出来后,我就开始找了一些方案。主要有以下几个方案:

  1. farbox;
  2. githubissues;
  3. hexo+gitpage;

farbox

farbox 确实是一个很省心的博客解决方案。farbox对个人博客是平台级的搭建,让你不必因为建站,优化等问题阻碍个人博客的搭建,它甚至为你提供了更加贴合farbox产品的博客编辑器。而且对于图片较多的博客,也有它自身的解决方案,包括图片的图像自动增强,让图片看起来渲染的更加出色。更多精彩还去各位客官移步farbox的官网查看。

githubissues

githubissues这种方式来写博客,确实很省事儿,而且也自带了回复功能,更重要的是它直接是在你自己的github上,与自己的开源项目在一起,方便代码的开源和分享。如果真的对自己的博客没什么要求,真是就想找个更geek的地方写写自己的文章,那这种方式也可以。像玉伯大牛说的,方便,懒,皮肤功能太多,折腾时间太久,最后就是一篇文章,技术文章,内容,seo什么的,都是表象,内容持久的保存才是王道,n年后回味起那些冲动的岁月,泪湿衣衫,感动常在。

如果想使用国内的多说评论的话,或者想 用一个稍微简单一点的页面来展示githubissues博客,也可以参考这个项目基于 Github issues 的单页面静态博客,很方便的使用gitpage搭建一个简单页面的带有多说评论的博客。

Hexo+gitpage

如果不是为了学习一下前端知识,我就在githubissues上写博客了。但是看过由Hexo 驱动的快速、简洁且高效的博客框架后,还是决定折腾一下,学点新东西。

安装环境及 Hexo

  1. node.js
  2. git

Mac OSX 用户在终端里用npm命令安装 Hexo:

1
npm install -g hexo-cli

若写入权限不够,加sudo

初始化 Hexo

Hexo 安装好后,打开终端,想好 Hexo 的初始化位置,比如:/Users/lijianfei/hexo,执行一下命令行:

1
2
3
hexo init /Users/lijianfei/hexo
cd /Users/lijianfei/hexo
npm install

若写入权限不够,加sudo 。Hexo就初始化完成。

配置 Hexo

初始化完成后,有三个文件是我们以后主要要了解的:

_config.yml

大部分配置都在这个文件中设置,可以使用编辑器打开编辑。其中,Site、theme、deploy是比较重要的属性。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
#Site
title: 李剑飞的技术博客
subtitle: 重要的不是堆砌了多少知识,而是学以致用。
description:
author: 李剑飞的技术博客
language: zh-CN
timezone: Asia/Shanghai
# Extensions
## Plugins: https://hexo.io/plugins/
## Themes: https://hexo.io/themes/
theme: yelee
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repository: git@github.com:lijianfeigeek/lijianfeigeek.github.io.git
branch: master

git中repository 必须是SSH形式的,且建立的repository名字必须是以用户名.github.io这样的格式,默认是master分支。这个是gitpage的搭建要求。

themes

主题文件夹,用来管理博客主题。我用的是MOxFIVE写的yelee主题。

终端 cd 到 Hexo 根目录,即 /Users/lijianfei/hexo,执行

1
git clone https://github.com/MOxFIVE/hexo-theme-yelee.git themes/yelee

Hexo根目录_config.yml中相关的配置改为:

1
theme: yelee

这里的冒号后有一个空格。

频繁切换不同的主题,可能会有一些 Bug,执行

1
hexo clean

清除缓存,再重新生成静态网站就ok了。

public

生成的静态页面会在该文件夹里。

生成静态网站

执行:

1
hexo g // 生成

然后再

1
hexo s // 启动本地服务

就可以在本地http://localhost:4000访问生成的网站了。

Ctrl + C 可以关闭本地服务器。

发布

在本地修改完必要的样式后,就可以将其发布到 Github 上了。根据之前在 _config.yml 中 deploy 部分的设置,就可以执行以下命令行将其发布了:

1
hexo d // 发布

如果不能上传的话,可能是没有安装hexo-deployer-git,在终端里用 npm 安装:

1
npm install hexo-deployer-git --save

访问

访问 用户名.github.io就可以了。

域名

我是在万网上购买的lijianfei.cn这个域名。

gitpage的文件目录下,创建一个CNAME文件,内容是你的域名 比如lijianfei.cn

进入到自己的域名管理下边(我的万网域名账户下)进行域名解析

解析后不是立刻就生效的需要等一段时间。

图床

图床使用的是七牛云,注册后有免费10G的空间和10G下载流量,一般情况下完全够用了。而且还有图片处理,可以加水印等功能,基本满足图片使用的需求。

新的开始

作为博客新的开始,我会坚持写原创博客文章,技术类的自己不仅限于tips级别的文章,跟要往深度挖掘,理解技术的本质原理,再转换为自己的语言输出。还会写一些读书心得和感悟,加强自己的阅读。之所以叫技术博客,还是希望它能记录自己的职业生涯的一些进程吧。加油!

李剑飞 wechat
欢迎订阅我的微信公众号"剑飞说"!
坚持原创技术分享,您的支持将鼓励我继续创作!