首页手记从 Wordpress 到 Hexo

从 Wordpress 到 Hexo

标签：

Html/CSS Html5 JavaScript

WordPress

1、域名与服务器购买

2014年12月，在万网上购买了ursb.me这个非常魔性的域名。之后在淘宝买了个虚拟空间，将DNS解析到这个虚拟空间的IP地址。

淘宝上购买虚拟空间价格适中，但是质量无法保证，有一次帮舍友挂了学生会的投票网站，然后pv超过了2000，就把我服务器封停了，说我刷流量……

现在的话，推荐使用新浪的SAE，它也内置Wordpress，很方便的一键安装，不过貌似限制了模板和插件的使用。（云豆又涨价了！！）

2、WordPress的安装与配置

百度上下了Wordpress的安装包，按照教程安装，安装很简单，一直点下一步就行了，期间配置的Mysql数据库是虚拟空间附带的。安装好之后，发现Wordpress还是蛮帅的。

至少比QQ空间bigger多了。

3、安装模板

找了个三栏博客模板，装了上。

酷酷的。

4、安装插件

折腾各种插件，什么论坛插件、等级插件、评论插件……硬生生的把个人博客搞得和个人论坛差不多。

5、书写博客

Wordpress的后台还是比较强大的，其中的编辑器还是和word差不多的富文本编辑器。当年技术不到家，写的博客也就是随便写写完完。

一切都弄好了，但，总感觉有些不对劲的地方。

Hexo

1、GitPage

使用GitHub之后，发现了Page服务。我就在想，可不可以将个人博客搬进来呢？果然，百度一下，教程一大堆。这里随便放一个：史上最详细“截图”搭建Hexo博客并部署到Github 百度经验

……

此处省略配置和折腾的步骤。

博客而已，最多有个社交化评论，加上博客，一个数据库也就两个表，个人博客真的有必要用数据库吗？

答案是否定的。博客静态化，评论使用第三方的多说，就可以了。静态的博客更有利于搜索引擎蜘蛛爬取，轻量化的感觉真的很好。

Google一下，很容易搜到我的文章。（百度的蜘蛛不爬Github，如果要百度索引到，建议使用Coding的page服务，但是被百度索引到其实不是什么好事，访客质量会低很多）

2、Markdown

Markdown 真的是专门针对程序员开发的语言啊，现在感觉没有 Markdown 什么都不想写。什么富文本编辑器，什么word，太麻烦了！而且样式都好丑！效率太低！

现在写作业还是写毕业论文，统统用 Markdown 写，之后导出PDF交上去。（如果要求Word，再复制黏贴改下格式）

至于Markdown的编辑器，我用过免费的 Mou，MacDown，GitBook Editor，还有收费的Ulysses，Quiver，马克飞象。这几款我基本都在用，简单说说它们的优缺点吧。

Mou：用的最少，优点是免费、简洁，缺点是没法解析编程语言。
MacDown：我用来敲Hexo的博客，没有优点，没有缺点，很平淡很普通，所以喜欢。（上次敲了1500行代码，就卡死了，所以估计不能敲太长的文章）
GitBook Editor：关联GitBook，写书的时候用，点击同步之后自动执行Git操作，非常方便。
Ulysses：逼格最高的一款，真正的跨设备云同步，有iOS版，可以手机敲完电脑继续敲。但是编程语言解析有点小问题（风格和其他几款不一样，所以不习惯），没有预览功能（这是次要的）。
Quiver：程序员书写神器，除了支持Markdown，还支持Code以及富文本编辑器，强大的笔记本管理机制，堪比单机版的印象笔记。给它82分，剩下18分拆成3个6送给它。写作业、写草稿、写论文，全部用它。
马克飞象：印象笔记最大的诟病是不支持Markdown，所以第三方就开发了这个马克飞象，按年收费的。相当于印象笔记的Markdown编辑器，写东西立刻同步到印象笔记。因为我的印象笔记基本被我用来当收藏夹了，很少在里面放原创的东西，所以用这款编辑器的机会也比较少。

3、图床

Markdown要显示图片的话，只能使用外链的形式了。

理由：国内的，免费的（每个月送的额度很多）。额，只有去年9月份超额了1角钱，因为那段时间在写书，浏览量比较大……

4、Hexo主题

我用的是yilia主题，之前也用过大名鼎鼎的Next。但是还是对分栏的主题情有独钟。

yilia提倡的是简洁（虽然比不上Next简洁），但是有些细节还是不满意。之后发现了yelee，这个是yilia的改版，很华丽，我就参照yelee自己修改了一下yilia。

5、修复相册

yilia主题的相册功能使用的是instagram的API，很可惜，天朝的墙太厚了，instagram注册还必须要海外的手机，不然短信都收不到。所以这个解决方案行不通。

不过，yilia主题为我们提供相册的样式还是挺不错的，只要解决了图片的来源就可以实现相册功能了。

6、美化多说

参考这篇文章：多说样式折腾记录 — 添加 UA 浏览器标识、旋转头像等 MOxFIVE的博客

7、修改logo，添加捐助页面，添加版权信息

略。反正也没人捐。反正也没人转。

8、站点pv统计

使用不蒜子。

两行代码，搞定计数。

<script async class="lazyload" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAANSURBVBhXYzh8+PB/AAffA0nNPuCLAAAAAElFTkSuQmCC" data-original="//dn-lbstatics.qbox.me/busuanzi/2.3/busuanzi.pure.mini.js"></script>
<span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>