Hexo+Github搭建博客


1.安装Node.js和配置好Node.js环境,可以打开cmd查看配置情况

安装Node.js和配置好Node.js环境,可以打开cmd查看配置情况

2.安装hexo

(1)新建一个文件夹,取名为:hexo

   (2)打开hexo文件夹,按住shift+右键:选择“在此处打开命令窗口”

安装hexo

(3)在命令窗口输入cnpm install hexo -g

安装hexo

在命令窗口输入hexo -v,检查hexo是否安装成功

安装hexo

(4)在命令窗口输入hexo init,初始化该文件夹

安装hexo

初始化成功后显示如下

安装hexo

(5)在命令窗口输入cnpm install,安装所需要的组件

安装hexo

(6)在命令窗口输入hexo g,首次体验Hexo

(7)在命令窗口输入hexo s,开启服务器,访问该网址(http://localhost:4000), 正式体验Hexo

安装hexo

3.简单配置自己的博客页面

(1)打开根目录中的_config.yml,修改title和author

安装hexo

(2)将themes中的banner.jpg改成自己想要的图片

安装hexo

刷新网页,出现如下页面

安装hexo

(3)新建一篇博客:在命令窗口输入:hexo new post “博客名”,比如

安装hexo

这时生成test.md和一个名为test的文件(这个文件我就放一些属于test.md的图片资源)

安装hexo

打开生成的test.md文件,就可以写博客啦

安装hexo

刷新页面

安装hexo

4.上传到github

(1)注册一个github账号并安装Git,此处省略xx字

(2)创建一个仓库,取名为:my-blog

安装hexo

安装hexo

获取url

安装hexo

修改_config.yml文件

安装hexo

在命令窗口输入hexo g,生成静态文件,此时会多一个public文件

安装hexo

如果想要删除public文件,就在在命令窗口输入hexo clean

在命令窗口输入hexo s;hexo d 此时就将博客上传到github上了。

安装hexo

进入Settings页面,往下翻找,进入GitHub Pages板块生成的url,此时终于在github上生成一个成品了,小编脸上又多了好些痘痘…

安装hexo

安装hexo

美么?

安装hexo

返回
顶部