【工具】用hexo搭建博客

前言

趁着十一放假有大量的自由时间,百度了一下如何用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 中):

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

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

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

Hexo博客写作

怎样显示摘要?

用markdown语句 <!—more–> 进行截断,官方推荐。

参考:如何设置「阅读全文」?

多个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博客进阶-相册和独立域名

问:用七牛云的镜像能提升访问速度?

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

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

img

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

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

更新博客

1
2
3
4
5
6
7
# 新文章
hexo new "文章题目"
# 更新
git add . # 添加搜索
git commit -m"update" # 提交
hexo clean
hexo d -g