Hexo博客搭建简记

背景

博客是我记录学习过程最好的方式;我的第一个博客是百度空间,后来百度关闭了;第二个博客是ChinaUnix,最近ChinaUnix升级了安全,牛盾老是阻止我访问,再者ChinaUnix风格太老了,写出来的东西也不漂亮,于是就想自己搭建一个博客,现在的blog有很多,比如wordpress,ghost,等等,比较之下觉得hexo有逼格,高大上,就你了!

环境搭建

基础环境

  • Node.js
  • Git
  • Github
  • MarkDown 编辑器

软件获取

下载nodejs
下载git

安装过程

安装git

start–>next–>end(详细过程略)

安装nodejs

start–>next–>end(详细过程略)

安装hexo

  • 开始安装Hexo
    npm install -g hexo
  • 初始化博客
    hexo init #默认路径为当前目录,可以在init后手动指定一个目录为博客根目录
  • 生成静态页面
    hexo g #完整命令hexo generate
  • 启动本地服务
    hexo s #完整命令hexo server,默认启动范围地址 http://localhost:4000 可以使用-p指定端口
    至此hexo 博客安装完毕

github

注册并登陆github
创建一个与自己用户名对应的项目(如:nsxq.github.io)

配置hexo

hexo的主配置文件就是blog主目录下的_config.yml文件咯
打开文件,在配置文件最末尾,修改配置为:

1
2
3
type: git
repo: git@github.com:nsxq/nsxq.github.io.git
branch: master

  • 安装插件,支持hexo提交到github
    npm install hexo-deployer-git --save

  • 提交blog数据到github
    hexo d** #完整命令 hexo deploy

更换皮肤next

目前我看到的最漂亮的皮肤就是next
git clone https://github.com/iissnan/hexo-theme-next
复制hexo-theme-next目录到hexo\themes\为next
修改_config.yml中配置项theme: next
next主题默认的Next.Muse,可以在主题配置文件hexo\themes\next_config.yml中修改Schemes
更换字体

图片居左

修改E:\Hexo\themes\next\source\css_custom\custom.styl
.post-body .fancybox img { margin-left: 0 !important; }

将blog发布到公网

  • 我的在阿里云(原万网)上买的域名,设置一条CNAME即可
    CNAME @ 默认 nsxq.github.io
  • 在hexo\source 目录下新建一个文件CNAME,内容为
    islocal.cc
  • 修改_config.yml中url为
    url: http://islocal.cc
  • hexo g
  • hexo d
    浏览器就可以使用http://islocal.cc 访问blog了

文章链接唯一化

修改站点配置文件E:\Hexo_config.yml
permalink: arlo/:abbrlink/
abbrlink:
alg: crc32 # 算法:crc16(default) and crc32
rep: hex # 进制:dec(default) and hex

编写第一篇博文

参考文档

Hexo官方中文文档

独学无友,孤陋寡闻;学习记录,欢迎拍砖!