hexo博客搭建

目录

1. node.js的安装
2. hexo的安装
3. Git的安装
4. 本地搭建博客
5. 开始管理你的博客！
6. 将博客部署到Github上
7. 主题选择
8. 参考资料

1.node.js的安装

node.js下载地址 :

https://nodejs.org

{% asset_img nodejs0.png %}

点击红色框部分下载

安装只需不断 下一步 即可

安装完成后win+R 打开 cmd 输入

node -v

查看是否安装成功 若出现版本号 {% asset_img hexoCmdVersion0.png %}说明安装成功

再输入

npm -v

查询npm是否安装成功

若都安装成功则进入下一步:安装cnpm

输入

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

cnpm -v

检查是否安装成功

2.hexo框架的安装

在cmd中输入

cnpm install -g hexo-cli

开始安装hexo框架

等待安装成功后，同样通过

hexo -v

验证是否安装成功

{% asset_img hexoCmd0.png %}

hexo安装成功如上图所示

3.Git的安装

Git的下载

官方下载地址:

https://git-scm.com/download/win

下载安装教程:

http://www.cnblogs.com/qijunjun/p/7137207.html

4.本地搭建博客

1. 创建一个文件夹作为博客的根目录

​ 如果后续安装失败或出错，只需要删除这个文件夹重新创建，并不会影响到其他的配置。

2. 在该文件夹中打开cmd命令行窗口 / (或者通过命令行语句进入该目录)

{% asset_img openCmd.jpg %}

3. 输入

hexo init

命令开始生成hexo

等待安装.........

如果安装失败，复制失败提示百度/CSDN都可以解决

4. 安装成功后文件夹会出现以下这些文件

{% asset_img successInstall.jpg %}

5. 在命令行输入

hexo s

或

hexo server

即可开启本地连接

{% asset_img hexoServer.jpg %}

6. 在浏览器输入网址

http://localhost

:4000 即可打开本地的博客

显示出页面代表已经完成本地搭建

5.开始管理你的博客！

1.创建博客

hexo new '<name>'

命令创建一篇新的博客文章，文章会以Markdown文件格式储存在

/source/__post

文件夹中

2.编辑文章内容

基于Markdown语法编辑文章

Markdown基本语法教程

3.上传保存更改后的文章

在根目录中先后输入

hexo clean

和

hexo g

hexo generate

上传更改后的文件

4.本地查看更新

输入命令

hexo s

hexo server

在本地端口查看更新后的博客

6.将博客部署到Github上

首先你需要注册一个Github账号

github官网地址:

http://github.com/

输入账号、邮箱、密码,然后点击注册按钮.

1.在github主页右上角点击新建一个仓库

{% asset_img githubStep0.jpg %}

2.(重点) 部署仓库名字必须和用户名相同

{% asset_img githubStep1.jpg %}

3.下载上传工具

在根目录的命令行中输入

cnpm install --save hexo-deployer-git

下载安装

4.(重点)设置_config.yml文件

推荐在文件夹中找到这个文件用记事本打开编辑

在文件底部找到 \# Deployment 将type的值改为git，下面添加repo属性填入github地址，再添加一个branch属性填入master

{% asset_img githubStep2.jpg %}

github地址:

感谢程序羊code sheep的视频教程

{% asset_img githubStep3.jpg %}

5.部署到远端

hexo d

hexo deploy

部署到远端 出现{% asset_img githubStep4.jpg %}提示符表示部署已经完成

6.打开你的博客

在浏览器中输入你的仓库名即可打开你的博客

到此为止已经完成了一个基本博客的搭建

7.其他

7.1 主题选择

​ 根据个人喜好搜索

​ CSDN:

Hexo 好看的主题推荐_浮沉半生的博客-CSDN博客_hexo主题