github+hexo一站式免费快速搭建个人网站

一、环境准备

1、安装node.js

node.js官方下载地址
下载安装之后,使用相应的命令可以查看版本号,则安装成功。
在这里插入图片描述

2、安装cnpm

在这里插入图片描述

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

3、安装hexo

cnpm install -g hexo-cli

二、正式搭建

1、初始化hexo

在这里插入图片描述

2、启动hexo

在这里插入图片描述

3、浏览器输入http://localhost:4000

这是一个hexo默认的博客页面。
在这里插入图片描述

4、新建一篇文章

在这里插入图片描述
在这里插入图片描述
博客的内容是基于Markdown语法编写的。

5、清除、重新生成

在这里插入图片描述
如果显示如下错误,则是md文件内容没有符合md语法。
在这里插入图片描述

使用hexo s命令重启,浏览器再次输入地址http://localhost:4000/,可以看到刚才写的文章
在这里插入图片描述

三、将博客部署到github

1、新建github仓库

在这里插入图片描述
新建仓库的名称必须为自己github的昵称.github.io

2、安装插件

在这里插入图片描述

cnpm install --save hexo-deployer-git

3、修改配置

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

4、推送到远端

在这里插入图片描述
刷新仓库,如果有内容,则推送成功.
在这里插入图片描述

5、访问地址https://amonologue129.github.io/

在这里插入图片描述
如果输入地址后,无法访问,请查看你的地址是否为https协议。

6、自定义博客主题

一个简洁优雅的hexo主题
在这里插入图片描述
下载主题到themes/yilia目录下

git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

7、修改配置文件

在这里插入图片描述
依次执行hexo cleanhexo ghexo shexo d命令。

8、最终效果

在这里插入图片描述

原创文章 154 获赞 48 访问量 8536

猜你喜欢

转载自blog.csdn.net/weixin_41842236/article/details/105999107