搭建个人博客(Hexo框架)

从零搭建一个属于自己的私人博客

准备工作

我们需要下载搭建博客的一些工具。 1. 选择左边建议大多数用户下载的版本 2. 点击右边电脑屏幕上的Download之后选择符合自己系统的版本进行下载

    由于安装过程十分简单在这里就不进行赘述了,全程点击下一步即可,但是要知道自己安装的位置方便我们接下来使用。

接下来开始搭建

1.首先以管理员身份运行命令提示符(为了避免踩坑全程使用管理员身份运行命令提示符)

2.更换镜像源

// 将镜像源替换成淘宝的镜像源
npm instal -g cnpm --registry=https://registry.npm.taobao.org

更换成淘宝的镜像源是为了提高下载速度 这样就表示更换完成了

3.安装Hexo框架

// 安装Hexo框架
cnpm install -g hexo-cli

这样就表示我们的Hexo框架安装完成 输入hexo -v可以进行检验

4.创建文件夹

// 创建一个名为blog的文件夹
mkdir blog
// 进入文件夹
cd blog

如果直接输入mkdir blog会将文件夹创建在默认路径,可以用我图上的方法更改路径。也可以在自己喜欢的地方创建好文件夹输入cd+文件夹的完整路径打开文件夹。

5.初始化博客

// 初始化博客
hexo init

这里报错的小伙伴想一想git有没有安装,如果没有赶紧去官网安装!

6.成功见到自己的博客

//得到网址 http://localhost:4000
hexo s

在浏览器输入网址你就可以第一次见到自己的博客界面了 先别急着开心,还没有完活。

7.将博客部署到远端

这里介绍的方法是将博客部署到Github上,所以第一步你必须得注册一个GitHub账号。 登录之后点击绿色的按钮创建一个新的仓库。 填好信息后点击下面绿色的按钮创建即可。 (用户名必须要和前面一致,否则会404哦)

8.安装Git部署的插件

//安装插件
cnpm install --save hexo-deployer-git

这里不能输入的童鞋,不是你电脑卡了,你应该先Ctrl+C然后输入y退出上一条指令才可以继续操作。

9.设置文件

找到你创建的blog文件夹,双击打开 找到这个文件,右键→打开方式→记事本 拉到最底端按照下图填写信息

deploy:
  type: git
  repo: 这个地方填写你在Github上获得的链接
  branch: master

这里有一个坑请大家注意,每个冒号后面都有一个空格,切记!!!(deploy那个冒号后面除外) 将网址复制,放到repo: 后面,点击退出保存。(千万别忘了冒号后的空格)

10.部署到Github仓库中

回到命令提示符 输入hexo d

//将文件部署到Github的仓库中
hexo d

这时候你的Github仓库出现文件就说明你已经成功部署了,在任意一台设备输入你的网址就可登录你的博客了。 网址就是你在第七步你自己手打的那个网址哦 (昵称.github.io) 到这里可能会有小伙伴报错,报错的小伙伴继续往下看。


第十步报错的小伙伴请看

由于你是第一次用Git所以你需要告诉它你是谁 找到你刚才下载的git文件夹(实在是找不到的可以去开始菜单找到这个文件)

1.打开git-bash

//在XXX处填写自己的用户名
git config --global user.name "XXX"
//在XXX处填写自己的邮箱
git config --global user.email "XXX@XXX"

这部操作完成之后再进行第十步就可以了。


以上就是全部内容,如果有写的不对的地方欢迎指出,我会在核实后进行更改。

如果反响不错的话有可能会更新下一期。

经验分享 程序员 微信小程序 职场和发展