Hexo next主题搭建静态博客埋坑记录

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u010937230/article/details/77925643

一直想着在github上建一个自己的博客网站,刚好这个周末有空就开始实施了,经过两天努力博客终于是建好了,也达到了想要的效果,但是其中一系列的坑让人不舒服,为此专门记录下来给那些需要的人一些参考。

首先关于如何建站参考以下几篇文章:
1、手把手教你建github技术博客
2、如何在 GitHub 上写博客?
3、手把手教你用Hexo+Github 搭建属于自己的博客

1、文章左侧的目录如何弄出来

如图文章左侧的目录是如何弄出来的:
1、首先在你的markdown文件里面要有标题,所谓标题就是例如这种一级标题(#),二级标题(##),三级标题(###)的。
2、在主题的_config文件里面,将toc的enable设置为true就ok了,默认的目录是有序号的,如果你不想要序号,你需要把number置为false
文章目录图

2、hexo生成博文插入图片显示不出来

显示图片是一个大坑,步骤如下:
1、把主页配置文件_config.yml 里的post_asset_folder:这个选项设置为true
2、在你的hexo目录下执行这样一句话npm install hexo-asset-image –save,这是下载安装一个可以上传本地图片的插件
3、等待一小段时间后,再运行hexo n “xxxx”来生成md博文时,/source/_posts文件夹内除了xxxx.md文件还有一个同名的文件夹
4、最后在xxxx.md中想引入图片时,先把图片复制到xxxx这个文件夹中,然后只需要在xxxx.md中按照markdown的格式引入图片:![你想输入的替代文字](xxxx/图片名.jpg)
5、最后检查一下,hexo g生成页面后,进入public\2017\09\10\index.html文件中查看相关字段,可以发现,html标签内的语句是<img src="2017/09/10/xxxx/图片名.jpg">,而不是<img src="xxxx/图片名.jpg>。这很重要,关乎你的网页是否可以真正加载你想插入的图片。

3、文字显示成了德文

在根目录下的_config文件里面,默认语言是空的,本以为默认会显示英文。但是经过hexo g ,hexo d 后,生成的本地网页上有时候显示的是德文(刚开始还以为是乱码),有时候显示的是却是英文,这就很蛋疼,显示英文很好理解,因为国际语言就是英语,但是显示德文就有点坑了,后来才发现,在next主题的语言包文件夹下德语的配置文件de.yml是排在第一位的,估计是这原因导致它显示德语,所以最好的办法就是明确指出语言为英语或者汉语,不要默认让它空着。

title: Charles
subtitle: 有人说我是假程序员
description:
author: Charles
language: en
timezone:

4、hexo中next主题代码高亮无法正常显示

我们知道在markdown里面代码块使用两个反三点包起来的,一般的md编译器都会显示高亮的,但是在next主题里面就不会,解决办法就是在第一个反三点的右边加上你所用的语言,例如java,C++,jsx等等
代码高亮

5、部署代码到github上时提示 deloyer not found:git

解决办法:
注意需要提前安装一个扩展:
npm install hexo-deployer-git –save

6、每次deploy都要配置域名

因为我配置的自己的域名,所以在我的github库里面有一个CNAME文件,如下图所示:
域名文件github位置
但是我每次执行hexo deploy之后,CNAME文件都没有了,搞得每次都要去Settings—>GitHub Pages—>Custom domain下面去重新配置域名,解决办法为,将你的CNAME文件放到本地的source文件夹下,如下图:
域名文件本地位置

阅读更多

没有更多推荐了,返回首页