【工具】用hexo搭建博客

2016-10-05

前言

趁着十一放假有大量的自由时间，百度了一下如何用hexo搭建博客，这里记录一下过程，顺便测试一下七牛云存储。

技术变化太快，整个搭建过程不保证永久有效。

搭建博客

操作系统：win10

Node: v6.2.0 x64

Git: 2.10.1 x64

Hexo的参考文档：极客学院翻译的Hexo 中文文档

这篇文章：使用hexo搭建github.io博客(一)基本把整个流程都说清楚了，我也是按照这篇文章的思路来的，所以这里不重复写，只写一些碰到的问题。

• Node.js和Git从官网下载的速度非常慢。

可以不从官网下载而下载别人下载后上传的，但是有的途径下载下来的文件是有问题的，会导致安装失败，需注意。

• 安装node.js,时遇到error 2503和2502。

此问题是由于windows的权限问题所导致的，要以管理员身份进行安装。

参考自：win8下安装nodejs出现error 2503和2502的解决

• 用localhost:4000进行网页预览时失败。

不一定是自己的配置有问题，执行hexo server时，默认端口是4000，但是win10好像占用了这个端口，换成其他的端口，或许就可以在本地运行，如 hexo server -p 3600，访问时使用localhost: 3600。

参考自知乎：Win10用npm安装hexo遇到问题

NexT主题使用

Hexo的主题有很多，我选了一个比较热门的主题：NexT。

主题的使用请参考：NexT使用文档，此为官方文档，里面的内容基本上能回答我的所有疑问。以下是使用中的一些问题：

标签云”Matlab” “pdf” 会失败

把“pdf”换为“pdff”就可以，这是为什么？把“Matlab”换成“Matlabb”就可以，为何？

应该不是我的问题。

分享

用多说分享链接并不是指向博客网址，后来用了JiaThis。

更改文章宽度

对于 Pisces Scheme，需要同时修改 header 的宽度、.main-inner 的宽度以及 .content-wrap 的宽度。例如，使用百分比（Pisces 的布局定义在 source/css/_schemes/Picses/_layout.styl 中）：

header{  80%; } /* 80% */
.container .main-inner {  80%; } /* 80% */
.content-wrap {  calc(100% - 260px); }

以上3行code在“themes extsourcecss_schemesPisces_layout.styl”文件中的3个位置，搜索即可得到。我没有将原来的code删除，而是用了“//”注释了，以免哪天想改回去。

参考：感觉浏览器留白太多，代码块看起来比较麻烦 #759

Hexo博客写作

怎样显示摘要？

用markdown语句

多个tags

用法：tags: [标签1,标签2,标签3] （英文逗号）

参考：hexo怎么设置多标签啊？？

markdown符号转义

如果我想乘号，直接写会与markdown的语法冲突，*是markdown的斜体。用 转义即可。

参考：用Markdown写Hexo博客时如何转义竖杠 | ？

公式

考虑使用LaTex公式。

图片的使用

用七牛云存图片，在md文件中调用外链。

我使用的图片量不是很大，直接用七牛云的网页上传功能。七牛云没有目录的概念，所以要靠前缀来分类。不然文件多了很难管理。

域名

选择了阿里云的万网。

做法：

1. 直接去万网购买域名，我买的是shanchuantian.com （首年55RMB，续费目前是60RMB/年）

2. 解析域名，对shanchuantian.com进行解析，添加2个解析：192.30.252.153 和 192.30.252.154（GitHub的服务器？）。

3. 添加CNAME，回到博客项目根目录，在source/下新建一个名为CNAME的文件，里面的内容写入shanchuantian.com即可，重新部署blog。

参考：hexo博客进阶－相册和独立域名

问：用七牛云的镜像能提升访问速度？

如果换电脑了，哪些文件是需要转移的

黑色是文件夹，绿色是文件。

如何两台电脑对同一个博客进行更新

目前想法：由于是在笔记本上搭建hexo的，写一篇文章只需要在_post里面添加一个md文件即可，故用坚果云将_post文件夹进行同步，即可在台式机和笔记本上写博客，发布还是要用笔记本。没有将两台电脑都配置，因为要修改配置的时候两边都要改，用坚果云可以解决这个问题，但是感觉没有必要同步这么多文件。