自由博客之路

为什么要建立自己的博客

一直以来纠结于在哪里写博客,曾经使用过CSDN、阿里云溪社区等博客空间,都觉得不是非常满意。曾觉得搭建一个Web服务、购买DNS域名比较麻烦,一直想搭建一个只属于我自己的个人网站,又未动手搭建。但最终在HexoJark个人博客的诱惑下,周末搞了一天把博客弄出来了(发现好多想法都与Jark不谋而合)。从购买域名,选择网站发布方式,又捣鼓主题,整个过程还是非常有意思。最终感觉搭建一个属于自己的个人网站,也没有想象的那么难、那么复杂,如果您也渴望拥有属于自己的个人网站,请马上行动起来。

之所以要一个独立的博客,我觉得一下几个原因在驱动我:

  1. 独立,自由,简介: 自己的博客可以根据自己的喜好选择主题,博客整体整洁,不会出现广告满天飞舞;
  2. 够酷: 能有一个专属自己的域名。既是是saixia.github.com,那我也觉得自己是在别人的地上种菜。一定要saixia.me,才是自家的地;
  3. 自我驱动: 在自家的菜园子里种菜,总是比在他人菜地种菜要有激情。同时在自我总结的过程中,将知识沉淀下来,自我提升。最近学习NLP希望自己能够坚持下来;
  4. 回馈精神: 在互联网时代,应为大家的分享,让我们的生活方式发生了非常大的变化。我们不断从网络获取知识,当然也要回馈于网络;
  5. 成长的印记: 分享的过程中间,记录下自己和家人的成长历程。

Hexo你的博客

为什么是Hexo?Hexo是一个快速、简洁且高效的博客框架。而且可以使用markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页引用于Hexo文档。通过网络查看Hexo的评价,获得各位自由博客人的一致好评,最终确定采用Hexo搭建自己的博客。网站的搭建过程网络上有非常都的文章,我在此就不班门弄斧了。当然为方便您的建站,我会在文章末尾列举出我的建站过程中所参考的文章。

以下主要谈谈建站的主要流程和自己的感受:
1. 安装Node: Hexo框架依赖与Node JS,直接按照Hexo文档安装就ok;
2. 安装git、注册GitHub: 用来推送代码和托管网站(Github是国外的,国内也可以考虑GitCafe部署代码)。注意:Hexo部署代码的时候不要使用git push代码,需要采用Hexo deploy。代码中需要添加CNAME文件,配置主页地址(如:我的是saixia.me),github需要将网站项目发布为一个GitHub Pages;
3. 域名申请: 国内域名申请推荐使用阿里云旗下的万网和腾讯云旗下的dnspod,我采用的是阿里云旗下的万网,域名申请以后需要配置github的访问地址;
4. 构建自己的网站 按照Hexo的说明文档初始化一个Hexo项目,然后部署到github上。中间需要修改hexo的deploy配置。

可以跟进自己的需要捣鼓自己喜欢的主题,如果你是前端高手,还可以开发自己喜欢的主题。希望您的加入让Hexo主题更加丰富。你也可以根据自己的需要添加评论去,本文采用commentit作为评论的模块。因为本人对js不熟悉,花了较多的时间调整。目前评论模块还没有搞好。

博客迁移:

  1. 下载source、themes、_config.yml;
  2. hexo init初始化一个项目;
  3. 替换1步中下载的文件;
  4. 初始化git代码库:git init -> git add . -> git commit -m ‘注释’ 提交代码
  5. 添加远程仓库地址:git remote add origin url;
  6. 推送到远程仓库:git push origin master:hexo;(我用hexo分之存储源文件)

package.json里的内容为:记录一下自己的插件配置

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"hexo": {
"version": "3.3.8"
},
"dependencies": {
"hexo": "^3.2.0",
"hexo-asset-image": "0.0.3",
"hexo-deployer-git": "^0.3.1",
"hexo-generator-archive": "^0.1.4",
"hexo-generator-category": "^0.1.3",
"hexo-generator-index": "^0.2.0",
"hexo-generator-search": "^2.1.1",
"hexo-generator-tag": "^0.2.0",
"hexo-renderer-ejs": "^0.3.0",
"hexo-renderer-marked": "^0.3.0",
"hexo-renderer-stylus": "^0.3.1",
"hexo-server": "^0.2.2"
}
}

留言添加

为了使博客支持评价,我尝试了很多种评价系统,要么就是评价提供不提供服务、要么就是服务器在国外访问太慢等种种原因。最终我选择了畅言,不过畅言评论平台需要提供备案号。为此我还专门在阿里云上进行了备案,备案还比较简单,就是需要提供一堆的材料,然后就是等各部门审核。整个过程花费了一个多月的时间,备案大概需要花费了十几元。注释:备案是指域名的备案。

畅言评论的支持具体的添加方式,本文就不做详细讲解,畅言平台的帮助文档里面有详细的添加说明。评论颜色可以在畅言平台设置。

主题修改

一开始使用MiccallTheme主题,感觉比较库。但是使用过程中间发现无法重本地加载资源。后来自己修改了里面的代码,图片显示正常。但是对于代码块和markdowm显示不够友好。后来发现next主题非常不错,而且很多人在使用,资料也非常详细,功能丰富。主要的设置可以直接在使用文档中查询到,如果有使用疑问,也可以在github上提问。

博客公式支持

对于搞算法的同学,经常要编写公式。如果博客能够支持公式编写,那对于写博客是非常方便的一件事情。hexo next主题支持MathJax,具体可以查看主题如何开启。公式编写可参考一下链接https://www.mathjax.org/#features

1
2
3
4
5
6
7
8
单行:f(x)=a+b
代码:单行:$f(x)=a+b$
多行采用两个$$符号:
f(x)=a+b
代码:
多行采用两个$$符号:
$$f(x)=a+b$$

公式编写可以在此处编写http://latex.codecogs.com/,编写方式类似word中的mathtype。

博客图片添加

博客图片添加,可以参考这篇博客使用 Hexo 与 NexT 搭建博客的避坑总结,插入图片不能采用之前markdown的方式插入,需要使用hexo next主题提供的标签。配置路径的时候需要注意更目录,上面的博客中有提及。

对博客未来的打算

既然花了钱又投入了精力搞了一个各人博客,希望自己能够坚持下来。今后主要的学习方向是实时计算和算法(自然语言处理)。学习过程我会沉淀在本博客。希望自己能够以此为动力,驱动自己深入学习一些前沿技术,并锻炼自己总结分享的能力。与此同时也希望自己以后写出来的东西能够帮助到其他人。

hexo 常见错误

1、 TypeError: Cannot read property ‘code’ of undefined : 配置文件格式不对(yml、json)

参考链接

  1. MAC 上 github + hexo 搭建博客教程
  2. hexo你的博客
  3. github域名配置和解析
  4. hexo搭建的Github博客绑定域名
  5. 利用GitHub-Pages来Hexo一个独立博客
  6. node js
  7. markdown toc
  8. 图片加载插件
  9. 添加评论
  10. Hexo+nexT主题搭建个人博客
  11. Hexo 主题基础配置
  12. 为NexT主题添加文章阅读量统计功能
  13. 如何处理Hexo和MathJax的兼容问题

有任何关于Hexo的问题,欢迎来 Hexo 中文社区 咨询。

坚持原创技术分享,您的支持将鼓励我继续创作!欢迎大家加我微信交流:saixialv
0%