本系列其它文章:
用 GitHub Hexo 建立你的第一个博客
将本地文件部署到 GitHub
修改 Hexo 中的 _config.yml 文件
在 Hexo 文件夹下找到 _config.yml 文件,如下图所示:
找到其中的 deploy 标签,改成下图所示形式,并保存。注意:冒号后面要加上一个空格,否则会报错。
将其 deploy 到仓库中
打开 Git Shell 进入创建的文件夹,依次输入以下命令:
代码语言:javascript复制hexo clean
hexo generate
hexo deploy
如果出现下图错误,不要着急:
将deploy 的 type 改成 git,然后再在 Git Shell 中运行以下命令:
代码语言:javascript复制npm install hexo-deployer-git --save
再重新来一遍:
代码语言:javascript复制hexo clean
hexo generate
hexo deploy
出现以下提示则表示正确:
恭喜,到这一步,个人博客就已经部署到 GitHub 上了,你可以到你的GitHub仓库查看是否已经更新。此时,通过
your_user_name.github.io
(即你那个仓库的名称,形如:"你的 GitHub 用户名".github.io)
就可以看到你的个人博客了。
注意:这里可能会出现这种需要输入账号密码的情况
输入github的账号密码就可以了,记住那里输入密码的时候光标是不会移动的,只要你输入了就好,不要以为没输入上~哈哈哈
发表博文
辛苦了这么久,终于回到我们搭建博客最初的目标–写作,现在来看看怎么写博文并发表吧(^__^)。
新建博文
我们可以使用命令新建一篇博文,使用 Git Shell 进入 Hexo 文件夹,输入以下命令:
代码语言:javascript复制hexo new "文章题目"
命令执行完后,就会发现在
Hexosource_posts
目录中多了一个文件博文名.md,这就是我们刚才新建的博文。
此外,我们也可以直接进入
Hexosource_posts
目录中,右键新建一个文本文档,将名字改为博文名.md,这样也新建了一篇博文。
新建页面
上面新建的博文是显示在单个文章界面,这里新建的页面是作为单个页面显示的,比如下图的分类、标签、归档和关于我,你点击后都是显示为单个页面。
你只需要记住新建博文是用上面的方法,新建页面是用这里的方法就行了,这里也采用命令新建页面:
代码语言:javascript复制hexo new page "页面名称"
命令执行完后,就会发现在在
Hexosource
目录中多了一个文件夹,里面还有一个index.md,这就代表我们新建了一个页面。
写博文
用文本编辑器打开上面新建的博文,如下图所示:
新建的页面略有不同,没有tags和categories标签。
三个”-“后面就是博文的正文内容,接下来就是正儿八经地撰写博文了。
因为我们的博文都是用Markdown语言写的,所以首先,你需要一个好用的Markdown编辑器。其实好用的Markdown编辑器一大堆,这里就给大家推荐两个,如果你用的不习惯也可以换其它的。
- 本地编辑器:Haroopad,非常小众的一款Markdown编辑器,左边编辑右边实时预览效果,非常轻便;
- 在线编辑器:MaHua,也是比较小众的一款Markdown编辑器,但效果确实很棒,我的这篇博文就是用MaHua写的。
现在你可以打开新建的博文了,然而还不造怎么下手对吧。其实很简单,除了特殊格式,其它的你就当做在word里面写文章就行了,具体请看这里的Markdown教程:
Markdown——入门指南 http://www.jianshu.com/p/1e402922ee32/
发博文
呼啦啦,博文写好了,你得发表出去别人才看得到呀。依然在 Git Shell 中进入 Hexo 文件夹,执行下面几条命令,将博客部署到 GitHub 上:
代码语言:javascript复制hexo clean
hexo generate
(若要本地预览就先执行 hexo server)
hexo deploy
快捷命令:
代码语言:javascript复制hexo g == hexo generate
hexo d == hexo deploy
hexo s == hexo server
hexo n == hexo new
还能组合使用,如:
代码语言:javascript复制hexo d -g
刷新你的个人博客,就可以看到新鲜出炉的博文了,赶紧邀请小伙伴们来欣赏吧。
一个可能出现的错误
代码语言:javascript复制spawn git ENOENT
解决方法在这里:
spawn git ENOENT 解决方法 http://liangwenhao.cn/2016/08/24/article03/
如果有其他疑问,也欢迎在本教室论坛[建站]分区的主题贴中讨论。