如何快速搭建个人博客

发表于 | 分类于 | 阅读次数:

简介

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

环境配置

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

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

安装Git

1
$ brew install git //一步安装

安装Node.js

1
2
3
brew link node
brew uninstall node //先卸载旧版
brew install node

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

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

参考文章

Hexo配置

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

1
2
3
4
5
6
7
8
$ 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

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

    1
    2
    3
    4
    5
    6
    # 添加此修改内容
    deploy:
     type: git
     repo: https://github.com/yourname/yourname.github.io.git
     branch: master

其它改动：theme、language、titlezone、title、description等等。请查阅官方文档。。修改后，通过hexo server命令，本地运行后马上就能看到效果。
注意配置文件中，所有冒号后面记得加一个空格，不然会报错。

发布新文章

  • 创建文件

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

  • 编辑

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

  • 本地运行

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

  • 推到远程GitHub仓库 

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

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

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

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

    1
    2
    //执行clean命令先
    $ hexo clean

主题

NexT 相关配置

  • 基础配置-参考官网
  • 添加文字阅读量统计
  • 增加畅言评论的支持 ，由于畅言需要域名备案，暂且没加评论功能。

  • 背景动效
    修改themes/next/_config.yml 主题配置文件，将想要的效果置为true。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    // Canvas-nest  这个使用的多，比较适合主题：Muse、Mist
    canvas_nest: true
    // three_waves
    three_waves: false
    // canvas_lines
    canvas_lines: false
    // canvas_sphere
    canvas_sphere: false
    // Only fit scheme Pisces Canvas-ribbon
    canvas_ribbon: false

markdown格式要求（10.26号更新）

  • 代码块```上下需要换行，且不能有多余空格字符。

后续优化

  • 统计
  • 域名绑定

小结

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

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

0%