您的位置:首页 > 编程语言

使用HEXO+Github搭建独立博客,详细方法以及使用中遇到的错误

2017-04-20 20:55 966 查看

第一步:创建仓库

创建一个仓库,命名规则如下:

Github昵称.github.io


(默认大家都配置好github了)

第二步:电脑上安装git

安装git,傻瓜式安装,一直下一步即可,安装完毕后,打开开始菜单,搜索git,会出现有如图三个有关git的图标



(接下来使用命令的时候,只需要打开gitBash)

第三步:开启HEXO

在电脑上找合适的位置创建一个用来放博客的文件夹

打开文件夹,是空白的

空白处右键点击git Bash

好了,开始执行命令安装HEXO

npm install -g hexo


检验是否安装成功

hexo


初始化博客文件夹

hexo init
npm install


之后npm将会自动安装你需要的组件,只需要等待npm操作即可。

初体验Hexo,在命令行输入:

hexo generate(或者hexo g)


生成动态页面。

本地启动:

hexo server (或者 hexo s)


这时,在浏览器地址栏输入:http://localhost:4000就可以看到初步效果了。

第四步:配置hexo

在你创建的博客文件夹里,找到_config.yml的文件,找到最下方的deploy(注意,每一个:后面都要有空格,不然会报错)

1. 修改网站相关信息

title: inerdstack

subtitle: the stack of it nerds

description: start from zero

author: inerdstack

language: zh-CN

timezone: Asia/Shanghai

language和timezone都是有输入规范的,详细可参考语言规范和时区规范。

2.配置统一资源定位符(个人域名)

url: http://inerdstack.com

对于root(根目录)、permalink(永久链接)、permalink_defaults(默认永久链接)等其他信息保持默认。

3. 配置部署

deploy:
type: git
repo: 第一步创建的仓库的地址
branch: master


获取repo的值看下图:



第五步:发表一篇文章

在命令行输入:

hexo new post "~~"(~~表示文章名)


用markDown打开后进行编辑:

hexo g
hexo d
hexo s
(也可以只用一句命令代替上面的两句 hexo d -g)


在本地运行,查看效果,http://localhost:4000

过一段时间,访问https://仓库名

这样就直接可以通过git在网上查看了。关于hexo的主题之类的,大家可以直接百度hexo主题,会有好多教程的。

有不懂的地方,欢迎大家评论或者私聊跟我一起谈论^_^
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  github git hexo 博客