使用Hexo+Github搭建自己的个人网站


前言

经过自己探索,笔者终于搭建好了自己的个人主页,过程是蛮艰辛的,在这里特地和大家分享一下自己的经验。


使用Hexo+Github搭建自己的个人网站_第1张图片

第一步 安装git

Git下载地址
安装过程较为简单没有难度一路默认即可,安装好了之后可以进行下一步。

第二步 安装Node.js

Node.js是一个Javascript运行环境(runtime environment),发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。

node.js下载地址

使用Hexo+Github搭建自己的个人网站_第2张图片

此处建议大家选择第二个来下载。

第三步 安装hexo

1*、利用 npm 命令即可安装。在任意位置点击鼠标右键,选择cmd命令窗口
2、输入命令:npm install -g hexo
*注意这里必须使用命令-g否则或导致命令无法识别 这也是我当时踩过的坑。。

四、第四步:初始化Hexo

1、创建文件夹(我的是在E盘创建的Hexo)

[图片上传失败...(image-4b128e-1528470044512)]

2、在Hexo文件下,右键运行Git Bash,输入命令:hexo init

[图片上传失败...(image-c946c6-1528470044512)]

[图片上传失败...(image-80fd92-1528470044512)]

3、在_config.yml,进行基础配置

[图片上传失败...(image-1b9ef-1528470044511)]

其中可以在这里浏览更多主题,然后在Hexo文件夹下 Git Bash

输入命令:git clone https://github.com/iissnan/hexo-theme-nextthemes/next(next为主题名字),来获得更多主题

[图片上传失败...(image-f414eb-1528470044511)]

[图片上传失败...(image-58e8ff-1528470044511)]

4、本地浏览博客

分别输入 如下命令:

  hexo g

  hexo s

这里有[更多hexo常用命令](https://segmentfault.com/a/1190000002632530)
使用Hexo+Github搭建自己的个人网站_第3张图片
Snipaste_2018-06-08_23-25-33.png

在浏览器输入:localhost:4000 ,就可以进行访问,但有时不能访问的情况下要进行更改端口号打开配置文件地址如下

使用Hexo+Github搭建自己的个人网站_第4张图片

网站的效果图如下
使用Hexo+Github搭建自己的个人网站_第5张图片

5、写文章

在E:\Hexo\source_posts文件下,新建.md文件就可以写文章

Md语法参考我的另一篇文章MarkDown简单入门

五、部署到Github上

1、申请Github账号,(注意别忘了进行账号邮箱验证)

2.new repository

然后点击

使用Hexo+Github搭建自己的个人网站_第6张图片


注意严格按照上边的形式写 你得用户名.github.io

3、在_config.yml进行配置


使用Hexo+Github搭建自己的个人网站_第7张图片

4、安装hexo-deployer-git自动部署发布工具

npm install hexo-deployer-git  --save

5、发布到Github

输入如下命令:hexo clean && hexo g && hexo d
使用Hexo+Github搭建自己的个人网站_第8张图片

6、测试访问

在浏览器输入:https://你得用户名.github.io/

使用Hexo+Github搭建自己的个人网站_第9张图片

恭喜你已经成功了!

你可能感兴趣的:(使用Hexo+Github搭建自己的个人网站)