个人博客搭建指南

Posted on

市面上有很多博客框架和平台可以选择。 我这里选择的是Hexo的框架。

步骤

准备工作

市面上有很多博客框架和平台可与选择这里选择的是Hexo的框架。
Hexo是基于Node.js进行开发博客平台，所以第一步是安装Node.js工具。

通过node的官方网址来下载工具。https://nodejs.org
建议选择长期支持版（LTS)

安装的过程非常简单，跟着下一步一步一步走就可以了。

安装完成后会有两个组件分别是Node.js和npm

想要确保node是否安装好 可以在命令行中输入 node -v

同样可以用过npm -v来确认包管理器的版本

Windos系统： Win + R 运行cmd命令行

MacOS： Command + Space 运行Terminal

因为Hexo是基于Node.js来生成的所以准备步骤到这边已经可以了，接下来开始搭建博客框架。

搭建方法

国内因为镜像源速度很慢，所以利用npm安装cnpm来加快安装速度。

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

跑完进度条之后可以查看cnpm版本。

cnpm -v

接下来就利用cnpm来安装Hexo

cnpm install -g hexo-cli

跑完进度条之后验证是否安装好以及查一下版本号

hexo -v

安装好了之后就可以去配置博客环境了。

先新建一个空文件夹，比如路径是：
D:\Blog

使用 >_ cd 命令进入创建空文件夹的路径，然后使用hexo生成一个博客

1
2
cd D:\Blog //进入文件夹
Hexo init //使用Hexo初始化博客

现在已经可以使用这个博客了

hexo s

现在这个博客是跑在本地机器上的，端口默认是4000

进入浏览器输入 localhost:4000 就可以访问了。

  • 如何新建文章呢？
hexo new “博客名称”

新的一篇博客默认路径是： Blog/source/_posts/博客名称.md

通过cd来进入目录

博客文章编辑好之后需要生成一下hexo博客

1
hexo g //重新生成博客

放入远端

####我这里选择把博客部署到GitHub中去。

在GitHub中新建一个储存库，名字命名为UserName.github.io。

注意：这里明明的UserName一定是你GitHub的昵称。

回到命令行安装git插件

cnpm install -- save hexo-deployer-git //如果出现警告可以不用管

####这时候需要配置一下部署
打开 Blog/_config.yml 找到最底部的Deployment

1
2
3
4
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type:

更改为

1
2
3
4
5
6
# Deployment
## Docs: https://hexo.io/docs/deployment.html
deploy:
type: git
repo: //刚刚仓库的完整地址
branch： master

修改好config文件之后就可以部署到远端了。

hexo d

可能需要输入GitHub的账号和密码，输入就可以了。

直接把我们仓库的名字拿出来到浏览器中访问，个人博客的搭建就成功了。

总结

总的来说没有遇到什么困难的地方，markdown语法有很强大的功能等待我去挖掘。有什么问题可以在底下给我留言。

Reference

Allwayz