当前位置: 移动技术网 > IT编程>网页制作>CSS > 使用HEXO+GitHub搭建自己博客的步骤教程

使用HEXO+GitHub搭建自己博客的步骤教程

2017年12月21日  | 移动技术网IT编程  | 我要评论

使用HEXO+GitHub搭建自己博客的步骤教程

这是一篇在windows系统上的搭建的步骤,安装hexo前要先安装Node.js和Git

第一步

-用Git Bash进入一个安全目录(cd d:或者cd ~/Desktop),不要进入根目录 第二步

-在GitHub中建一个空仓库,仓库名字为【github的用户名+github.io】 第三步

-安装hexo :npm install -g hexo-cli

第四步

-博客文件的初始化:hexo init myBlog

-这时候你会在myBlog文件夹中看到生成了以下文件

source:用来存放博客的源文件

themes:用来存放主题

.config_yml: 配置文件,在这里可以设置博客的作者、标题等

第五步

-所有的依赖安装:nap i

第六步

-编辑网站配置:start _congif.yml

把第 6 行的 title 改成你想要的名字

把第 9 行的 author 改成你的大名

把最后一行的 type 改成 type: git

在最后一行后面新增一行,左边与 type 平齐,加上一行 repo: 仓库地址 (注意是SSH地址,冒号后面的空格)

第七步

-安装git部署插件:npm install hexo-deployer-git --save

第八步

-部署hexo:hexo deploy

第九步

-新建博客:hexo new 博客名

-编辑博客内容:start 新建博客那一步生成的路径注意路径中的斜杠改为“/”

第十步

-预览博客

进入github中新建的仓库,打开girhub pages功能,点击链接就可以预览博客了

-给博客换主题

1.选择主题选择:这里有主题的合集,选择一个自己喜欢的主题

2.cd themes

2.下载这个主题,复制它的SSH地址或者http地址,比如我的是:git clone git@github.com:hsihohuang/kiddochan.git

3.回到myBlog目录:cd ..

4.打开配置文件:start _config.yml

5.修改75行theme的值为你下载的主题的名字(注意冒号后面的空格)

6.生成hexo generate,部署deploy,刷新页面就可以了

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网