基于GithubHexo的个人博客搭建过程 (4)

分类和标签云页面。首先,要使用” hexo new page “命令生成这两个页面,否则报404。其次,这两个页面是主题自动维护的,只要我们的文章按照规矩来就行了,下面会详细说明。

二. 写博客与发布

经过上述步骤,本地博客和主题设置已经完成,那么接下来就是写博客了。

你的博客文件需要存放到 Daotin.github.io/source/_posts 文件夹中,在该文件夹下面你可以按照你的博客分类建立一系列的文件夹来管理博客原文件。

操作步骤:

1、用 Markdown 写文章

不管你用什么编辑 Markdown 文件,最后生成的 md 文件放到 Daotin.github.io/source/_posts 文件夹或其子文件夹中即可,如:

或者使用指令:

hexo new "xxx" // xxx 为Markdown文件名,如 xxx.md

/source/_posts文件夹内除了xxx.md文件还有一个同名的文件夹,以后我们xxx博文需要插入的图片就放到对应的同名文件夹下,方便添加图片与归类。

md文章的内容格式如下:

--- title: 个人博客搭建详解 # 这是标题 categories: # 这里写的分类会自动汇集到 categories 页面上,分类可以多级 - 实用技术 # 一级分类 - 个人博客 # 二级分类 tags: # 这里写的标签会自动汇集到 tags 页面上 - 实用 # 可配置多个标签,注意格式 - 个人博客 # 下面写正文部分。。。 ---

注意:分类和标签是自动维护的,关键是的文章要按照规定的格式写,如上格式,可以参考。
说明:Next 主题会自动生成目录,这也省了不少事。

2、本地运行测试

打开命令行定位到 xxx.github.io 目录,输入命令:

hexo s // hexo server 启动服务预览 3、在浏览器查看效果

在浏览器中输入 :4000 访问本地博客,看看效果吧。

4、安装自动部署发布工具

这里用到了 hexo-deployer-git,使用如下命令安装:

npm install hexo-deployer-git --save 5、发布到 GitHub Pages

确认在本地上显示无误之后,就可以将 md 转为 静态网页文件,然后发布到 GitHub Pages 上去了。

hexo clean #清除缓存 网页正常情况下可以忽略此条命令 hexo g #生成静态网页 hexo d #开始部署 也可以一次性执行 hexo clean && hexo g && hexo d

如果是第一次部署,终端会提示要求输入用户名和密码。等命令执行完之后,过几分钟打开 即可看到你的个人博客了。以后要发布新文章,执行上述命令即可。

注意事项

Git 的 bug
有个老版本的 Git 有个 bug,上传的时候会提示非法域名这类的,要解决该问题,最简单的方法就是更新 Git,用最新版的 Git;

关于页面空白
主题配置文件中的 ”duoshuo_info“ 下的 ”user_id“ 如果是非 ”0“,会导致该问题

特殊字符导致报错
如添加新博客的时候报错了,而且提示的是 js 中某些地方报错,那么很可能是 md 文件中存在特殊字符(不是正常显示的字符,不是说特殊符号,能正常显示的都不是这里说的特殊字符),把特殊字符删除即可

使用hexo,如果换了电脑怎么更新博客?
这个问题相信大家都关心,知乎上有比较详细的解答。我说一下我的解决方法吧!

在新电脑上配置好本地博客环境,然后,直接拷贝原电脑上的 xxx.github.io 文件夹到新电脑上即可。
将 xxx.github.io 文件夹同步到网上(如:Dropbox 等),其他任何电脑(配置好了本地博客环境)要用的时候,从网上同步下来即可。

三、参考资料

免费个人博客搭建详解

基于GithubHexo的个人博客搭建过程

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zzpwjg.html