如何搭建一个自己的博客
好记性不如烂笔头。作为一个程序员,有一个博客记录学习的过程十分必要。特此记录下搭建博客的过程。
Hexo
A fast, simple & powerful blog framework. You write posts in Markdown (or other languages) and Hexo generates static files with a beautiful theme in seconds.
Hexo官网有比较详细的说明,包括Hexo的介绍如何安装,API,插件,主题等
环境准备
这里简单介绍下 windows 下如何安装 Hexo
以上两个程序到官网选择 windows 对应版本下载直接安装即可,安装成功后,执行以下命令安装 Hexo:
1 | $ npm install -g hexo-cli |
如果安装太慢或者无法安装,可以切换到国内镜像淘宝 NPM 镜像,安装完成执行以下命令查看是否安装成功:
1 | $ hexo server |
回车之后会显示相应的版本信息
1 | hexo-cli: 1.0.2 |
开始博客之旅
创建一个默认的博客目录,这里我以 temp 为文件名做为实例,temp 可根据喜好进行修改:
1 | $ hexo init temp |
通过以上几步,一个默认模板的博客就创建好了,现在开始访问下吧:
1 | $ hexo server |
只要端口没有被占用就可以通过 localhost:4000 进行访问了,当然也可以指定一个你喜欢的端口:
1 | $ hexo server -p 8888 |
主题使用
接下来开始为博客添加各式各样的主题吧,你也可以综合各主题的优势进行整合,这里只介绍如何使用其中一款主题。Hexo 官网提供了 60+ 款主题可随意挑选,找到主题GitHub 地址,后续会用到。
1 | $ cd temp |
说明 https://github.com/DrakeLeung/hexo-theme-again.git 地址为博客主题 GitHub 地址,xxx 根据自己而定,后面会用到。
编辑博客根目录下的 _config.yml 文件应用主题,一般主题都有使用说明的,而且每个主题的使用方式也不一样,这里就不再赘述了
1 | theme: xxx |
发布到 GitHub
Hexo 也提供了各种各样的发布插件,这里以 hexo-deployer-git 为例作为讲解。
编辑根目录下 package.json,添加发布插件
1 | "hexo-deployer-git": "^0.2.0" |
安装插件
1 | $ npm install |
或者不使用以上方法,直接执行以下命令进行安装:
1 | $ npm install hexo-deployer-git --save |
安装好之后配置根目录下 _config.yml 文件:
1 | deploy: |
开始发布
1 | $ hexo generate |
后话
完成上述一系列工作之后,后面只需要在 source/_posts/ 下编写 md 文件就可以了,发布参照上一步。