如何快速搭建个人博客

简介

本文主要介绍如何快速搭建个人博客。其实网络上这类文章很多，而且我的博客搭建也是参考了多篇相关文章后完成的，感谢他们的付出和共享。那你可能会问，有那么多了为啥还要写？吃饱了撑着？当然不是，至少一点，对我来说意义不同啊。总结下其中出现过的错误及解决办法，制定优化完善计划，记录博客成长过程。

环境配置

由于配置过程比较简单，以下内容只是Mac环境的配置方法，其它系统请自行Google。

如果没有安装homebrew的，强烈推荐先安装参考官网,完了后使用homebrew管理软件，各种方便。

安装Git

$ brew install git //一步安装

安装Node.js

brew link node
brew uninstall node //先卸载旧版
brew install node //安装

使用 brew list 检查是否安装成功，输出结果显示有node表示成功
安装tnpm替换npm（npm由于源服务器在国外，下载node包速度较慢，cnpm使用国内镜像）

npm install -g tnpm --registry=https://registry.npm.taobao.org

参考文章

Hexo配置

建议查阅其hexo官网，比较简单，这里罗列下命令步骤。

$ npm install hexo-cli -g //安装hexo
$ hexo init blog //初始化blog项目
$ cd blog
$ npm install 
$ hexo server //本地运行

$ hexo generate //编译生成html。 命令也可以简写：hexo g
$ hexo deploy //部署到远程。 命令简写： hexo d

同步到github

• 配置SSH KEY到github

• 创建博客仓库
  新建github代码仓库，命名为 {yourname}.github.io，其中{yourname}就是你的用户名，这是 GitHub Pages 的命名规范。

• 修改配置文件_config.yml

  重点修改： 直接拉到文件末尾。

  # 添加此修改内容
  deploy:
  type: git
  repo: https://github.com/yourname/yourname.github.io.git
  branch: master
  
  

  其它改动：theme、language、titlezone、title、description等等。请查阅官方文档。修改后，通过hexo server命令，本地运行后马上就能看到效果。

  注意配置文件中，所有冒号后面记得加一个空格，不然会报错。

发布新文章

• 创建文件

  $ hexo new "fileName"// 比如：hexo new helloHexo
  

• 编辑

  打开上一步生成的文件"helloHexo.md"文件（路径：./source/_posts/helloHexo.md)并编辑。

• 本地运行

  $ hexo server  //本地就可以及时访问
  

• 推到远程GitHub仓库

  $ hexo generate  //类似编译过程
  
  $ hexo deploy //ok，发布完成，可以通过yourname.github.io访问了。
  
  

• 错误解决：error deployer not found:git

  //执行以下命令
  sudo npm install hexo-deployer-git –save    
  

• 如果修改后运行，本地访问生效了，但github.io访问还是未改变？

  //执行clean命令先
  $ hexo clean
  

主题

• hexo官网提供了很多theme
• 我使用的是NexT

NexT 相关配置

• 基础配置-参考官网
• 添加文字阅读量统计
• 增加畅言评论的支持 ，由于畅言需要域名备案，暂且没加评论功能。
• 背景动效
  修改themes/next/_config.yml 主题配置文件，将想要的效果置为true。

602 # Canvas-nest  这个使用的多，比较适合主题：Muse、Mist
603 canvas_nest: true
604 
605 # three_waves
606 three_waves: false
607 
608 # canvas_lines
609 canvas_lines: false
610 
611 # canvas_sphere
612 canvas_sphere: false
613 
614 # Only fit scheme Pisces
615 # Canvas-ribbon
616 canvas_ribbon: false

最终效果

后续优化

• 统计
• 域名绑定

小结

写完了，虽然感觉有价值的内容很少，但希望对你有用，哪怕是一点点。现在信息量很大，相关知识点优秀文章也很多，但要怎么把它们跟自己的知识体系链接起来呢，答案就是加上自己的理解并把它记录下来。

查理·芒格有一句名言-“想要得到某样东西的最好方法，就是让自己配得上它。”

最后，你在搭建过程遇到任何问题或建议，欢迎评论交流。