Hexo搭建个人博客教程(基础篇)

本人是一个技术小白,经过两天的不断查询怎么搭建个人博客,终于建成了属于自己的博客。对于我这种码字爱好者来说,无疑像拥有了自己的一个小窝。下面记录一下自己搭建个人博客的流程以及自己踩得坑。

(注:电脑版本win10. 之前系统是在mac上用移动硬盘安装的Windows to go,后来下载npm时没有权限,故重装了系统)

1.准备工作

下载git: 传送门 (想要了解更多git知识可以参考以下链接:Git教程--廖雪峰网站)

下载nodejs:传送门

我是按照默认选项一步步安装完成的,检测是否安装成功方法:

git:在桌面右击,出现以下图片即为安装成功

nodejs:安装后输入win+r后输入cmd打开控制台输入以下代码:

node -v

npm -v

出现版本号即为nodejs安装成功。

如果不成功就需要配置环境变量,由于这一步我没有进行,这里借鉴一下网友的知识。window系统下Node.js安装以及环境变量配置

2.安装hexo

这一步耗费了我大部分时间,也是很多新手可能要走弯路的地方,这里详细介绍一下安装教程。

在任意盘符新建一个hexo文件夹,并且打开之后在空白之处右击,点击git bash,按步骤进行:

$ npm install -g hexo-cli  #安装hexo

(这里容易被墙,可以选择用cnpm安装;也可以直接在cmd内安装,亲测在cmd内安装成功)

$ hexo init  #在hexo文件夹内生成搭建个人博客所需要的文件

$ npm install  #安装依赖包

$ hexo g  #完整命令为hexo generate,生成静态文件

$ hexo s  #完整命令为hexo server,启动服务器,用来本地预览

(利用淘宝cnpm安装hexo传送门)

在完成第二步后hexo文件夹内生成以下文件夹,才能进行下一步:

├── _config.yml #网站的配置信息

├── package.json

├── scaffolds

├── source

|   ├── _drafts

|   └── _posts #写的博客都在这里

└── themes #主题

在完成最后一步后,输入localhost:4000 ,就可以看见自己的博客了,这时候还是比较简陋的,而且是本地生成的,接下来我们需要将博客托管到github,而且能够输入一个网址查看自己的博客。

3.托管到github

gitHub是一个面向开源及私有软件项目的托管平台,因为只支持git 作为唯一的版本库格式进行托管,故名gitHub。这里用到Github,是因为我们需要通过Github得到自己的博客网站域名,而且需要使用gitHub同步我们个人博客的相关文件。

注册github

(1)创建个人仓库

在gitbash中配置github账户信息:在hexo文件夹中gitbash

$ git config --global user.name "yourname"

$ git config --global user.email "youremail"

(2)创建ssh连接

ssh可以理解成本地电脑和github联系到一起的一串钥匙

在Gitbash中输入

ssh-keygen -t rsa -C "[email protected]"

一般.ssh文件在C盘-用户-adminnistrator里。这个准确位置需要看看输入以上代码之后的信息。

之后打开id_rsa pub文件,把里面的内容复制到GitHub中

在gitbash中验证是否添加成功:ssh -T [email protected]

成功之后就可以进行下一步了

4.修改hexo文件夹内_config.yml文件配置(冒号后需要有一个空格)

打开_config.yml在最后找到deploy

在hexo文件夹下gitbash,分别执行以下命令:

hexo clean

hexo g

hexo s

注:hexo 3.0把服务器独立成个别模块,需要单独安装:npm i hexo-server

上传到github

先安装一波npm install hexo-deployer-git --save(这样才能将你写好的文章部署到github服务器上并让别人浏览到)

执行命令(建议每次都按照如下步骤部署):

hexo clean

hexo g

hexo d

注意deploy的过程中要输入你的username及passward。如下:

在浏览器中输入http://yourgithubname.github.io就可以看到你的个人博客啦,是不是很兴奋!附上本人博客地址:5lichuang.github.io

感觉gitbash中东西太多的时候输入clear命令清空。

到这一步,就基本配置好个人博客了,这是我写的第一篇博客,我先尝试以下是否能上传到我的博客当中,接下来我会继续摸索主题美化,绑定个人域名等操作。

这篇介绍是从纯小白的角度来写的,本人是文科生,希望各路大神多多指点!

你可能感兴趣的:(Hexo搭建个人博客教程(基础篇))