快捷搜索:  汽车  科技

hexo搭建,用hexo搭建用next主题配置的博客

hexo搭建,用hexo搭建用next主题配置的博客输入命令:npm install hexo-cli –g 大概等一分钟左右,视网速而定,安装完成后你会看到下图 新建名为blog的文件夹,进去文件夹后,右键点击Git Bash,会跳出一个黑底的命令输入框,然后输入下面的命令。 git和nodejs安装完成后悔出现上图所示。 现在来来开始安装hexo: 新建一个文件夹,名字可以自己取,这里以blog为例演示一遍

第一步,先下载Git,地址是:https://git-scm.com/

安装过程直接下一步下一步,最后完成。

第二部,安装nodejs,地址是:https://nodejs.org/

这个也是直接下一步下一步。

hexo搭建,用hexo搭建用next主题配置的博客(1)

hexo搭建,用hexo搭建用next主题配置的博客(2)

git和nodejs安装完成后悔出现上图所示。

现在来来开始安装hexo:

新建一个文件夹,名字可以自己取,这里以blog为例演示一遍

新建名为blog的文件夹,进去文件夹后,右键点击Git Bash,会跳出一个黑底的命令输入框,然后输入下面的命令。

输入命令:npm install hexo-cli –g 大概等一分钟左右,视网速而定,安装完成后你会看到下图

hexo搭建,用hexo搭建用next主题配置的博客(3)

接下来输入: npm install

完成

现在你输入命令:hexo s 进入本地预览,

hexo搭建,用hexo搭建用next主题配置的博客(4)

然后在地址栏输入 http://localhost:4000/

hexo搭建,用hexo搭建用next主题配置的博客(5)

看到这个说明你成功了,先来更换主题next

现在命令命令框中按住ctrl c退出预览,然后输入命令

git clone https://github.com/iissnan/hexo-theme-next themes/next

回车等待就好,安装完成你会看到下图

hexo搭建,用hexo搭建用next主题配置的博客(6)

现在你去blog文件夹,进入theme文件夹里面,如果看到next文件夹表示你安装成功了,

现在开始就是启用主题了

Next主题安装完成后,怎么启用

现在进入文件夹blog

hexo搭建,用hexo搭建用next主题配置的博客(7)

点击上面箭头所指的_config.yml文件,双击这个文件打开,找到最底下的

hexo搭建,用hexo搭建用next主题配置的博客(8)

把它换成

hexo搭建,用hexo搭建用next主题配置的博客(9)

保存就好了

现在你回到根目录blog的文件夹里面右键git bash here

输入命令 hexo s 后回车进入本地预览

现在打开你会看到next主题已经启用了

完成

hexo搭建,用hexo搭建用next主题配置的博客(10)

后续会出跟next主题相关的配置信息,有兴趣的可以关注

你也可以到next主题的官网去详细了解:http://theme-next.iissnan.com/

馨客栈

馨客栈QQ交流群:65202496

关注分享,体验乐趣

猜您喜欢: